/* Ramlah — restyle site-wide widgets (concierge chat, cookie banner) to the
   brand. Loaded only while the Ramlah theme is active, so the live site's
   widgets are untouched until go-live. The concierge widget sets
   #rc-root{all:initial} and styles itself with IDs in a late <style>; `body`-
   prefixed selectors here out-specify it, and CSS custom properties survive
   `all:initial`, so var(--petrol) etc. still resolve. */

/* ---------- Concierge chat widget ---------- */
body #rc-launcher{
  background:var(--petrol);color:#F5F2EC;font-family:var(--sans);
  border-radius:0;padding:15px 26px;letter-spacing:.16em;font-weight:500;
  box-shadow:0 8px 26px rgba(22,64,77,.30);
}
body #rc-launcher:hover{box-shadow:0 12px 30px rgba(22,64,77,.42)}
body #rc-launcher .rc-dot{background:var(--champagne)}
body #rc-launcher .rc-tag{color:rgba(245,242,236,.7)}

body #rc-panel{
  background:var(--ground);color:var(--ink);
  border:1px solid rgba(26,26,26,.1);border-radius:2px;font-family:var(--sans);
  box-shadow:0 28px 70px rgba(16,16,16,.22);
}
body #rc-head{background:var(--petrol);border-radius:0}
body #rc-head h3{font-family:var(--serif);font-weight:400;letter-spacing:0}
body #rc-head .rc-tag{color:var(--champagne);opacity:1}
body #rc-close{color:#F5F2EC}

body .rc-msg{border-radius:3px;font-family:var(--sans)}
body .rc-msg.bot{background:var(--ground-2);color:var(--ink);border:1px solid rgba(26,26,26,.08)}
body .rc-msg.user{background:var(--petrol);color:#F5F2EC}
body .rc-msg .rc-q{font-family:var(--serif);font-weight:400;color:var(--petrol)}
body .rc-msg a,body .rc-msg.bot a{color:var(--petrol)}
body .rc-msg.user a{color:#F5F2EC}
body .rc-typing span{background:var(--petrol)}

body .rc-inline-help{
  border:1px solid rgba(26,26,26,.3);color:var(--ink);border-radius:0;
  font-family:var(--sans);letter-spacing:.16em;font-weight:500;
}
body .rc-inline-help:hover{background:var(--ink);color:var(--ground);border-color:var(--ink)}

body .rc-topic-h{color:var(--gray)}
body .rc-topic-btn{background:transparent;border:1px solid rgba(26,26,26,.3);color:var(--ink);border-radius:0;font-family:var(--sans)}
body .rc-topic-btn:hover{background:var(--petrol);border-color:var(--petrol);color:#F5F2EC}
body .rc-rel-btn{border:1px solid rgba(26,26,26,.12);border-radius:2px;color:var(--ink);font-family:var(--sans)}
body .rc-rel-btn:hover{background:var(--ground-2);border-color:var(--petrol)}
body .rc-helpful button{border:1px solid rgba(26,26,26,.3);color:var(--gray);border-radius:0;font-family:var(--sans)}
body .rc-helpful button:hover{border-color:var(--petrol);color:var(--petrol)}

body .rc-escalate{background:var(--ground-2);border-radius:2px}
body .rc-escalate input[type=email]{border:1px solid rgba(26,26,26,.2);border-radius:0;font-family:var(--sans)}
body .rc-escalate button{background:var(--petrol);border-radius:0;font-family:var(--sans);letter-spacing:.12em}

body #rc-form{border-top:1px solid rgba(26,26,26,.1)}
body #rc-input{border:1px solid rgba(26,26,26,.2);border-radius:0;font-family:var(--sans)}
body #rc-input:focus{border-color:var(--petrol);outline:none}
body #rc-send{background:var(--petrol);border-radius:0;font-family:var(--sans);letter-spacing:.16em}
body #rc-send:hover:not(:disabled){background:var(--petrol-dark)}

/* ---------- Cookie banner (CookieYes / cookie-law-info) ----------
   The plugin sets colours as inline styles from its admin config, so these
   overrides need !important. */
body .cky-consent-bar{
  background:var(--ground) !important;border:0 !important;border-top:1px solid var(--champagne) !important;
  border-radius:0 !important;box-shadow:0 -4px 30px rgba(16,16,16,.08) !important;font-family:var(--sans) !important;
}
body .cky-title{color:var(--ink) !important;font-family:var(--serif) !important;font-weight:400 !important;letter-spacing:0 !important}
body .cky-notice-des,
body .cky-notice-des p{color:var(--ink-soft) !important;font-family:var(--sans) !important;font-size:13px !important;line-height:1.6 !important}
body .cky-btn{
  border-radius:0 !important;font-family:var(--sans) !important;font-size:11.5px !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;box-shadow:none !important;padding:12px 22px !important;font-weight:500 !important;
}
body .cky-btn-accept{background:var(--ink) !important;color:var(--ground) !important;border:1px solid var(--ink) !important}
body .cky-btn-accept:hover{background:var(--petrol) !important;border-color:var(--petrol) !important;color:var(--ground) !important}
body .cky-btn-reject{background:transparent !important;color:var(--ink) !important;border:1px solid rgba(26,26,26,.3) !important}
body .cky-btn-reject:hover{border-color:var(--ink) !important;background:transparent !important}
body .cky-btn-customize{background:transparent !important;color:var(--gray) !important;border:1px solid rgba(26,26,26,.2) !important}
body .cky-btn-customize:hover{color:var(--ink) !important;border-color:rgba(26,26,26,.4) !important}
/* the little floating "revisit consent" badge */
body .cky-btn-revisit-wrapper{background:var(--petrol) !important}
body .cky-revisit-bottom-left{border-radius:0 !important}
/* preference modal, if opened */
body .cky-preference-center{border-radius:2px !important;font-family:var(--sans) !important}
body .cky-preference-title{font-family:var(--serif) !important;color:var(--ink) !important}
body .cky-active .cky-preference-title,
body .cky-accordion-active .cky-accordion-btn{color:var(--petrol) !important}