/* ── COOKiES / cookiesjsr — Souk Nook brand styling ─────────────────────
   Uses the actual CSS custom properties from cookiesjsr.min.css.
   ──────────────────────────────────────────────────────────────────────── */

/* cookiesjsr sets all its variables on #cookiesjsr — override there */
#cookiesjsr {
  /* Banner */
  --banner-bg-color:            #fdf6f2;
  --banner-font-color:          #3d2a1e;

  /* Primary buttons (Accept all) */
  --btn-prime-bg-color:         #2d1a14;
  --btn-prime-font-color:       #ffffff;
  --btn-prime-border-color:     #2d1a14;

  /* Inverted primary (Deny all) */
  --btn-prime-inv-bg-color:     #ffffff;
  --btn-prime-inv-font-color:   #2d1a14;
  --btn-prime-inv-border-color: #2d1a14;

  /* Secondary buttons */
  --btn-bg-color:               #fdf6f2;
  --btn-font-color:             #2d1a14;
  --btn-border-color:           #2d1a14;
  --btn-inv-bg-color:           #2d1a14;
  --btn-inv-font-color:         #ffffff;
  --btn-inv-border-color:       #2d1a14;

  /* Links */
  --link-list-font-color:       #2d1a14;
  --link-list-separator-color:  #e8d0c0;

  /* Settings layer */
  --layer-header-bg-color:      #2d1a14;
  --layer-header-font-color:    #ffffff;
  --layer-body-bg-color:        #ffffff;
  --layer-bg-dark:              #fdf6f2;
  --layer-font-dark:            #3d2a1e;
  --layer-font-light:           #8a7060;
  --layer-footer-bg-color:      #fdf6f2;
  --layer-footer-font-color:    #3d2a1e;
  --layer-border-color:         #e8d0c0;
  --layer-tab-bg-color:         #f3ede9;
  --layer-tab-font-color:       #2d1a14;
  --layer-tab-active-bg-color:  #2d1a14;
  --layer-tab-active-font-color:#ffffff;

  /* Toggle switches */
  --switch-bg-on:               #2d1a14;
  --switch-bg-off:              #d9c4b0;
  --switch-border-color:        #5c4a39;
  --switch-handle-color:        #ffffff;
  --switch-always-on-bg-color:  #8a7060;
  --switch-always-on-font-color:#ffffff;
}

/* Banner sits at the bottom, not the full blue block */
.cookiesjsr-banner {
  border-top: 2px solid #e8d0c0 !important;
  box-shadow: 0 -2px 16px rgba(45,26,20,0.08) !important;
}

/* Round the action buttons to match site pill style */
.cookiesjsr-btn {
  border-radius: 9999px !important;
  font-family: inherit !important;
}