/* Cookie consent (vanilla-cookieconsent v3) — tajtaz.com theme (Arabic, RTL).
 *
 * Own copy (from reraexamready/consent-styles.css, NOT the _shared master): same structure, rust accent
 * (#C45A2C), self-hosted Plex Arabic instead of Geist. Loaded after /vendor/cookieconsent/3.1.0/cookieconsent.css.
 * Bump V_CONSENT in make-shells.mjs when this file changes.
 */

#cc-main {
  /* Dim the page behind the centered must-answer modal (disablePageInteraction). */
  --cc-overlay-bg: rgba(14, 23, 38, 0.55);

  --cc-font-family: 'Plex Arabic', 'Segoe UI', Tahoma, system-ui, sans-serif;
  --cc-bg: #FFFFFF;
  --cc-primary-color: #0E1726;
  --cc-secondary-color: #2A3346;

  --cc-btn-primary-bg: #C45A2C;
  --cc-btn-primary-color: #FFFFFF;
  --cc-btn-primary-border-color: #C45A2C;
  --cc-btn-primary-hover-bg: #A84A22;
  --cc-btn-primary-hover-color: #FFFFFF;
  --cc-btn-primary-hover-border-color: #A84A22;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #2A3346;
  --cc-btn-secondary-border-color: #E8E3D8;
  --cc-btn-secondary-hover-bg: #F2EFE8;
  --cc-btn-secondary-hover-color: #0E1726;
  --cc-btn-secondary-hover-border-color: #E8E3D8;

  --cc-cookie-category-block-bg: #FAF8F4;
  --cc-cookie-category-block-border: #E8E3D8;
  --cc-cookie-category-block-bg-hover: #F2EFE8;
  --cc-toggle-on-bg: #C45A2C;

  --cc-link-color: #0F5BA8;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 10px;
}

#cc-main .cm__btn[data-role="all"] {
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(196, 90, 44, .28);
}
#cc-main .cm__btn[data-role="show"] {
  font-weight: 500;
}

/* Value-framing + trust line — paired with <strong class="cc-pitch"> / <small class="cc-trust">
   in consent-config.js. */
#cc-main .cm__desc .cc-pitch {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #0E1726;
  margin-bottom: 8px;
}
#cc-main .cm__desc .cc-trust {
  display: block;
  font-size: 12.5px;
  color: #6B7589;
  margin-top: 10px;
}

/* Arabic: no letter-spacing (breaks the joined script), a little more line height. */
#cc-main, #cc-main * { letter-spacing: 0 !important; }
#cc-main .cm__desc, #cc-main .pm__section-desc { line-height: 1.75; }