/* v1.3.12. Single-choice keyword dialog; align the trigger to the actual input box. */
.dgwt-wcas-search-form .dgwt-wcas-sf-wrapp { position:relative; }
.dgwt-wcas-search-form .yds-fvs-keyword-trigger {
  appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;gap:3px!important;
  position:absolute!important;right:45px!important;top:calc(50% + var(--yds-fvs-keyword-offset-y, 0px))!important;
  transform:translateY(-50%)!important;z-index:8!important;
  width:75px!important;min-width:75px!important;height:30px!important;min-height:30px!important;
  padding:2px 6px!important;margin:0!important;border-radius:12px!important;
  background:#e7efec!important;border:1px solid #cddfdc!important;
  color:#514c43!important;font-size:13px!important;font-weight:500!important;
  white-space:nowrap!important;line-height:1.3!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;
}
.dgwt-wcas-search-form .yds-fvs-keyword-trigger[aria-expanded="true"] { background:#cddfdc!important; }
.dgwt-wcas-search-form .dgwt-wcas-search-input:has(~ .yds-fvs-keyword-trigger) { padding-right:132px!important; }
.dgwt-wcas-search-form.yds-fvs-compact .yds-fvs-keyword-trigger {
  width:60px!important;min-width:60px!important;height:30px!important;font-size:12px!important;padding:2px 4px!important;
}
.dgwt-wcas-search-form.yds-fvs-compact .yds-fvs-keyword-trigger span[aria-hidden="true"] { display:none!important; }
.dgwt-wcas-search-form.yds-fvs-compact .dgwt-wcas-search-input { padding-right:110px!important; }

/* Mobile The7 off-canvas menu: keep the keyword trigger above its form controls.
   No global header/menu z-index changes; the dialog itself uses browser top layer. */
@media (max-width:768px) {
  form.dgwt-wcas-search-form:has(.yds-fvs-keyword-trigger) {
    position:relative!important;
    z-index:10010!important;
  }
  form.dgwt-wcas-search-form .dgwt-wcas-sf-wrapp:has(.yds-fvs-keyword-trigger) {
    position:relative!important;
    z-index:10011!important;
  }
  form.dgwt-wcas-search-form .yds-fvs-keyword-trigger {
    z-index:10012!important;
    isolation:isolate;
  }
}

/* Native <dialog> is in the browser top layer, above The7 side menus and FiboSearch suggestions. */
dialog.yds-fvs-keyword-dialog {
  position:fixed!important;inset:0!important;margin:auto!important;
  display:none!important;flex-direction:column!important;
  width:min(560px,calc(100vw - 24px))!important;min-width:0!important;
  max-width:560px!important;max-height:82vh!important;max-height:min(82dvh,690px)!important;height:fit-content!important;
  padding:0!important;border:1px solid #e2eae3!important;border-radius:14px!important;
  box-sizing:border-box!important;background:#fbfaf6!important;color:#514c43!important;
  box-shadow:0 18px 65px rgba(25,40,38,.26)!important;overflow:hidden!important;
  font-family:inherit!important;font-size:14px!important;line-height:1.45!important;
  transform:none!important;visibility:visible!important;opacity:1!important;
}
dialog.yds-fvs-keyword-dialog[open] { display:flex!important; }
dialog.yds-fvs-keyword-dialog::backdrop { background:rgba(20,30,28,.40)!important; }
.yds-fvs-keyword-dialog * { box-sizing:border-box!important; }
.yds-fvs-keyword-head {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:14px 16px 5px!important;flex:0 0 auto!important;
}
.yds-fvs-keyword-head h2 {
  margin:0!important;padding:0!important;font-size:17px!important;line-height:1.5!important;
  color:#514c43!important;font-weight:600!important;
}
.yds-fvs-keyword-close {
  appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;margin:0!important;
  border:0!important;background:transparent!important;color:#514c43!important;border-radius:12px!important;
  font-size:26px!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;
}
.yds-fvs-keyword-help { margin:0!important;padding:0 16px 12px!important;color:#657a70!important;font-size:14px!important; }
.yds-fvs-keyword-tabs {
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;
  overflow-x:auto!important;overflow-y:hidden!important;width:auto!important;min-width:0!important;
  padding:0 16px 10px!important;margin:0!important;flex:0 0 auto!important;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cddfdc transparent;
}
.yds-fvs-keyword-tab {
  appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:40px!important;min-width:0!important;
  padding:8px 12px!important;margin:0!important;white-space:nowrap!important;
  color:#514c43!important;background:white!important;border:1px solid #e2eae3!important;border-radius:11px!important;
  font-size:14px!important;font-weight:500!important;line-height:1.25!important;box-shadow:none!important;cursor:pointer!important;
}
.yds-fvs-keyword-tab[aria-selected="true"] {
  border-color:#8db8ba!important;background:#cddfdc!important;font-weight:700!important;
  box-shadow:inset 0 -2px 0 #4f939e!important;
}
.yds-fvs-keyword-content {
  display:block!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  min-height:95px!important;min-width:0!important;max-height:38dvh!important;
  padding:8px 16px 16px!important;flex:0 1 auto!important;
}
.yds-fvs-keyword-group { margin:0!important;padding:0!important; }
.yds-fvs-keyword-group[hidden] { display:none!important; }
.yds-fvs-keyword-list { display:flex!important;flex-wrap:wrap!important;gap:8px!important; }
.yds-fvs-keyword-chip {
  appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:40px!important;min-width:0!important;
  padding:8px 11px!important;margin:0!important;border:1px solid #e2eae3!important;border-radius:12px!important;
  background:#fff!important;color:#514c43!important;font-size:14px!important;line-height:1.25!important;
  white-space:nowrap!important;box-shadow:none!important;cursor:pointer!important;
}
.yds-fvs-keyword-chip.is-active,.yds-fvs-keyword-chip[aria-pressed="true"] {
  background:#cddfdc!important;border-color:#8db8ba!important;font-weight:700!important;
}
.yds-fvs-keyword-footer {
  border-top:1px solid #e2eae3!important;padding:11px 16px 15px!important;
  background:#fbfaf6!important;flex:0 0 auto!important;
}
.yds-fvs-keyword-summary { font-size:14px!important;line-height:1.45!important;color:#657a70!important;margin:0 0 9px!important; }
.yds-fvs-keyword-footer-actions { display:flex!important;align-items:center!important;gap:9px!important; }
.yds-fvs-keyword-cancel,.yds-fvs-keyword-submit {
  appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;margin:0!important;padding:9px 14px!important;border-radius:12px!important;
  font-size:15px!important;line-height:1.3!important;font-weight:600!important;box-shadow:none!important;cursor:pointer!important;
}
.yds-fvs-keyword-cancel { border:1px solid #e2eae3!important;background:#fff!important;color:#514c43!important;flex:0 0 84px!important; }
.yds-fvs-keyword-submit { border:1px solid #8db8ba!important;background:#8db8ba!important;color:#173d42!important;flex:1 1 auto!important;min-width:0!important; }
.yds-fvs-keyword-submit:disabled { opacity:.4!important;cursor:not-allowed!important; }
.yds-fvs-keyword-dialog button:focus-visible,.dgwt-wcas-search-form .yds-fvs-keyword-trigger:focus-visible {
  outline:2px solid #4f939e!important;outline-offset:2px!important;
}
.yds-fvs-visually-hidden { position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important; }
/* Fallback for older browsers without native modal dialogs. */
div.yds-fvs-dialog-shade { display:block;position:fixed!important;inset:0!important;z-index:2147483600!important;background:rgba(20,30,28,.4)!important; }
div.yds-fvs-dialog-shade[hidden] { display:none!important; }
dialog.yds-fvs-dialog-fallback { z-index:2147483640!important; }
/* Search results form width remains unchanged. */
body.yds-fvs-search-page .yds-fvs-search-again { max-width:680px;margin:12px 0 18px;min-height:44px; }
body.yds-fvs-search-page .yds-fvs-search-again .dgwt-wcas-search-wrapp { width:100%!important;max-width:100%!important; }
@media(max-width:768px) {
  dialog.yds-fvs-keyword-dialog { width:calc(100vw - 20px)!important;max-height:min(82dvh,640px)!important; }
  .yds-fvs-keyword-head { padding:11px 12px 4px!important; }
  .yds-fvs-keyword-help { padding:0 12px 10px!important; }
  .yds-fvs-keyword-tabs { padding:0 12px 9px!important; }
  .yds-fvs-keyword-content { padding:7px 12px 14px!important; }
  .yds-fvs-keyword-footer { padding:10px 12px 12px!important; }
  .yds-fvs-keyword-tab,.yds-fvs-keyword-chip { min-height:42px!important; }
  body.yds-fvs-search-page .yds-fvs-search-again { max-width:100%;margin-bottom:16px; }
}
@media(prefers-reduced-motion: reduce) {
  .yds-fvs-keyword-dialog * { scroll-behavior:auto!important; }
}

/* v1.3.13: consolidate pre-existing FiboSearch icon tweaks.
   These rules were previously stored separately in The7 custom CSS. */
a.dgwt-wcas-search-icon.js-dgwt-wcas-search-icon-handler {
  display:inline-flex!important;align-items:center;justify-content:center;
  width:38px!important;height:38px!important;box-sizing:border-box;
  text-align:center!important;border-radius:14px;
  border:1px solid #8db8ba;background:#d9eaec;
  padding:0!important;margin-bottom:10px!important;
}
.dgwt-wcas-search-icon { color:#514c43; }
input#dgwt-wcas-search-input-1 { margin-top:-9px; }
/* Results-page form must stay centered even when it happens to be input #1. */
body.yds-fvs-search-page .yds-fvs-search-again input.dgwt-wcas-search-input { margin-top:0!important; }


/* v1.3.14: desktop navigation search box #1; keep other instances unchanged.
   Native :has() support is available in modern desktop browsers. */
@media screen and (min-width: 769px) {
  form.dgwt-wcas-search-form:has(#dgwt-wcas-search-input-1) .yds-fvs-keyword-trigger {
    transform: translateY(calc(-50% - 10px)) !important;
  }
}

/* v1.3.14: compact FiboSearch forms, shift keyword button inward 10px. */
.dgwt-wcas-search-form.yds-fvs-compact .yds-fvs-keyword-trigger {
  margin-right: 10px !important;
}
