/* =========================================================
   SHIVAT ZION — ZOHO HELP CENTER
   CONSOLIDATED CSS
   COMPACT CATEGORY VERSION
   ========================================================= */


/* =========================================================
   1. BRAND COLOURS
   ========================================================= */

   :root {
    --sz-blue: #227bbc;
    --sz-blue-dark: #17659d;
    --sz-blue-light: #eef7fc;

    --sz-orange: #ef9229;
    --sz-orange-dark: #dc7c12;
    --sz-orange-light: #fff7ef;

    --sz-dark: #172a36;
    --sz-text: #344954;
    --sz-muted: #6f7f88;

    --sz-border: #e2ebf0;
    --sz-white: #ffffff;
}


/* =========================================================
   2. MAIN PAGE
   ========================================================= */

body {
    background: #ffffff !important;
}


#layoutContainer {
    background: #ffffff !important;
    color: var(--sz-text) !important;

    padding: 0 0 80px 0 !important;
}


#layoutContainer .AppContainer__wrapper {
    width: auto !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 45px 30px 0 30px !important;
}


/* =========================================================
   3. GENERAL TYPOGRAPHY
   ========================================================= */

#layoutContainer h1,
#layoutContainer h2,
#layoutContainer h3,
#layoutContainer h4 {
    color: var(--sz-dark) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}


#layoutContainer p {
    color: var(--sz-text) !important;
    line-height: 1.65 !important;
}


#layoutContainer a {
    color: var(--sz-blue);
    text-decoration: none;
}


#layoutContainer a:hover {
    color: var(--sz-blue-dark);
}


/* =========================================================
   4. ALIYAH / KLITA CATEGORY AREA
   ========================================================= */

#layoutContainer .kbCategory__gridView {
    display: flex !important;

    justify-content: center !important;
    align-items: stretch !important;

    flex-wrap: wrap !important;

    gap: 20px !important;

    width: 100% !important;

    margin: 0 auto 42px auto !important;
}


/* =========================================================
   5. COMPACT CATEGORY CARDS
   ========================================================= */

#layoutContainer .TitleContainer__container {
    position: relative !important;

    /* FORCE SMALLER WIDTH */
    flex: 0 0 290px !important;

    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;

    /* FORCE SMALLER HEIGHT */
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 2px solid var(--sz-orange) !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow:
        0 7px 20px
        rgba(31, 71, 95, 0.08) !important;

    cursor: pointer !important;

    transition:
        transform 0.20s ease,
        background-color 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Remove old decorations completely */

#layoutContainer .TitleContainer__container::before,
#layoutContainer .TitleContainer__container::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   6. INTERNAL CATEGORY LAYOUT
   ========================================================= */

#layoutContainer .TitleContainer__gridView {
    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box !important;

    width: 100% !important;

    height: 146px !important;
    min-height: 146px !important;
    max-height: 146px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   7. CATEGORY TITLE
   ========================================================= */

#layoutContainer .TitleContainer__header {
    display: flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    margin: 0 !important;

    padding:
        16px
        18px
        5px
        18px !important;

    border: none !important;

    color: var(--sz-blue) !important;

    font-size: 19px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;
}


#layoutContainer .TitleContainer__header *,
#layoutContainer .TitleContainer__header span {
    color: var(--sz-blue) !important;
}


/* =========================================================
   8. CATEGORY ICON — NORMAL
   ========================================================= */

#layoutContainer .TitleContainer__header svg {
    margin-right: 12px !important;

    color: #222222 !important;
}


#layoutContainer .TitleContainer__header svg path,
#layoutContainer .TitleContainer__header svg line,
#layoutContainer .TitleContainer__header svg circle,
#layoutContainer .TitleContainer__header svg rect,
#layoutContainer .TitleContainer__header svg polyline,
#layoutContainer .TitleContainer__header svg polygon {
    stroke: #222222 !important;
}


/* =========================================================
   9. CATEGORY DESCRIPTION
   ========================================================= */

#layoutContainer .TitleContainer__body {
    flex: 1 1 auto !important;

    margin: 0 !important;

    padding:
        1px
        18px
        7px
        18px !important;

    color: var(--sz-text) !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
}


#layoutContainer .TitleContainer__body * {
    color: var(--sz-text) !important;
}


/* =========================================================
   10. ARTICLE / SECTION COUNT
   NORMAL = PALE ORANGE
   ========================================================= */

#layoutContainer .TitleContainer__content {
    flex: 0 0 auto !important;

    box-sizing: border-box !important;

    margin:
        0
        9px
        9px
        9px !important;

    padding:
        8px
        11px
        9px
        11px !important;

    background: var(--sz-orange-light) !important;

    border-top:
        1px solid
        rgba(239, 146, 41, 0.18) !important;

    color: #273844 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;
}


#layoutContainer .TitleContainer__content *,
#layoutContainer .TitleContainer__content span,
#layoutContainer .TitleContainer__content div {
    color: #273844 !important;
}


/* =========================================================
   11. WHOLE CATEGORY CARD CLICKABLE
   ========================================================= */

#layoutContainer .TitleContainer__boxLink {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    z-index: 20 !important;

    cursor: pointer !important;

    border-radius: 14px !important;
}


#layoutContainer .TitleContainer__boxLink:focus-visible {
    outline:
        3px solid
        rgba(34, 123, 188, 0.32) !important;

    outline-offset: -4px !important;
}


/* =========================================================
   12. CATEGORY HOVER
   MAIN AREA ORANGE
   ========================================================= */

#layoutContainer .TitleContainer__container:hover {
    background: var(--sz-orange) !important;

    border-color: var(--sz-orange) !important;

    transform: translateY(-4px) !important;

    box-shadow:
        0 13px 28px
        rgba(205, 119, 20, 0.20) !important;
}


/* =========================================================
   13. ALL UPPER TEXT WHITE ON HOVER
   ========================================================= */

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header *,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header span,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__body,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__body * {
    color: #ffffff !important;
}


/* =========================================================
   14. ICON WHITE ON HOVER
   ========================================================= */

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header svg {
    color: #ffffff !important;
}


#layoutContainer .TitleContainer__container:hover
.TitleContainer__header svg path,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header svg line,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header svg circle,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header svg rect,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header svg polyline,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__header svg polygon {
    stroke: #ffffff !important;
}


/* =========================================================
   15. BOTTOM RECTANGLE ON HOVER
   SHIVAT ZION BLUE #227bbc
   ========================================================= */

#layoutContainer .TitleContainer__container:hover
.TitleContainer__content {
    background: #227bbc !important;

    border-top-color: #227bbc !important;

    color: #ffffff !important;
}


#layoutContainer .TitleContainer__container:hover
.TitleContainer__content *,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__content span,

#layoutContainer .TitleContainer__container:hover
.TitleContainer__content div {
    color: #ffffff !important;
}


/* =========================================================
   16. POPULAR / RECENT ARTICLE TITLES
   ========================================================= */

#layoutContainer .ArticlesContainer__title {
    margin:
        46px
        0
        20px
        4px !important;

    color: var(--sz-dark) !important;

    font-size: 23px !important;
    font-weight: 700 !important;

    letter-spacing: -0.025em !important;
}


#layoutContainer .ArticlesContainer__title::after {
    content: "";

    display: block;

    width: 44px;
    height: 4px;

    margin-top: 9px;

    background: #227bbc;

    border-radius: 10px;
}


/* =========================================================
   17. ARTICLE GRID
   ========================================================= */

#layoutContainer .ArticlesContainer__articleListWidget {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap:
        14px
        18px !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/* =========================================================
   18. INDIVIDUAL ARTICLE CARDS
   ========================================================= */

#layoutContainer .ModuleItem__moduleListItem {
    position: relative !important;

    background: #ffffff !important;

    border:
        1px solid
        #dfe9ef !important;

    border-radius:
        16px !important;

    overflow: hidden !important;

    box-shadow:
        0 5px 18px
        rgba(33, 86, 113, 0.06) !important;

    transition:
        transform 0.20s ease,
        box-shadow 0.20s ease,
        border-color 0.20s ease,
        background-color 0.20s ease !important;
}


#layoutContainer .ModuleItem__moduleListItem:hover {
    transform:
        translateY(-3px) !important;

    background:
        #f7fbfe !important;

    border-color:
        #b8d7e9 !important;

    box-shadow:
        0 10px 25px
        rgba(33, 86, 113, 0.11) !important;
}


/* =========================================================
   19. ARTICLE LINKS
   ========================================================= */

#layoutContainer .ModuleItem__modulein {
    padding: 0 !important;
}


#layoutContainer .ModuleItem__modulein a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-height: 70px !important;

    padding:
        18px
        55px
        18px
        21px !important;

    color: var(--sz-text) !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 1.45 !important;

    text-decoration: none !important;
}


/* =========================================================
   20. ARTICLE ARROWS
   ========================================================= */

#layoutContainer .ModuleItem__modulein a::after {
    content: "→";

    position: absolute;

    right: 20px;
    top: 50%;

    transform: translateY(-50%);

    color: #227bbc;

    font-size: 19px;
    font-weight: 700;

    transition:
        transform 0.20s ease,
        color 0.20s ease;
}


#layoutContainer .ModuleItem__moduleListItem:hover
.ModuleItem__modulein a {
    color: #227bbc !important;
}


#layoutContainer .ModuleItem__moduleListItem:hover
.ModuleItem__modulein a::after {
    color: #17659d;

    transform:
        translate(4px, -50%);
}


/* =========================================================
   21. FORMS
   ========================================================= */

#layoutContainer input[type="text"],
#layoutContainer input[type="email"],
#layoutContainer input[type="password"],
#layoutContainer input[type="tel"],
#layoutContainer input[type="number"],
#layoutContainer input[type="date"],
#layoutContainer textarea,
#layoutContainer select {
    box-sizing: border-box !important;

    min-height: 49px !important;

    padding:
        11px
        15px !important;

    background: #ffffff !important;

    border:
        1px solid
        #d7e3ea !important;

    border-radius: 12px !important;

    color: var(--sz-dark) !important;

    font-family: inherit !important;
    font-size: 15px !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}


#layoutContainer textarea {
    min-height: 130px !important;
}


#layoutContainer input:focus,
#layoutContainer textarea:focus,
#layoutContainer select:focus {
    border-color: #227bbc !important;

    box-shadow:
        0 0 0 4px
        rgba(34, 123, 188, 0.10) !important;
}


/* =========================================================
   22. PORTAL BUTTONS
   ========================================================= */

#layoutContainer button,
#layoutContainer input[type="submit"],
#layoutContainer input[type="button"] {
    min-height: 46px !important;

    padding:
        10px
        24px !important;

    background: var(--sz-orange) !important;

    color: #ffffff !important;

    border:
        2px solid
        var(--sz-orange) !important;

    border-radius: 999px !important;

    font-family: inherit !important;
    font-size: 14px !important;

    font-weight: 700 !important;

    cursor: pointer !important;

    box-shadow:
        0 6px 17px
        rgba(239, 146, 41, 0.18) !important;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease !important;
}


#layoutContainer button:hover,
#layoutContainer input[type="submit"]:hover,
#layoutContainer input[type="button"]:hover {
    background: var(--sz-orange-dark) !important;

    border-color:
        var(--sz-orange-dark) !important;

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 8px 20px
        rgba(220, 124, 18, 0.22) !important;
}


/* =========================================================
   23. TABLES / MY REQUESTS
   ========================================================= */

#layoutContainer table {
    width: 100% !important;

    background: #ffffff !important;

    border:
        1px solid
        var(--sz-border) !important;

    border-radius: 15px !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    overflow: hidden !important;
}


#layoutContainer table th {
    padding: 15px !important;

    background: #f2f8fc !important;

    color: var(--sz-dark) !important;

    font-weight: 700 !important;
}


#layoutContainer table td {
    padding: 15px !important;

    border-color: var(--sz-border) !important;

    color: var(--sz-text) !important;
}


/* =========================================================
   24. ARTICLE CONTENT
   ========================================================= */

#layoutContainer article p,
#layoutContainer [class*="Article"] p {
    color: #344954 !important;

    font-size: 16px !important;
    line-height: 1.72 !important;
}


#layoutContainer article img,
#layoutContainer [class*="Article"] img {
    max-width: 100% !important;

    border-radius: 12px !important;
}


#layoutContainer hr {
    border: none !important;

    border-top:
        1px solid
        var(--sz-border) !important;

    margin:
        30px
        0 !important;
}


/* =========================================================
   25. MOBILE
   ========================================================= */

@media (max-width: 768px) {

    #layoutContainer .AppContainer__wrapper {
        padding:
            28px
            16px
            0
            16px !important;
    }


    /* ALIYAH / KLITA */

    #layoutContainer .kbCategory__gridView {
        gap: 14px !important;
        margin-bottom: 34px !important;
    }


    #layoutContainer .TitleContainer__container {
        flex: 1 1 100% !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;

        border-radius: 16px !important;
    }


    #layoutContainer .TitleContainer__gridView {
        height: 141px !important;
        min-height: 141px !important;
        max-height: 141px !important;
    }


    #layoutContainer .TitleContainer__header {
        padding:
            15px
            17px
            5px
            17px !important;

        font-size: 19px !important;
    }


    #layoutContainer .TitleContainer__body {
        padding:
            1px
            17px
            6px
            17px !important;
    }


    #layoutContainer .TitleContainer__content {
        margin:
            0
            8px
            8px
            8px !important;

        padding:
            8px
            10px
            9px
            10px !important;
    }


    /* ARTICLES */

    #layoutContainer .ArticlesContainer__articleListWidget {
        grid-template-columns:
            1fr !important;

        gap: 11px !important;
    }


    #layoutContainer .ArticlesContainer__title {
        margin-top: 36px !important;

        font-size: 21px !important;
    }


    #layoutContainer .ModuleItem__modulein a {
        min-height: 64px !important;

        padding:
            17px
            48px
            17px
            18px !important;

        font-size: 15px !important;
    }


    #layoutContainer .ModuleItem__modulein a::after {
        right: 17px;
    }

}

/* Zoho Desk chrome overrides (header padding; footer layout is above) */

/* -------------------------------------------------------------------------- */
/* Zoho Desk custom footer (.zoho-site-footer) — match WordPress .footer look  */
/* Used by zoho_custom_footer.html                                            */
/* -------------------------------------------------------------------------- */
.zoho-site-footer * { box-sizing: border-box; }
.zoho-site-footer a { text-decoration: none; }
.zoho-site-footer img { max-width: 100%; height: auto; vertical-align: top; }

.zoho-site-footer {
  --Black: #101010;
  --Primary: #2D8CD1;
  --White: #FFF;
  --Body-text: #444;
  --Cards: #F8F8F8;
  background: #FFFFFF;
  font-family: "Instrument Sans", sans-serif;
  text-align: left !important;
}

.zoho-site-footer .content {
  display: flex;
  max-width: 1920px;
  padding: 40px 60px;
  margin: 0 auto;
}

.zoho-site-footer .col-f {
  display: flex;
  flex-direction: column;
  margin-right: 340px;
}

.zoho-site-footer .col-f .logo {
  width: 150px;
  height: 66px;
  margin-bottom: 32px;
  object-fit: contain;
}

.zoho-site-footer .col-f .link {
  color: var(--Body-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 12px;
}

.zoho-site-footer .col-f .c {
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.zoho-site-footer .links-col {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}

.zoho-site-footer .links-col .col-title {
  margin-bottom: 16px;
  color: #101010;
  font-family: "Instrument Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 95%;
}

.zoho-site-footer .links-col a {
  color: var(--Black, #101010);
  font-family: "Instrument Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  padding: 0 !important;
  transition: color 0.3s ease-in-out;
}

.zoho-site-footer .links-col a:hover { color: #7E7E7E; }

.zoho-site-footer .links-col a:not(:last-of-type) { margin-bottom: 8px; }

@media screen and (max-width: 1599px) {
  .zoho-site-footer .col-f { margin-right: 120px; }
}

@media screen and (max-width: 1023px) {
  .zoho-site-footer .content {
    padding: 40px 20px;
    flex-wrap: wrap;
  }
  .zoho-site-footer .col-f {
    margin-right: auto;
    width: 100%;
    order: 10;
    margin-top: 60px;
  }
  .zoho-site-footer .links-col a { font-size: 14px; }
  .zoho-site-footer .links-col:not(:last-of-type) { margin-right: 60px; }
}

@media screen and (max-width: 479px) {
  .zoho-site-footer .content {
    padding: 40px 10px 0;
    gap: 20px;
  }
  .zoho-site-footer .col-f {
    margin: 0 0 0 10px;
    width: calc(100% - 20px);
    order: 5;
  }
  .zoho-site-footer .col-s { order: 4; }
  .zoho-site-footer .links-col:not(:last-of-type) { margin-right: 0; }
  .zoho-site-footer .links-col { width: max-content; height: max-content; }
  .zoho-site-footer .links-col .col-title { margin-bottom: 12px; font-size: 11px; }
  .zoho-site-footer .col-f .logo {
    order: 3;
    width: 100%;
    height: auto;
    margin-top: 40px;
    max-width: 120px;
  }
  .zoho-site-footer .col-f .c { max-width: 137px; font-size: 14px; }
  .zoho-site-footer .col-f .link { font-size: 14px; }
}

header {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

footer {
  text-align: left !important;
}

footer a {
  padding: 0 !important;
}

/* -------------------------------------------------------------------------- */
/* CSS-only i18n (no JS) — driven by Zoho locale data-id + html[lang]          */
/* Markup: duplicate nodes with .sz-l .sz-l-{en|nl|de|it|es|pt-br}             */
/* Optional: .sz-show-flex | .sz-show-block | .sz-show-ib for display type     */
/* -------------------------------------------------------------------------- */
.sz-l { display: none !important; }

/* Default: English (before locale widget hydrates, or en portal) */
.sz-l-en { display: inline !important; }
.sz-l-en.sz-show-flex { display: flex !important; }
.sz-l-en.sz-show-block { display: block !important; }
.sz-l-en.sz-show-ib { display: inline-block !important; }

/* Hide EN when another locale is active */
html[lang="nl"] .sz-l-en,
html[lang="de"] .sz-l-en,
html[lang="it"] .sz-l-en,
html[lang="es"] .sz-l-en,
html[lang="pt"] .sz-l-en,
html[lang="pt-br"] .sz-l-en,
html[lang="pt-BR"] .sz-l-en,
html:has([data-id="nl_selectedLocale"]) .sz-l-en,
html:has([data-id="de_selectedLocale"]) .sz-l-en,
html:has([data-id="it_selectedLocale"]) .sz-l-en,
html:has([data-id="es_selectedLocale"]) .sz-l-en,
html:has([data-id="pt_br_selectedLocale"]) .sz-l-en,
html:has([data-id="pt-br_selectedLocale"]) .sz-l-en,
body:has([data-id="nl_selectedLocale"]) .sz-l-en,
body:has([data-id="de_selectedLocale"]) .sz-l-en,
body:has([data-id="it_selectedLocale"]) .sz-l-en,
body:has([data-id="es_selectedLocale"]) .sz-l-en,
body:has([data-id="pt_br_selectedLocale"]) .sz-l-en,
body:has([data-id="pt-br_selectedLocale"]) .sz-l-en {
  display: none !important;
}

/* NL */
html[lang="nl"] .sz-l-nl,
html:has([data-id="nl_selectedLocale"]) .sz-l-nl,
body:has([data-id="nl_selectedLocale"]) .sz-l-nl { display: inline !important; }
html[lang="nl"] .sz-l-nl.sz-show-flex,
html:has([data-id="nl_selectedLocale"]) .sz-l-nl.sz-show-flex,
body:has([data-id="nl_selectedLocale"]) .sz-l-nl.sz-show-flex { display: flex !important; }
html[lang="nl"] .sz-l-nl.sz-show-block,
html:has([data-id="nl_selectedLocale"]) .sz-l-nl.sz-show-block,
body:has([data-id="nl_selectedLocale"]) .sz-l-nl.sz-show-block { display: block !important; }
html[lang="nl"] .sz-l-nl.sz-show-ib,
html:has([data-id="nl_selectedLocale"]) .sz-l-nl.sz-show-ib,
body:has([data-id="nl_selectedLocale"]) .sz-l-nl.sz-show-ib { display: inline-block !important; }

/* DE */
html[lang="de"] .sz-l-de,
html:has([data-id="de_selectedLocale"]) .sz-l-de,
body:has([data-id="de_selectedLocale"]) .sz-l-de { display: inline !important; }
html[lang="de"] .sz-l-de.sz-show-flex,
html:has([data-id="de_selectedLocale"]) .sz-l-de.sz-show-flex,
body:has([data-id="de_selectedLocale"]) .sz-l-de.sz-show-flex { display: flex !important; }
html[lang="de"] .sz-l-de.sz-show-block,
html:has([data-id="de_selectedLocale"]) .sz-l-de.sz-show-block,
body:has([data-id="de_selectedLocale"]) .sz-l-de.sz-show-block { display: block !important; }
html[lang="de"] .sz-l-de.sz-show-ib,
html:has([data-id="de_selectedLocale"]) .sz-l-de.sz-show-ib,
body:has([data-id="de_selectedLocale"]) .sz-l-de.sz-show-ib { display: inline-block !important; }

/* IT */
html[lang="it"] .sz-l-it,
html:has([data-id="it_selectedLocale"]) .sz-l-it,
body:has([data-id="it_selectedLocale"]) .sz-l-it { display: inline !important; }
html[lang="it"] .sz-l-it.sz-show-flex,
html:has([data-id="it_selectedLocale"]) .sz-l-it.sz-show-flex,
body:has([data-id="it_selectedLocale"]) .sz-l-it.sz-show-flex { display: flex !important; }
html[lang="it"] .sz-l-it.sz-show-block,
html:has([data-id="it_selectedLocale"]) .sz-l-it.sz-show-block,
body:has([data-id="it_selectedLocale"]) .sz-l-it.sz-show-block { display: block !important; }
html[lang="it"] .sz-l-it.sz-show-ib,
html:has([data-id="it_selectedLocale"]) .sz-l-it.sz-show-ib,
body:has([data-id="it_selectedLocale"]) .sz-l-it.sz-show-ib { display: inline-block !important; }

/* ES */
html[lang="es"] .sz-l-es,
html:has([data-id="es_selectedLocale"]) .sz-l-es,
body:has([data-id="es_selectedLocale"]) .sz-l-es { display: inline !important; }
html[lang="es"] .sz-l-es.sz-show-flex,
html:has([data-id="es_selectedLocale"]) .sz-l-es.sz-show-flex,
body:has([data-id="es_selectedLocale"]) .sz-l-es.sz-show-flex { display: flex !important; }
html[lang="es"] .sz-l-es.sz-show-block,
html:has([data-id="es_selectedLocale"]) .sz-l-es.sz-show-block,
body:has([data-id="es_selectedLocale"]) .sz-l-es.sz-show-block { display: block !important; }
html[lang="es"] .sz-l-es.sz-show-ib,
html:has([data-id="es_selectedLocale"]) .sz-l-es.sz-show-ib,
body:has([data-id="es_selectedLocale"]) .sz-l-es.sz-show-ib { display: inline-block !important; }

/* PT-BR */
html[lang="pt"] .sz-l-pt-br,
html[lang="pt-br"] .sz-l-pt-br,
html[lang="pt-BR"] .sz-l-pt-br,
html:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br,
html:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br,
body:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br,
body:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br { display: inline !important; }
html[lang="pt"] .sz-l-pt-br.sz-show-flex,
html[lang="pt-br"] .sz-l-pt-br.sz-show-flex,
html[lang="pt-BR"] .sz-l-pt-br.sz-show-flex,
html:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br.sz-show-flex,
html:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br.sz-show-flex,
body:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br.sz-show-flex,
body:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br.sz-show-flex { display: flex !important; }
html[lang="pt"] .sz-l-pt-br.sz-show-block,
html[lang="pt-br"] .sz-l-pt-br.sz-show-block,
html[lang="pt-BR"] .sz-l-pt-br.sz-show-block,
html:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br.sz-show-block,
html:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br.sz-show-block,
body:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br.sz-show-block,
body:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br.sz-show-block { display: block !important; }
html[lang="pt"] .sz-l-pt-br.sz-show-ib,
html[lang="pt-br"] .sz-l-pt-br.sz-show-ib,
html[lang="pt-BR"] .sz-l-pt-br.sz-show-ib,
html:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br.sz-show-ib,
html:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br.sz-show-ib,
body:has([data-id="pt_br_selectedLocale"]) .sz-l-pt-br.sz-show-ib,
body:has([data-id="pt-br_selectedLocale"]) .sz-l-pt-br.sz-show-ib { display: inline-block !important; }

/* Force EN when English locale is selected (overrides html[lang] edge cases) */
html:has([data-id="en_selectedLocale"]) .sz-l:not(.sz-l-en),
body:has([data-id="en_selectedLocale"]) .sz-l:not(.sz-l-en) { display: none !important; }
html:has([data-id="en_selectedLocale"]) .sz-l-en,
body:has([data-id="en_selectedLocale"]) .sz-l-en { display: inline !important; }
html:has([data-id="en_selectedLocale"]) .sz-l-en.sz-show-flex,
body:has([data-id="en_selectedLocale"]) .sz-l-en.sz-show-flex { display: flex !important; }
html:has([data-id="en_selectedLocale"]) .sz-l-en.sz-show-block,
body:has([data-id="en_selectedLocale"]) .sz-l-en.sz-show-block { display: block !important; }
html:has([data-id="en_selectedLocale"]) .sz-l-en.sz-show-ib,
body:has([data-id="en_selectedLocale"]) .sz-l-en.sz-show-ib { display: inline-block !important; }

/* Glossary term look */
.sz-glossary {
  position: relative;
  display: inline;
  border-bottom: 1px dotted #19537d;
  cursor: help;
  color: inherit;
}

/* Hidden by default */
.sz-glossary .sz-glossary-tip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 1000;
  left: 0;
  bottom: calc(100% + 8px);
  width: max-content;
  max-width: min(360px, 80vw);
  padding: 10px 12px;
  border-radius: 8px;
  background: #1f2937;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
  text-align: left;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  transition: opacity 0.12s ease, visibility 0.12s ease;
  pointer-events: none;
}

/* Little arrow under the tip */
.sz-glossary .sz-glossary-tip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 16px;
  border: 6px solid transparent;
  border-top-color: #1f2937;
}

/* Show on hover / keyboard focus */
.sz-glossary:hover .sz-glossary-tip,
.sz-glossary:focus-within .sz-glossary-tip {
  visibility: visible;
  opacity: 1;
}

.sz-glossary .sz-glossary-by {
  display: block;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  font-size: 11px;
  font-style: italic;
  opacity: 0.75;
  line-height: 1.3;
}

.sz-glossary .sz-glossary-by::before {
  content: "— ";
}

.ArticleListContainer__boxView { border: none; }
.ModuleItem__moduleListItem { margin: 10px 0; }

.Header__menuList, .LoginDetail__signup, .LoginDetail__signin, .CustomizeContainer__aPlus {
    background-color: #ffffff !important;
    color: #192837 !important;
}

.Header__menuList.Header__navactive, .LoginDetail__signup.LoginDetail__active, .LoginDetail__signin.LoginDetail__active {
    background-color: #ffffff !important;
    border-bottom-color: #192837 !important;
}

@media only screen and (min-width: 1025px) {
    .Header__menuList:hover, .LoginDetail__signup:hover, .LoginDetail__signin:hover, .LocalePopup__localeTarget:hover, .CustomizeContainer__aPlus:hover {
        color: #192837 !important;
    }
}

.Header__bgColor, .Header__homeNavbarFixed .Header__searchSubCont, .Header__homeNavbarFixed .Header__searchLink {
    background-color: #ffffff !important;
}

.LocalePopup__localeTarget {
    color: #192837 !important;
}

.Header__logotxt, .Header__welcomeTitle, .Header__welcomeDescription {
    color: #192837 !important;
}

.Header__logotxt, .Header__welcomeTitle, .Header__welcomeDescription {
    color: #192837 !important;
}

.BreadCrumbs__breadcrumbsView, .BreadCrumbs__breadCrumbsLink {
    color: #192837 !important;
}

.Header__logo {
    max-height: 5rem !important;
}

@media only screen and (max-width: 48rem) {
    .Header__menu, .Header__menu:before, .Header__menu:after {
        background-color: #192837 !important;
    }
}
@media (max-width: 48rem) {
   .Header__overlayresponav, .Header__responsivefreez {
        background-color: #ffffff !important;
    }
}

.Header__logotxt { display: none; }

.CustomWidgets__widgetContents.commonStyle__link {
  font-size: 1rem !important;
}
#layoutContainer .ModuleItem__modulein a.Link__link.commonStyle__link {
  font-size: 1.125rem !important;
}

.ArticleListContainer__boxView,
.ArticleListRightContainer__wrapper
{
    padding: 0 10px;
}

.Header__searchLink,
.Header__containerLi {
    box-shadow: 0 .225rem .225rem rgba(0, 0, 0, .16)
}