/* The cookie choice (AF1c; cookie-consent.js): a short bar at the foot of the page that never covers it, above the
   mobile menu; Accept and Refuse the same size and weight; 44 px targets; logical properties for Arabic. */
.cookie-consent {
  position: fixed; inset-inline: 16px; bottom: 16px; z-index: 70; margin-inline: auto; max-width: 720px;
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 16px; padding: 12px 48px 12px 16px;
  padding-inline: 16px 48px; border: 1px solid var(--line, #2a3c33); border-radius: var(--radius, 7px);
  background: var(--panel-alt, #14221b); color: var(--text, #f4f7f5); box-shadow: 0 8px 24px rgb(0 0 0 / 0.28);
}
.cookie-consent[hidden] { display: none; }
.cookie-consent-text, .cookie-consent-current, .cookie-consent-error { grid-column: 1; margin: 0; font-size: 0.9rem; line-height: 1.45; overflow-wrap: anywhere; }
.cookie-consent-current { color: var(--muted-light, #b7c7bf); }
.cookie-consent-error { color: var(--danger, #ff7a7a); }
.cookie-consent-text a { color: var(--odd, #ffd23f); }
.cookie-consent-actions { grid-column: 2; grid-row: 1 / span 3; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cookie-consent-choice {
  min-width: 112px; min-height: 44px; padding: 0 16px; border: 1px solid var(--line, #2a3c33); border-radius: var(--radius, 7px);
  background: var(--bg-deep, #0b1712); color: inherit; font: inherit; font-weight: 600; cursor: pointer;
}
.cookie-consent-choice:hover { border-color: var(--accent, #1fb26b); }
.cookie-consent-close {
  position: absolute; inset-block-start: 4px; inset-inline-end: 4px; width: 44px; height: 44px; border: 0; border-radius: var(--radius, 7px);
  background: transparent; color: inherit; font: inherit; font-size: 1.4rem; line-height: 1; cursor: pointer;
}
.cookie-consent a:focus-visible, .cookie-consent button:focus-visible { outline: 2px solid var(--focus-ring, #ffd23f); outline-offset: 2px; }
.cms-footer-cookie {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit;
  text-decoration: underline; cursor: pointer;
}
@media (max-width: 720px) {
  .cookie-consent { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); grid-template-columns: 1fr; }
  .cookie-consent-actions { grid-column: 1; grid-row: auto; }
  .cookie-consent-choice { min-width: 0; }
}