/* WBMerit v2.3.43 — legacy visual compatibility layer.
 * This file preserves the established v2.3.14+ visual overrides in their original cascade order.
 * It is separated from the core stylesheet to make future maintenance safer.
 */
/* =========================================================
   WBMerit v2.3.14
   STICKY LOGO + PRIMARY MENU HEADER
   ========================================================= */

/* Keep the whole header—not just an inner element—at the top. */
html{
    scroll-padding-top:80px;
}

body{
    overflow-x:hidden;
}

.site-header,
header.site-header{
    position:-webkit-sticky ;
    position:sticky !important;
    top:0 !important;
    z-index:100000 !important;
    width:100% !important;
    max-width:none !important;
    margin-top:0 !important;
    background:#fff !important;
    transform:none !important;
}

/* Keep header children from creating a separate scrolling layer. */
.site-header .site-header-inner,
.site-header .header-inner,
.site-header .inside-header{
    position:relative !important;
    z-index:100001 !important;
}

/* Primary navigation remains attached to the floating header. */
.site-header .main-navigation,
.site-header nav.primary-navigation,
.site-header .primary-menu{
    position:relative !important;
    z-index:100002 !important;
}

/* Do not let a theme wrapper clip the sticky header. */
.site-header,
.site-header > *,
.site-header .inside-header,
.site-header .site-header-inner{
    overflow:visible !important;
}

/* Clear visual separation while scrolling. */
.site-header.is-scrolled{
    box-shadow:0 5px 20px rgba(9,43,80,.14) !important;
    border-bottom:2px solid var(--gold-light,#ead8a5) !important;
}

@media(max-width:768px){
    html{
        scroll-padding-top:68px;
    }

    .site-header,
    header.site-header{
        position:-webkit-sticky ;
        position:sticky !important;
        top:0 !important;
        z-index:100000 !important;
    }
}


/* =========================================================
   WBMerit v2.3.14
   BLOG / ARCHIVE / CATEGORY / TAG / SEARCH POST CARDS
   Thumbnail LEFT — Heading + Meta RIGHT
   ========================================================= */

/* Override the old vertical .post-card rules. */
.post-grid .wbm-horizontal-post-card,
.post-list .wbm-horizontal-post-card,
.content-area .wbm-horizontal-post-card,
.site-main .wbm-horizontal-post-card{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    gap:18px !important;
    padding:14px !important;
    margin:0 0 16px !important;
    border:1px solid var(--gold-light,#ead8a5) !important;
    border-radius:14px !important;
    background:#fff !important;
    overflow:hidden !important;
}

/* LEFT thumbnail */
.post-grid .wbm-horizontal-post-card > .post-thumb,
.post-grid .wbm-horizontal-post-card > .wbm-card-thumb,
.post-list .wbm-horizontal-post-card > .post-thumb,
.post-list .wbm-horizontal-post-card > .wbm-card-thumb,
.site-main .wbm-horizontal-post-card > .post-thumb,
.site-main .wbm-horizontal-post-card > .wbm-card-thumb{
    display:block !important;
    flex:0 0 220px !important;
    width:220px !important;
    height:145px !important;
    min-height:145px !important;
    max-width:220px !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:10px !important;
    overflow:hidden !important;
    align-self:flex-start !important;
}

.post-grid .wbm-horizontal-post-card > .post-thumb img,
.post-grid .wbm-horizontal-post-card > .wbm-card-thumb img,
.post-list .wbm-horizontal-post-card > .post-thumb img,
.post-list .wbm-horizontal-post-card > .wbm-card-thumb img,
.site-main .wbm-horizontal-post-card > .post-thumb img,
.site-main .wbm-horizontal-post-card > .wbm-card-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-width:none !important;
    object-fit:contain !important;
}

/* RIGHT content */
.post-grid .wbm-horizontal-post-card > .post-body,
.post-grid .wbm-horizontal-post-card > .wbm-card-body,
.post-list .wbm-horizontal-post-card > .post-body,
.post-list .wbm-horizontal-post-card > .wbm-card-body,
.site-main .wbm-horizontal-post-card > .post-body,
.site-main .wbm-horizontal-post-card > .wbm-card-body{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
}

/* Heading and metadata */
.wbm-horizontal-post-card .post-meta-row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px 12px !important;
    margin:0 0 6px !important;
}

.wbm-horizontal-post-card h2{
    display:block !important;
    margin:0 0 7px !important;
    font-size:20px !important;
    line-height:1.3 !important;
}


.wbm-horizontal-post-card .read-more{
    align-self:flex-start !important;
    margin-top:auto !important;
}


/* Mobile: thumbnail remains LEFT, text remains RIGHT. */
@media(max-width:768px){
    .post-grid .wbm-horizontal-post-card,
    .post-list .wbm-horizontal-post-card,
    .content-area .wbm-horizontal-post-card,
    .site-main .wbm-horizontal-post-card{
        display:flex !important;
        flex-direction:row !important;
        gap:12px !important;
        padding:10px !important;
        margin-bottom:12px !important;
        border-radius:12px !important;
    }

    .post-grid .wbm-horizontal-post-card > .post-thumb,
    .post-grid .wbm-horizontal-post-card > .wbm-card-thumb,
    .post-list .wbm-horizontal-post-card > .post-thumb,
    .post-list .wbm-horizontal-post-card > .wbm-card-thumb,
    .site-main .wbm-horizontal-post-card > .post-thumb,
    .site-main .wbm-horizontal-post-card > .wbm-card-thumb{
        flex:0 0 105px !important;
        width:105px !important;
        max-width:105px !important;
        height:105px !important;
        min-height:105px !important;
    }

    .wbm-horizontal-post-card h2{
        font-size:17px !important;
        line-height:1.3 !important;
        margin-bottom:5px !important;
    }

    .wbm-horizontal-post-card .post-meta-row{
        font-size:12px !important;
        line-height:1.3 !important;
        gap:4px 8px !important;
    }
}

@media(max-width:430px){
    .post-grid .wbm-horizontal-post-card,
    .post-list .wbm-horizontal-post-card{
        gap:9px !important;
        padding:8px !important;
    }

    .post-grid .wbm-horizontal-post-card > .post-thumb,
    .post-grid .wbm-horizontal-post-card > .wbm-card-thumb,
    .post-list .wbm-horizontal-post-card > .post-thumb,
    .post-list .wbm-horizontal-post-card > .wbm-card-thumb{
        flex-basis:88px !important;
        width:88px !important;
        max-width:88px !important;
        height:88px !important;
        min-height:88px !important;
    }

    .wbm-horizontal-post-card h2{
        font-size:16px !important;
    }

    .wbm-horizontal-post-card p{
        font-size:13px !important;
    }
}


/* =========================================================
   WBMerit v2.3.15 — GUARANTEED FLOATING HEADER
   Logo + primary menu remain visible while scrolling.
   ========================================================= */
:root{--wbm-header-height:76px;}

.site-header,
header.site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:var(--wbm-header-height) !important;
    max-width:none !important;
    margin:0 !important;
    z-index:999999 !important;
    background:#fff !important;
    border-bottom:2px solid var(--gold-light,#ead8a5) !important;
    box-shadow:0 4px 18px rgba(9,43,80,.10) !important;
}

/* Prevent the fixed header from covering the page at the top. */
body{
    padding-top:var(--wbm-header-height) !important;
}

body.admin-bar .site-header,
body.admin-bar header.site-header{
    top:32px !important;
}

body.admin-bar{
    padding-top:calc(var(--wbm-header-height) + 32px) !important;
}

.site-header .header-inner{
    height:100% !important;
    position:relative !important;
    z-index:1000000 !important;
}

.site-header .site-branding,
.site-header .main-navigation,
.site-header .header-search,
.site-header .menu-toggle{
    position:relative !important;
    z-index:1000001 !important;
}

@media(max-width:782px){
    body.admin-bar .site-header,
    body.admin-bar header.site-header{
        top:46px !important;
    }
    body.admin-bar{
        padding-top:calc(var(--wbm-header-height) + 46px) !important;
    }
}

@media(max-width:768px){
    :root{--wbm-header-height:64px;}
    .site-header,
    header.site-header{
        height:var(--wbm-header-height) !important;
    }
}


/* =========================================================
   WBMerit v2.3.15 — BLOG/ARCHIVE/CATEGORY/TAG/SEARCH
   One full-width card per row:
   [ THUMBNAIL LEFT ] [ HEADING + META RIGHT ]
   ========================================================= */

/* The old theme uses a 2-column post grid. Replace it for
   listing pages so each horizontal card gets full width. */
body.archive .post-grid,
body.category .post-grid,
body.tag .post-grid,
body.search .post-grid,
body.blog .post-grid,
body.page-blog .post-grid,
.wbm-horizontal-list.post-grid{
    grid-template-columns:1fr !important;
    display:grid !important;
    width:100% !important;
}

/* Full-width horizontal card. */
body.archive .post-grid .wbm-horizontal-post-card,
body.category .post-grid .wbm-horizontal-post-card,
body.tag .post-grid .wbm-horizontal-post-card,
body.search .post-grid .wbm-horizontal-post-card,
body.blog .post-grid .wbm-horizontal-post-card,
body.page-blog .post-grid .wbm-horizontal-post-card,
.wbm-horizontal-list .wbm-horizontal-post-card{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    gap:18px !important;
    padding:14px !important;
    margin:0 0 16px !important;
    border:1px solid var(--gold-light,#ead8a5) !important;
    border-radius:14px !important;
    background:#fff !important;
    overflow:hidden !important;
}

/* Thumbnail — LEFT. */
body.archive .wbm-horizontal-post-card > .post-thumb,
body.category .wbm-horizontal-post-card > .post-thumb,
body.tag .wbm-horizontal-post-card > .post-thumb,
body.search .wbm-horizontal-post-card > .post-thumb,
body.blog .wbm-horizontal-post-card > .post-thumb,
body.page-blog .wbm-horizontal-post-card > .post-thumb,
.wbm-horizontal-list .wbm-horizontal-post-card > .post-thumb{
    flex:0 0 220px !important;
    width:220px !important;
    max-width:220px !important;
    height:145px !important;
    min-height:145px !important;
    aspect-ratio:auto !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:10px !important;
}

body.archive .wbm-horizontal-post-card > .post-thumb img,
body.category .wbm-horizontal-post-card > .post-thumb img,
body.tag .wbm-horizontal-post-card > .post-thumb img,
body.search .wbm-horizontal-post-card > .post-thumb img,
body.blog .wbm-horizontal-post-card > .post-thumb img,
body.page-blog .wbm-horizontal-post-card > .post-thumb img,
.wbm-horizontal-list .wbm-horizontal-post-card > .post-thumb img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    min-height:0 !important;
    object-fit:contain !important;
    display:block !important;
}

/* Content — RIGHT. */
body.archive .wbm-horizontal-post-card > .post-body,
body.category .wbm-horizontal-post-card > .post-body,
body.tag .wbm-horizontal-post-card > .post-body,
body.search .wbm-horizontal-post-card > .post-body,
body.blog .wbm-horizontal-post-card > .post-body,
body.page-blog .wbm-horizontal-post-card > .post-body,
.wbm-horizontal-list .wbm-horizontal-post-card > .post-body{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
}

.wbm-horizontal-post-card .post-meta-row{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:6px 12px !important;
    margin:0 0 6px !important;
}

.wbm-horizontal-post-card h2{
    margin:0 0 7px !important;
    font-size:20px !important;
    line-height:1.3 !important;
}


.wbm-horizontal-post-card .read-more{
    margin-top:auto !important;
    align-self:flex-start !important;
}

@media(max-width:768px){
    body.archive .post-grid .wbm-horizontal-post-card,
    body.category .post-grid .wbm-horizontal-post-card,
    body.tag .post-grid .wbm-horizontal-post-card,
    body.search .post-grid .wbm-horizontal-post-card,
    body.blog .post-grid .wbm-horizontal-post-card,
    body.page-blog .post-grid .wbm-horizontal-post-card,
    .wbm-horizontal-list .wbm-horizontal-post-card{
        display:flex !important;
        flex-direction:row !important;
        gap:12px !important;
        padding:10px !important;
    }

    body.archive .wbm-horizontal-post-card > .post-thumb,
    body.category .wbm-horizontal-post-card > .post-thumb,
    body.tag .wbm-horizontal-post-card > .post-thumb,
    body.search .wbm-horizontal-post-card > .post-thumb,
    body.blog .wbm-horizontal-post-card > .post-thumb,
    body.page-blog .wbm-horizontal-post-card > .post-thumb,
    .wbm-horizontal-list .wbm-horizontal-post-card > .post-thumb{
        flex:0 0 105px !important;
        width:105px !important;
        max-width:105px !important;
        height:105px !important;
        min-height:105px !important;
    }

    .wbm-horizontal-post-card h2{
        font-size:17px !important;
    }

    .wbm-horizontal-post-card .post-meta-row{
        font-size:12px !important;
        gap:4px 8px !important;
    }
}

@media(max-width:430px){
    .wbm-horizontal-list .wbm-horizontal-post-card{
        gap:9px !important;
        padding:8px !important;
    }

    .wbm-horizontal-list .wbm-horizontal-post-card > .post-thumb{
        flex-basis:88px !important;
        width:88px !important;
        max-width:88px !important;
        height:88px !important;
        min-height:88px !important;
    }

    .wbm-horizontal-post-card h2{font-size:16px !important;}
}



/* =========================================================
   WBMerit v2.3.22 — CLEAN MOBILE OFF-CANVAS DRAWER
   One authoritative mobile drawer layout. This intentionally
   replaces the previous alignment/stacking patches.
   ========================================================= */
@media (max-width:900px){
  body.wbm-menu-open{overflow:hidden !important;}

  /* Drawer and backdrop live above the fixed sticky header. */
  .wbm-offcanvas-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:1000000 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    background:rgba(4,20,38,.58) !important;
    backdrop-filter:blur(2px) !important;
    -webkit-backdrop-filter:blur(2px) !important;
  }
  .wbm-offcanvas-overlay.is-visible{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #wbm-mobile-drawer.wbm-offcanvas{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:1000005 !important;
    width:min(92vw,410px) !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    isolation:isolate !important;
    background:#f7fafc !important;
    border-left:1px solid var(--border-gold-light,#ead8a5) !important;
    box-shadow:-24px 0 60px rgba(4,24,45,.22) !important;
    pointer-events:none !important;
  }
  #wbm-mobile-drawer.wbm-offcanvas.is-open{
    pointer-events:auto !important;
  }

  /* Drawer header: three controlled areas, no collapsing. */
  #wbm-mobile-drawer .wbm-offcanvas-head{
    flex:0 0 70px !important;
    height:70px !important;
    min-height:70px !important;
    width:100% !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:10px 14px !important;
    overflow:visible !important;
    background:#fff !important;
    border-bottom:1px solid var(--border-gold-light,#ead8a5) !important;
    box-shadow:0 2px 10px rgba(9,43,80,.04) !important;
    position:relative !important;
    z-index:20 !important;
  }
  #wbm-mobile-drawer .wbm-offcanvas-brand{
    min-width:0 !important;
    flex:1 1 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    overflow:hidden !important;
  }
  #wbm-mobile-drawer .wbm-offcanvas-logo{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
  }
  #wbm-mobile-drawer .wbm-offcanvas-title{
    min-width:0 !important;
    max-width:150px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    padding-left:10px !important;
    border-left:1px solid var(--border-gold-light,#ead8a5) !important;
  }
  #wbm-mobile-drawer .wbm-offcanvas-close{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid var(--border-gold-light,#ead8a5) !important;
    border-radius:11px !important;
    background:#fff !important;
    color:var(--navy,#092b50) !important;
    font-size:29px !important;
    font-weight:400 !important;
    line-height:1 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:30 !important;
  }
  #wbm-mobile-drawer .wbm-offcanvas-close span{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    line-height:39px !important;
    text-align:center !important;
    font-size:29px !important;
    color:inherit !important;
  }

  /* Main scrollable drawer area. */
  #wbm-mobile-drawer .wbm-offcanvas-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:10px 14px 18px !important;
  }

  /* Menu list and rows. */
  #wbm-mobile-drawer .wbm-mobile-menu,
  #wbm-mobile-drawer .wbm-mobile-menu ul{
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu{
    display:grid !important;
    gap:7px !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu li{
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu > li > a{
    width:100% !important;
    min-height:52px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    margin:0 !important;
    padding:8px 52px 8px 12px !important;
    border:1px solid var(--border-gold-light,#ead8a5) !important;
    border-radius:13px !important;
    background:#fff !important;
    color:var(--navy,#092b50) !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    line-height:1.35 !important;
    text-align:left !important;
    position:relative !important;
    overflow:hidden !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu > li:not(.menu-item-has-children) > a{
    padding-right:40px !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu > li > a:after{
    display:block !important;
    content:"›" !important;
    position:absolute !important;
    right:13px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    font-size:20px !important;
    line-height:1 !important;
    color:#a1b1bf !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu > li.menu-item-has-children > a:after{
    display:none !important;
  }

  /* Keep server-rendered icon badges aligned as a fixed left column. */
  #wbm-mobile-drawer .wbm-mobile-menu > li > a .wbm-menu-icon{
    flex:0 0 31px !important;
    width:31px !important;
    height:34px !important;
    margin:0 10px 0 0 !important;
    display:grid !important;
    place-items:center !important;
    box-sizing:border-box !important;
    border-radius:10px !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu > li > a .wbm-menu-icon svg{
    width:18px !important;
    height:18px !important;
    display:block !important;
  }

  /* One fixed submenu control column. */
  
  

  /* Submenus: consistent indentation at every level. */
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu{
    width:calc(100% - 12px) !important;
    box-sizing:border-box !important;
    display:none !important;
    gap:3px !important;
    margin:6px 0 2px 12px !important;
    padding:3px 0 3px 12px !important;
    border-left:2px solid var(--border-gold-light,#ead8a5) !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu .menu-item-has-children.is-expanded > .sub-menu:not([hidden]){
    display:grid !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu[hidden]{
    display:none !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu > li > a{
    width:100% !important;
    min-height:40px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:8px 40px 8px 12px !important;
    border:0 !important;
    border-radius:9px !important;
    color:#587087 !important;
    font-size:11.5px !important;
    font-weight:750 !important;
    line-height:1.35 !important;
    text-align:left !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu > li > a:before{
    left:3px !important;
    width:5px !important;
    height:5px !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu .sub-menu{
    width:calc(100% - 10px) !important;
    margin-left:10px !important;
    padding-left:11px !important;
  }
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu .wbm-menu-icon{
    display:none !important;
  }

  /* Footer remains outside the scrolling menu. */
  #wbm-mobile-drawer .wbm-offcanvas-foot{
    flex:0 0 auto !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:11px 14px 14px !important;
    border-top:1px solid var(--border-gold-light,#ead8a5) !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 -6px 18px rgba(9,43,80,.05) !important;
  }
}

@media (max-width:620px){
  #wbm-mobile-drawer.wbm-offcanvas{width:min(94vw,390px) !important;}
  #wbm-mobile-drawer .wbm-offcanvas-body{padding-left:11px !important;padding-right:11px !important;}
  #wbm-mobile-drawer .wbm-offcanvas-head{padding-left:14px !important;padding-right:11px !important;}
  #wbm-mobile-drawer .wbm-offcanvas-title{max-width:120px !important;font-size:9px !important;}
  #wbm-mobile-drawer .wbm-mobile-welcome{margin-left:11px !important;margin-right:11px !important;}
  #wbm-mobile-drawer .wbm-offcanvas-foot{padding-left:11px !important;padding-right:11px !important;}
}

@media (max-width:360px){
  #wbm-mobile-drawer.wbm-offcanvas{width:96vw !important;}
  #wbm-mobile-drawer .wbm-offcanvas-title{display:none !important;}
  #wbm-mobile-drawer .wbm-mobile-menu > li > a{font-size:12px !important;}
  #wbm-mobile-drawer .wbm-mobile-menu > li > a .wbm-menu-icon{flex-basis:35px !important;width:35px !important;height:35px !important;margin-right:9px !important;}
}
@media (max-width:900px){
  #wbm-mobile-drawer .wbm-mobile-menu > li.menu-item-has-children > a:after{
    display:none !important;
    content:none !important;
  }
  
  
  
  
  
}


 * Parent menu rows use two columns: content + a fixed 36px toggle column.
 * This keeps + and − in exactly the same position at every nesting level.
 */
@media (max-width:900px){
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 36px !important;
    grid-template-rows:auto auto !important;
    column-gap:8px !important;
    align-items:stretch !important;
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  /* The menu link occupies the first column of the parent row. */
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > a{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding-right:10px !important;
    position:relative !important;
  }

  /* No second decorative arrow on a parent link. */
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > a:after{
    display:none !important;
    content:none !important;
  }

  /* The toggle occupies the second column and is vertically centered by grid. */
  

  /* The submenu spans the complete row underneath the parent link/toggle. */
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .sub-menu{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Nested parent links are shorter, so their grid row centers the same 36px control. */
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu li.menu-item-has-children > a{
    min-height:40px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  

  /* Keep the plus/minus drawing centered inside the identical button box. */
  
}


/* v2.3.28 — clean mobile submenu control system.
 * One implementation only: parent rows use a 2-column grid (link + 36px toggle).
 * The toggle is never positioned with top/left offsets, so nested levels stay aligned.
 */
@media (max-width:900px){
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 36px !important;
    grid-template-rows:auto auto !important;
    column-gap:8px !important;
    align-items:stretch !important;
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > a{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding-right:10px !important;
    position:relative !important;
  }

  /* Parent links have one control only; hide the decorative arrow. */
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > a:after{
    display:none !important;
    content:none !important;
  }

  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle{
    grid-column:2 !important;
    grid-row:1 !important;
    position:static !important;
    align-self:center !important;
    justify-self:end !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid var(--border-gold-light,#ead8a5) !important;
    border-radius:9px !important;
    background:#f8fbfd !important;
    color:var(--navy,#092b50) !important;
    cursor:pointer !important;
    z-index:2 !important;
    transform:none !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle:hover,
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle:focus-visible,
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle[aria-expanded="true"]{
    background:#fff4cf !important;
    border-color:#e4c96e !important;
    color:#8e6500 !important;
  }

  /* Draw + and − with CSS so the glyph never changes the button position. */
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle > span{
    position:relative !important;
    display:block !important;
    width:16px !important;
    height:16px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle > span:before,
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle > span:after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:12px !important;
    height:2px !important;
    margin:0 !important;
    border-radius:2px !important;
    background:currentColor !important;
    transform:translate(-50%,-50%) !important;
  }

  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle > span:after{
    width:2px !important;
    height:12px !important;
  }

  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .wbm-submenu-toggle[aria-expanded="true"] > span:after{
    display:none !important;
  }

  /* Submenu starts below the parent row and spans both columns. */
  #wbm-mobile-drawer .wbm-mobile-menu li.menu-item-has-children > .sub-menu{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Nested parent rows use the same 36px control and naturally center it. */
  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu li.menu-item-has-children > a{
    min-height:40px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  #wbm-mobile-drawer .wbm-mobile-menu .sub-menu li.menu-item-has-children > .wbm-submenu-toggle{
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #wbm-mobile-drawer .wbm-submenu-toggle{transition:none !important;}
}


/* =========================================================
   WBMerit v2.3.29 — TOP BAR ABOVE PRIMARY HEADER
   The top bar and primary header are two separate fixed rows.
   ========================================================= */
:root{
    --wbm-topbar-height:34px;
    --wbm-header-height:76px;
    --wbm-header-stack-height:110px;
}

/* Top bar is the first fixed layer. */
.site-topbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:var(--wbm-topbar-height) !important;
    min-height:var(--wbm-topbar-height) !important;
    margin:0 !important;
    z-index:1000001 !important;
    background:var(--navy) !important;
}
.site-topbar .topbar-inner{
    height:var(--wbm-topbar-height) !important;
}

/* Primary header starts immediately below the top bar. */
.site-header,
header.site-header{
    position:fixed !important;
    top:var(--wbm-topbar-height) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:var(--wbm-header-height) !important;
    min-height:var(--wbm-header-height) !important;
    margin:0 !important;
    z-index:1000000 !important;
}
.site-header .header-inner{
    height:100% !important;
}

/* Reserve exactly the combined height so page content begins below both rows. */
body{
    padding-top:var(--wbm-header-stack-height) !important;
}

/* WordPress admin bar: move the complete two-row stack below it. */
body.admin-bar .site-topbar{
    top:32px !important;
}
body.admin-bar .site-header,
body.admin-bar header.site-header{
    top:calc(32px + var(--wbm-topbar-height)) !important;
}
body.admin-bar{
    padding-top:calc(var(--wbm-header-stack-height) + 32px) !important;
}

@media(max-width:782px){
    body.admin-bar .site-topbar{
        top:46px !important;
    }
    body.admin-bar .site-header,
    body.admin-bar header.site-header{
        top:calc(46px + var(--wbm-topbar-height)) !important;
    }
    body.admin-bar{
        padding-top:calc(var(--wbm-header-stack-height) + 46px) !important;
    }
}

@media(max-width:768px){
    :root{
        --wbm-topbar-height:31px;
        --wbm-header-height:64px;
        --wbm-header-stack-height:95px;
    }
    .site-topbar,
    .site-topbar .topbar-inner{
        height:var(--wbm-topbar-height) !important;
        min-height:var(--wbm-topbar-height) !important;
    }
    .site-header,
    header.site-header{
        height:var(--wbm-header-height) !important;
        min-height:var(--wbm-header-height) !important;
    }
    html{
        scroll-padding-top:var(--wbm-header-stack-height) !important;
    }
}

/* The mobile drawer/backdrop must remain above both header rows. */
@media(max-width:900px){
    .wbm-offcanvas-overlay{z-index:1000002 !important;}
    #wbm-mobile-drawer.wbm-offcanvas{z-index:1000003 !important;}
}

/* =========================================================
   WBMerit v2.3.29 — MOBILE TOP BAR HIDDEN
   On mobile devices the top bar is removed completely.
   The primary header becomes the first fixed row.
   ========================================================= */
@media (max-width:768px){
    :root{
        --wbm-topbar-height:0px;
        --wbm-header-height:64px;
        --wbm-header-stack-height:64px;
    }

    .site-topbar,
    .site-topbar .topbar-inner{
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        overflow:hidden !important;
    }

    .site-header,
    header.site-header{
        top:0 !important;
        height:var(--wbm-header-height) !important;
        min-height:var(--wbm-header-height) !important;
    }

    body{
        padding-top:var(--wbm-header-stack-height) !important;
    }

    html{
        scroll-padding-top:var(--wbm-header-stack-height) !important;
    }

    body.admin-bar .site-header,
    body.admin-bar header.site-header{
        top:46px !important;
    }

    body.admin-bar{
        padding-top:calc(var(--wbm-header-stack-height) + 46px) !important;
    }
}


/* v2.3.31: animated WhatsApp + Telegram joining buttons below article rating. */
.wbm-join-community{margin:18px 0 28px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(11,45,82,.06);}
.wbm-join-community-title{margin:0 0 12px;text-align:center;color:var(--navy);font-size:15px;line-height:1.35;font-weight:850;}
.wbm-join-community-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.wbm-join-community-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 14px;border-radius:10px;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:850;line-height:1.2;box-sizing:border-box;overflow:hidden;transform:translateZ(0);}
.wbm-join-community-button::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid currentColor;opacity:.25;animation:wbmJoinPulse 2s ease-out infinite;}
.wbm-join-community-button:hover{transform:translateY(-2px);}
.wbm-join-community-button svg{width:21px;height:21px;flex:0 0 21px;fill:currentColor;}
.wbm-join-whatsapp{background:#159b69;box-shadow:0 7px 18px rgba(21,155,105,.22);}
.wbm-join-telegram{background:#229ed9;box-shadow:0 7px 18px rgba(34,158,217,.22);}
.wbm-join-community-button:nth-child(2)::before{animation-delay:.35s;}
@keyframes wbmJoinPulse{0%{transform:scale(.92);opacity:.55}70%,100%{transform:scale(1.08);opacity:0}}
@media(max-width:620px){.wbm-join-community{padding:13px;margin:16px 0 24px}.wbm-join-community-buttons{grid-template-columns:1fr;gap:9px}.wbm-join-community-button{min-height:48px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.wbm-join-community-button,.wbm-join-community-button::before{animation:none;transition:none}.wbm-join-community-button:hover{transform:none}}

/* =========================================================
   WBMerit v2.3.33 — Exit / Back Intent Feedback Popup
   ========================================================= */
.wbm-feedback-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,22,42,.72);backdrop-filter:blur(3px);box-sizing:border-box;}
.wbm-feedback-overlay[hidden]{display:none!important;}
.wbm-feedback-modal{position:relative;width:min(100%,470px);max-height:min(92vh,720px);overflow:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.28);box-sizing:border-box;border-top:5px solid #d9a441;animation:wbmFeedbackIn .22s ease-out;}
.wbm-feedback-badge{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff6df;font-size:25px;margin:0 auto 10px;}
.wbm-feedback-modal h2{margin:0;text-align:center;color:#092b50;font-size:26px;line-height:1.2;font-weight:850;}
.wbm-feedback-intro{text-align:center;margin:9px auto 20px;color:#5d6875;font-size:14px;line-height:1.6;max-width:390px;}
.wbm-feedback-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f7;color:#092b50;font-size:27px;line-height:1;cursor:pointer;}
.wbm-feedback-close:hover{background:#e7edf2;}
#wbm-feedback-form label{display:block;margin:0 0 13px;color:#183b5d;font-size:13px;font-weight:750;}
#wbm-feedback-form label>input:not([type="checkbox"]),#wbm-feedback-form textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #ccd5de;border-radius:10px;background:#fff;color:#183b5d;font:inherit;font-weight:500;line-height:1.45;box-sizing:border-box;outline:none;}
#wbm-feedback-form label>input:not([type="checkbox"]):focus,#wbm-feedback-form textarea:focus{border-color:#d9a441;box-shadow:0 0 0 3px rgba(217,164,65,.15);}
#wbm-feedback-form textarea{resize:vertical;min-height:104px;}
.wbm-feedback-consent{display:flex!important;gap:8px;align-items:flex-start;font-weight:550!important;color:#566574!important;line-height:1.4;}
.wbm-feedback-consent input{margin-top:2px;accent-color:#092b50;}
.wbm-feedback-submit{width:100%;min-height:48px;border:0;border-radius:11px;background:#092b50;color:#fff;cursor:pointer;font-size:15px;font-weight:850;box-shadow:0 7px 18px rgba(9,43,80,.18);transition:transform .15s ease,box-shadow .15s ease;}
.wbm-feedback-submit:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(9,43,80,.23);}
.wbm-feedback-submit:disabled{opacity:.65;cursor:wait;transform:none;}
.wbm-feedback-status{min-height:20px;margin:9px 0 0;text-align:center;font-size:13px;color:#0a6b48;font-weight:700;}
.wbm-feedback-privacy{margin:8px 0 0;text-align:center;color:#7a8793;font-size:11px;line-height:1.45;}
.wbm-feedback-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
html.wbm-feedback-open{overflow:hidden;}
@keyframes wbmFeedbackIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.wbm-feedback-overlay{padding:10px;align-items:flex-end}.wbm-feedback-modal{width:100%;max-height:90vh;border-radius:18px 18px 12px 12px;padding:23px 18px 18px}.wbm-feedback-modal h2{font-size:23px}.wbm-feedback-intro{font-size:13px;margin-bottom:16px}.wbm-feedback-close{right:8px;top:7px}}
@media(prefers-reduced-motion:reduce){.wbm-feedback-modal,.wbm-feedback-submit{animation:none;transition:none}}


/* v2.3.35 — Article UX: TOC, related materials, editorial boxes, PDF UX and overflow safety. */
html,body{max-width:100%;overflow-x:hidden!important}
img,svg,video,iframe,embed,object{max-width:100%;height:auto}
.entry-content,.entry-content>*{min-width:0;overflow-wrap:anywhere}
.entry-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.entry-content pre,.entry-content code{max-width:100%;overflow-x:auto;overflow-wrap:normal}
.entry-content iframe{width:100%;max-width:100%;border:0}
.wbm-meta-label{font-weight:750;color:var(--navy)}
.wbm-last-updated{margin:14px 0 24px;padding:9px 12px;border-left:3px solid var(--gold);background:#fffaf0;color:var(--muted);font-size:12px;border-radius:0 8px 8px 0}
.wbm-article-toc{margin:0 0 24px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:#f8fbfe;box-shadow:0 4px 14px rgba(9,43,80,.04)}
.wbm-article-toc summary{cursor:pointer;color:var(--navy);font-weight:850;font-size:16px;list-style:none}.wbm-article-toc summary::-webkit-details-marker{display:none}.wbm-article-toc summary:after{content:'＋';float:right;color:var(--gold)}.wbm-article-toc details[open] summary:after{content:'−'}.wbm-article-toc ol{margin:12px 0 0;padding-left:22px}.wbm-article-toc li{margin:7px 0}.wbm-article-toc li a{color:var(--blue);text-decoration:none}.wbm-article-toc li a:hover{text-decoration:underline}.wbm-toc-level-3{margin-left:16px!important;font-size:13px}
.wbm-quick-answer,.wbm-important-box{display:flex;gap:13px;margin:20px 0;padding:17px;border-radius:14px;border:1px solid var(--line);box-sizing:border-box;overflow:hidden}.wbm-quick-answer{background:#f2faf6;border-color:#ccebdc}.wbm-important-box{background:#fff8e8;border-color:#f0dca7}.wbm-box-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--navy);font-weight:900}.wbm-quick-answer h2,.wbm-important-box h2{margin:2px 0 7px;font-size:18px;color:var(--navy)}.wbm-quick-answer p,.wbm-important-box p{margin:0 0 7px}.wbm-quick-answer p:last-child,.wbm-important-box p:last-child{margin-bottom:0}
.wbm-pdf-resources{display:flex;gap:14px;align-items:flex-start;margin:24px 0;padding:17px;border:1px solid var(--line);border-radius:15px;background:#f8fbfe;box-sizing:border-box;overflow:hidden}.wbm-pdf-icon{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:12px;background:#092b50;color:#fff;font-size:12px;font-weight:900}.wbm-pdf-copy{min-width:0;flex:1}.wbm-pdf-copy h2{margin:2px 0 5px;font-size:18px;color:var(--navy)}.wbm-pdf-copy p{margin:0 0 11px;color:var(--muted);font-size:13px}.wbm-pdf-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wbm-pdf-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--navy)!important;text-decoration:none!important;font-size:13px;font-weight:800;min-width:0;box-sizing:border-box}.wbm-pdf-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wbm-pdf-button:hover{border-color:var(--gold);background:#fffaf0}
.wbm-author-box{display:flex;gap:16px;align-items:flex-start;margin:28px 0;padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(9,43,80,.05)}.wbm-author-avatar img{border-radius:50%;display:block}.wbm-author-content{min-width:0}.wbm-author-content h3{margin:2px 0 6px;font-size:19px}.wbm-author-content h3 a{color:var(--navy);text-decoration:none}.wbm-author-content p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.65}.wbm-author-link{font-size:13px;font-weight:800;color:var(--blue);text-decoration:none}
.wbm-related-materials{margin:30px 0}.wbm-section-heading h2{margin:3px 0 14px;color:var(--navy);font-size:22px}.wbm-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wbm-related-card{min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.wbm-related-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef4f8}.wbm-related-thumb img{display:block;width:100%;height:100%;object-fit:contain}.wbm-related-body{padding:12px}.wbm-related-date{font-size:11px;color:var(--muted)}.wbm-related-body h3{margin:5px 0 8px;font-size:15px;line-height:1.4}.wbm-related-body h3 a{color:var(--navy);text-decoration:none}.wbm-related-link{font-size:12px;font-weight:800;color:var(--blue);text-decoration:none}
@media(max-width:700px){.wbm-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wbm-pdf-links{grid-template-columns:1fr}.wbm-author-box{gap:12px;padding:15px}.wbm-author-avatar img{width:58px;height:58px}.wbm-quick-answer,.wbm-important-box{padding:14px}}
@media(max-width:480px){.wbm-related-grid{grid-template-columns:1fr}.wbm-pdf-resources{padding:14px}.wbm-author-box{align-items:flex-start}.wbm-author-content h3{font-size:17px}}


/* v2.3.36 — horizontal related-study cards + precisely aligned mobile search icon */
.wbm-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wbm-related-card{display:flex;align-items:stretch;min-width:0;min-height:118px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(9,43,80,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.wbm-related-card:hover{transform:translateY(-1px);border-color:#d5e1ea;box-shadow:0 7px 18px rgba(9,43,80,.08)}
.wbm-related-thumb{display:block;flex:0 0 132px;width:132px;aspect-ratio:1/1;min-height:118px;overflow:hidden;background:#eef4f8}
.wbm-related-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.wbm-related-thumb-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#edf5fb,#fff7dc);color:var(--blue);text-decoration:none}
.wbm-related-thumb-placeholder span{font-size:28px;font-weight:900;opacity:.55}
.wbm-related-body{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;padding:12px 13px}
.wbm-related-body h3{margin:0 0 7px;font-size:14px;line-height:1.38}
.wbm-related-body h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.wbm-related-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 8px;color:var(--muted);font-size:10px;line-height:1.3}
.wbm-related-meta .wbm-related-date{font-size:inherit}
.wbm-related-sep{opacity:.65}
.wbm-related-link{margin-top:auto;align-self:flex-start;font-size:10px;font-weight:850;color:var(--blue);text-decoration:none}
.wbm-mobile-search .search-submit{display:grid!important;place-items:center!important;align-self:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;margin-right:5px!important;padding:0!important;line-height:1!important;font-size:0!important;box-sizing:border-box!important}
.wbm-mobile-search .wbm-search-icon{display:grid;place-items:center;width:18px;height:18px;line-height:0}
.wbm-mobile-search .wbm-search-icon svg{display:block;width:18px;height:18px}
.search-form .search-submit .wbm-search-icon{display:grid;place-items:center;line-height:0}
.search-form .search-submit .wbm-search-icon svg{display:block;width:18px;height:18px}
@media(max-width:900px){.wbm-related-grid{grid-template-columns:1fr}}
@media(max-width:620px){
 .wbm-related-card{min-height:100px;border-radius:11px}
 .wbm-related-thumb{flex-basis:104px;width:104px;min-height:100px}
 .wbm-related-body{padding:10px 11px}
 .wbm-related-body h3{font-size:13px;line-height:1.35;margin-bottom:5px}
 .wbm-related-meta{font-size:9px;margin-bottom:5px;gap:4px}
 .wbm-related-link{font-size:9px}
 .wbm-mobile-search .search-submit{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
}

/* v2.3.37 — mobile off-canvas search icon: lock the search button to the far right. */
@media (max-width: 620px){
  .wbm-offcanvas .wbm-mobile-search{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    box-sizing:border-box !important;
    gap:0 !important;
    overflow:hidden !important;
  }
  .wbm-offcanvas .wbm-mobile-search > label{
    order:1 !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .wbm-offcanvas .wbm-mobile-search > label .search-field{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .wbm-offcanvas .wbm-mobile-search > .search-submit{
    order:2 !important;
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 5px 0 0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    box-sizing:border-box !important;
  }
  .wbm-offcanvas .wbm-mobile-search > .search-submit .wbm-search-icon{
    width:20px !important;
    height:20px !important;
    display:grid !important;
    place-items:center !important;
    line-height:0 !important;
  }
  .wbm-offcanvas .wbm-mobile-search > .search-submit .wbm-search-icon svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
  }
}


/* v2.3.38 — mobile drawer search button flush-right alignment */
@media (max-width: 620px){
  #wbm-mobile-drawer .wbm-mobile-search{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #wbm-mobile-drawer .wbm-mobile-search > label{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
  #wbm-mobile-drawer .wbm-mobile-search > label .search-field{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:45px !important;
    margin:0 !important;
    padding:0 10px !important;
    border:0 !important;
    box-sizing:border-box !important;
  }
  #wbm-mobile-drawer .wbm-mobile-search > .search-submit{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:9px !important;
    display:grid !important;
    place-items:center !important;
    align-self:center !important;
    box-sizing:border-box !important;
    line-height:0 !important;
    font-size:0 !important;
  }
  #wbm-mobile-drawer .wbm-mobile-search > .search-submit .wbm-search-icon{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    line-height:0 !important;
  }
  #wbm-mobile-drawer .wbm-mobile-search > .search-submit .wbm-search-icon svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
  }
}
