/* WIF Sitewide Search & Clean Layout 1.1.0 */
/* The earlier theme used different markup than the generic selectors below.
   JS verifies the legacy right rail and marks only that column for removal. */
body.wif-scs-active :is(#secondary, #right-sidebar, #sidebar, aside.site-sidebar, aside.sidebar-primary, aside.sidebar, .wif-sidebar, .site-content > .widget-area, .content-sidebar-wrap > aside) {
  display: none !important;
}
body.wif-scs-active .wif-scs-hidden-rail { display: none !important; }
body.wif-scs-active .wif-scs-layout-row { grid-template-columns: minmax(0, 1fr) !important; }
body.wif-scs-active .wif-scs-main-column {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  flex: 0 0 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  grid-column: 1 / -1 !important;
}
body.wif-scs-active .wif-scs-layout-row > :is(main, .content-area, #primary, .main-content, .bs-content, .col-md-8, .col-lg-8, .col-md-9, .col-lg-9) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 100% !important;
  float: none !important;
}

/* Global dropdown, scoped so it never changes the WIF header/footer styles. */
#wif-scs-root, #wif-scs-root * { box-sizing: border-box; }
#wif-scs-root { font-family: inherit; position: relative; z-index: 99950; line-height: 1.45; }
#wif-scs-root.wif-scs-floating { position: fixed; right: 20px; bottom: 22px; z-index: 99950; }
#wif-scs-root.wif-scs-in-menu { position: relative; display: inline-flex; vertical-align: middle; z-index: 99950; }
#wif-scs-root .wif-scs-trigger { appearance: none; border: 1px solid rgba(255,255,255,.21); border-radius: 8px; padding: 12px 15px; background: #19191e; color: #f8f7f8; box-shadow: 0 7px 26px rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center; gap: 9px; cursor: pointer; font-size: 11px; font-weight: 900; letter-spacing: .1em; white-space: nowrap; line-height: 1; transition: border-color .16s, background-color .16s, box-shadow .16s; }
#wif-scs-root .wif-scs-trigger:hover, #wif-scs-root .wif-scs-trigger[aria-expanded="true"] { background: #292029; border-color: #f33b61; box-shadow: 0 7px 28px rgba(0,0,0,.40), 0 0 0 1px rgba(243,59,97,.2); }
#wif-scs-root .wif-scs-chevron { color: #f33b61; transition: transform .17s; }
#wif-scs-root .wif-scs-trigger[aria-expanded="true"] .wif-scs-chevron { transform: rotate(180deg); }
#wif-scs-root .wif-scs-panel { position: fixed; right: var(--wif-scs-right, 20px); top: var(--wif-scs-top, auto); width: min(430px, calc(100vw - 24px)); max-height: min(530px, calc(100vh - 36px)); overflow-y: auto; padding: 21px; background: linear-gradient(145deg, #201924 0%, #131318 62%, #16141b 100%); border: 1px solid #614058; border-top: 3px solid #ef3d61; color: #f5f3f6; box-shadow: 0 22px 60px rgba(0,0,0,.73), 0 0 0 1px rgba(255,255,255,.05); border-radius: 10px; z-index: 99951; text-align: left; }
#wif-scs-root .wif-scs-panel[hidden] { display:none !important; }
#wif-scs-root .wif-scs-label { display: block; color: #d9a5eb; font-size: 11px; font-weight: 800; letter-spacing: .15em; margin-bottom: 13px; }
#wif-scs-root .wif-scs-form { display:block; padding:0; margin:0; background:none; border:0; }
#wif-scs-root .wif-scs-input-wrap { display: flex; align-items: center; gap: 9px; padding: 0 12px; height: 49px; background: #08090b; border: 1px solid #665969; border-radius: 7px; transition: border-color .2s; }
#wif-scs-root .wif-scs-input-wrap:focus-within { border-color: #ef3d61; box-shadow: 0 0 0 2px rgba(239,61,97,.14); }
#wif-scs-root .wif-scs-input-wrap > svg { color: #c28bde; flex-shrink: 0; }
#wif-scs-root .wif-scs-input-wrap input[type="search"] { min-width: 0; width: 100%; min-height: unset; height: 45px; flex: 1; padding: 0; margin: 0; border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; color: #fff !important; font-family: inherit; font-size: 14px; text-transform: none; font-weight: 500; }
#wif-scs-root .wif-scs-input-wrap input::placeholder { color: #a19aa4; opacity: 1; }
#wif-scs-root .wif-scs-submit { appearance:none; border: none; background: #e8395d; color: #fff; border-radius: 4px; width: 32px; height: 31px; font-size: 21px; line-height: 1; cursor: pointer; flex-shrink:0; }
#wif-scs-root .wif-scs-submit:hover { background:#ff4b72; }
#wif-scs-root .wif-scs-hint { color: #a8a3b0; font-size: 11px; margin: 10px 0 12px; }
#wif-scs-root .wif-scs-results { display: grid; gap: 5px; font-size: 14px; }
#wif-scs-root .wif-scs-result { display:block; border: 1px solid transparent; background: rgba(255,255,255,.045); border-radius: 6px; padding: 11px 12px; color: #fff; text-decoration:none; line-height: 1.36; }
#wif-scs-root .wif-scs-result:hover, #wif-scs-root .wif-scs-result:focus { border-color: rgba(239,61,97,.5); background: rgba(239,61,97,.11); color:#fff; text-decoration:none; }
#wif-scs-root .wif-scs-result-type { display:block; font-size: 10px; font-weight: 800; letter-spacing: .11em; color:#cf91e5; text-transform:uppercase; margin:0 0 4px; }
#wif-scs-root .wif-scs-result-title { display:block; font-weight: 800; font-size: 13px; color:#fff; }
#wif-scs-root .wif-scs-result-summary { display:block; margin: 4px 0 0; font-size:12px; color:#bcb7c1; }
#wif-scs-root .wif-scs-message { padding:16px 10px; font-size: 12px; color: #c2b9c7; text-align:center; }
#wif-scs-root .wif-scs-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid rgba(255,255,255,.13); padding-top:12px; margin-top:13px; }
#wif-scs-root .wif-scs-footer a, #wif-scs-root .wif-scs-close { padding: 6px 0; border: 0; background: transparent; color: #ff6687; text-decoration:none; font-size: 10px; font-weight: 900; letter-spacing:.07em; cursor:pointer; }
#wif-scs-root .wif-scs-footer a:hover, #wif-scs-root .wif-scs-close:hover { color: #fff; text-decoration:none; }
#wif-scs-root .wif-scs-close { color:#c3b8c7; }
#wif-scs-root .wif-scs-footer span { padding-left:3px; }
#wif-scs-root .wif-scs-trigger:focus-visible, #wif-scs-root a:focus-visible, #wif-scs-root button:focus-visible { outline:2px solid #f33b61; outline-offset:2px; }
@media (max-width: 700px) {
  #wif-scs-root.wif-scs-floating { right:12px; bottom:12px; }
  #wif-scs-root .wif-scs-panel { width: calc(100vw - 24px); padding:16px; }
  #wif-scs-root .wif-scs-trigger { padding: 12px; font-size: 10px; }
}
