.gccs-switcher{display:inline-block;margin:8px;}
/* List UIs (radio/buttons) */
.gccs-list{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.gccs-list.gccs-list-radio .gccs-item{display:inline-flex;gap:8px;align-items:center;}
.gccs-list.gccs-list-radio input{margin:0;}
.gccs-label{display:inline-flex;align-items:center;gap:6px;}
.gccs-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid #e4c7b7;background:#fff;cursor:pointer;line-height:1.2;}
.gccs-btn.is-active{font-weight:700;}

/* Dropdown UI (custom, to support flags in Chrome/Edge/Windows) */
.gccs-dd{position:relative;display:inline-block;min-width:86px;}
.gccs-dd-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid #e4c7b7;background:#fff;cursor:pointer;line-height:1.2;}
.gccs-dd-toggle .gccs-dd-caret{margin-inline-start:auto;opacity:.75;}
.gccs-dd-menu{position:absolute;inset-inline-start:0;inset-inline-end:0;margin-top:6px;padding:6px;list-style:none;background:#fff;border:1px solid #e4c7b7;border-radius:10px;z-index:999999;box-shadow:0 10px 24px rgba(0,0,0,.10);max-height:260px;overflow:auto;}
.gccs-dd-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;user-select:none;}
.gccs-dd-item[aria-selected="true"]{font-weight:700;}
.gccs-dd-item:hover{background:rgba(0,0,0,.04);}
.gccs-dd.is-open .gccs-dd-menu{display:block;}
.gccs-dd-menu[hidden]{display:none !important;}
.gccs-select-native{position:absolute !important;opacity:0 !important;pointer-events:none !important;width:1px !important;height:1px !important;}

/* Floating placements */
.gccs-floating{position:fixed;z-index:999999;}
.gccs-floating.gccs-right{right:var(--gccs-side-offset,16px);}
.gccs-floating.gccs-left{left:var(--gccs-side-offset,16px);}

.gccs-floating.gccs-v-bottom{bottom:var(--gccs-offset,16px);top:auto;transform:none;}
.gccs-floating.gccs-v-top{top:var(--gccs-offset,16px);bottom:auto;transform:none;}
.gccs-floating.gccs-v-middle{top:50%;bottom:auto;transform:translateY(-50%);}

@media(max-width:480px){
  .gccs-floating.gccs-right{right:12px;}
  .gccs-floating.gccs-left{left:12px;}
}

/* Flag icons */
.gccs-flag{
  display:inline-block;
  width:18px;
  height:12px;
  background-size: cover;   /* يمنع القص */
  background-position: center;
  background-repeat: no-repeat !important;
  background-color: #fff !important;     /* لو ظهر فراغ بسيط */
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.08) inset;
  flex:0 0 auto;
}


.gccs-flag-bhd{background-image:url('../flags/bh.svg');}
.gccs-flag-sar{background-image:url('../flags/sa.svg');}
.gccs-flag-aed{background-image:url('../flags/ae.svg');}
.gccs-flag-kwd{background-image:url('../flags/kw.svg');}
.gccs-flag-qar{background-image:url('../flags/qa.svg');}
.gccs-flag-omr{background-image:url('../flags/om.svg');}
.gccs-flag-usd{background-image:url('../flags/us.svg');}



/* Display modes */
.gccs-switcher[data-mode="flag"] .gccs-text{display:none !important;}

/* Accessibility */
.gccs-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* ------------------------------------------------------------
   GCCS Compact / Light styling overrides
   - Keeps the control closer to the site's soft palette
   - Prevents theme/button styles from turning it dark or oversized
------------------------------------------------------------ */
.gccs-switcher{margin:6px !important;}
.gccs-dd{min-width:84px !important;}
.gccs-dd-toggle{
  background:#fff5f9 !important;
  color:#6b4b4b !important;
  border:1px solid #e4c7b7 !important;
  border-radius:8px !important;
  padding:6px 10px !important;
  min-height:36px !important;
  font-size:14px !important;
  font-weight:500 !important;
  box-shadow:none !important;
  text-transform:none !important;
}
.gccs-dd-toggle:hover{background:#fffaf6 !important;}
.gccs-dd-toggle:focus{outline:none !important; box-shadow:0 0 0 2px rgba(182,92,101,.25) !important;}
/* Flags: fixed size without clipping */
/* GCCS – Flags should be rectangular (prevents Kuwait left clip) */




.gccs-dd-toggle .gccs-dd-caret{opacity:.7 !important;}

.gccs-dd-menu{
  background:#fff !important;
  border:1px solid #e4c7b7 !important;
  border-radius:10px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
}
.gccs-dd-item{
  padding:6px 10px !important;
  border-radius:8px !important;
  font-size:14px !important;
  color:#6b4b4b !important;
}
.gccs-dd-item:hover{background:rgba(182,92,101,.08) !important;}

@media (max-width: 767px){
  .gccs-switcher{margin:4px !important;}
  .gccs-dd-toggle{min-height:34px !important; padding:6px 9px !important;}
  .gccs-dd-item{padding:6px 9px !important;}
}