/* ====== Tokens ====== */
:root {
  --cc-primary: #1B8354;
  --cc-primary-text: #ffffff;
  --cc-border: #d2d6db;
  --cc-text: #101828;
  --cc-muted: rgba(56, 66, 80, 1);
  --cc-radius: 0; /* no border radius */
  --cc-shadow: 0px 32px 64px -12px rgba(16,24,40,.14);
}

/* ====== Popup ====== */
.cookie-popup{
  position: fixed;
  /*right: 10%;
  bottom: 15px;
  width: 80%; 
  max-width: calc(100% - 48px);*/
    right: 0px;
    bottom: 0;
    width: 100%;
    max-width: calc(100% - 0px);
  background: #fff;
  border: 1px solid var(--cc-border);
  box-shadow: var(--cc-shadow);
  border-radius: var(--cc-radius);
  padding: 20px;
  z-index: 10000;
  color: var(--cc-text);
  text-align: right;
  direction: rtl;
  font-family: 'IBM Plex Sans Arabic';
}

.popup-header.only-title{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.popup-title{ display:flex; align-items:center; gap:8px; font-weight:700; font-size:18px; color: rgba(31, 42, 55, 1); }
.title-icon{ width:24px; height:24px; }

.close-btn{
  background: transparent;
  border: 0;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: rgba(22, 22, 22, 1);
}
/* NO hover for close */
.cookie-popup .close-btn:hover,
.cookie-popup .close-btn:focus{
  background: transparent !important;
  color: inherit !important;
}

/* Text */
.popup-text{ font-size:16px; color:var(--cc-muted); margin:0 0 16px; }
.popup-text.center{ /*text-align:center;*/ }
.policy-link{ color: rgba(27, 131, 84, 1) !important; text-decoration: none;     font-size: 16px;     line-height: 40px;}

/* Buttons */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 14px; border-radius:10px; font-weight:700; font-size:14px; border:1px solid transparent; cursor:pointer; }
.btn-block{ width:100%; }
.btns-vertical{ display:flex; flex-direction:column; gap:10px; }

/* Override Elementor global hovers inside our popup */
.cookie-popup button:hover,
.cookie-popup button:focus,
.cookie-popup [type=button]:hover,
.cookie-popup [type=button]:focus,
.cookie-popup [type=submit]:hover,
.cookie-popup [type=submit]:focus{
  background-color: initial !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* Our own button styles */
.btn-primary{ background: var(--cc-primary)!important; color: var(--cc-primary-text)!important; border: unset !important; }
.btn-primary:hover{ filter: brightness(.95) !important; }

.btn-secondary{ background:#ffffff !important; border-color: var(--cc-border) !important; color: var(--cc-text) !important; }
.btn-secondary:hover{ background:#f9fafb !important; }

.btn-tertiary{ background:#ffffff; border-color: var(--cc-border)!important; color: var(--cc-text)!important;     font-weight: 500 !important;}
.btn-tertiary:hover{ background:#f9fafb !important; }

.link-btn{ background: transparent !important; border: 0 !important; color: rgba(22, 22, 22, 1)!important; text-decoration: none; padding:8px 0 !important; cursor:pointer !important; }
.link-btn.centered{ display:block; margin: 8px auto 0; text-align:center; }

/* Groups */
.group{ margin-top:12px; padding-top:4px; }
.group-row{
  display:flex;
  align-items:center;
  /*justify-content: space-between;*/
  gap: 12px;
  padding: 12px 0;
  /* removed border-bottom as requested */
}
.group-title{ font-size:16px;    font-weight: 500; color: var(--cc-text); }

/* Switch (on the RIGHT in RTL) */
.switch{ position: relative; display:inline-block; width: 46px; height: 26px; }
.switch input{ opacity: 0; width:0; height:0; }
.slider{ position: absolute; cursor:pointer; inset:0; background:#f1f5f9; border:1px solid var(--cc-border); border-radius: 999px; transition:.2s; }
.slider:before{ content:""; position: absolute; width: 18px; height: 18px; right: 4px; top: 50%; transform: translateY(-50%); background:#fff; border:1px solid var(--cc-border); border-radius: 50%; transition:.2s; }

/* ON state */
.switch input:checked + .slider{ background: rgba(27,131,84,.95); border-color: rgba(27,131,84,.95); }
.switch input:checked + .slider:before{ right: 24px; background:#fff; border-color: transparent; }

.switch.disabled{ opacity:.6; pointer-events:none; }


.dark-mood div#cookie-consent-popup {
    background-color: #0d121c;
}

.dark-mood .rejectall-btn {
    color: #fff !important;
}

.dark-mood .close-btn {
    color: #fff;
}

.dark-mood button.manage-btn {
    color: #fff !important;
}

.dark-mood button.goback-btn {
    color: #fff !important;
}



/* Responsive */
@media (max-width: 600px){
  .cookie-popup{ right:12px; left:12px; bottom:12px; width:auto; max-width:unset; }
}



body:not(.rtl) .cookie-popup {
      direction: ltr;
      text-align: left;
}