/* ==========================================================================
   THE FIELD DESK — Cookie Banner Restyle (WPLP GDPR Cookie Consent)
   Targets #gdpr-cookie-consent-bar and friends. Plugin injects inline
   styles, so !important is required throughout.
   Drop into Avada > Custom CSS or the child theme stylesheet.
   ========================================================================== */

/* --- Panel ---------------------------------------------------------------- */
#gdpr-cookie-consent-bar {
  background: #f2efe9 !important;                 /* site paper tone */
  border: 1px solid #1a1a18 !important;
  border-radius: 0 !important;
  box-shadow: 5px 5px 0 rgba(26, 26, 24, 0.9) !important;  /* stamped-card offset */
  padding: 26px 30px 20px !important;
  font-family: 'EB Garamond', Georgia, serif !important;
  color: #1a1a18 !important;

  /* Kill the plugin's blue accent at the source */
  --popup_accent_color: #1a1a18 !important;
}

/* Archive-tag label across the top (delete this block if too much) */
#gdpr-cookie-consent-bar .gdpr_main_body::before {
  content: "NOTICE NO. 01 — SITE COOKIES";
  display: block;
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1a1a18;
  opacity: 0.55;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(26, 26, 24, 0.25);
}

/* --- Body copy (plugin sets inline color   justify on the ) ----------- */
#gdpr-cookie-consent-bar .gdpr-notice-content-body p {
  color: #1a1a18 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  text-align: left !important;        /* override inline justify */
  margin: 0 !important;
}

/* Read More link — understated ink underline */
#gdpr-cookie-consent-bar .gdpr-notice-content-body a {
  color: #1a1a18 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}
#gdpr-cookie-consent-bar .gdpr-notice-content-body a:hover {
  color: #4a4a44 !important;
}

/* --- Buttons -------------------------------------------------------------- */
#gdpr-cookie-consent-bar .cookie_notice_buttons a,
#gdpr-cookie-consent-bar .cookie_notice_buttons button,
#gdpr-cookie-consent-bar a.gdpr_action_button {
  font-family: 'IBM Plex Mono', 'Courier New', monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 12px 22px !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  box-shadow: none !important;
}

/* Default for all action buttons — outlined ghost (Decline, Cookie Settings) */
#gdpr-cookie-consent-bar a.gdpr_action_button,
#gdpr-cookie-consent-bar .left_buttons a {
  background: transparent !important;
  color: #1a1a18 !important;
  border: 1px solid #1a1a18 !important;
}
#gdpr-cookie-consent-bar a.gdpr_action_button:hover,
#gdpr-cookie-consent-bar .left_buttons a:hover {
  background: #1a1a18 !important;
  color: #f2efe9 !important;
}

/* Primary — Accept All: solid ink.
   Actual markup: id="cookie_action_accept_all", data-gdpr_action="accept_all",
   sitting in .right_buttons. ^= catches accept / accept_all variants. */
#gdpr-cookie-consent-bar [data-gdpr_action^="accept"],
#gdpr-cookie-consent-bar #cookie_action_accept_all,
#gdpr-cookie-consent-bar .right_buttons a {
  background: #1a1a18 !important;
  color: #f2efe9 !important;
  border: 1px solid #1a1a18 !important;
}
#gdpr-cookie-consent-bar [data-gdpr_action^="accept"]:hover,
#gdpr-cookie-consent-bar #cookie_action_accept_all:hover,
#gdpr-cookie-consent-bar .right_buttons a:hover {
  background: #3a3a36 !important;
  border-color: #3a3a36 !important;
  color: #f2efe9 !important;
}

/* --- Close (×) — plugin hardcodes #176CAE inline -------------------------- */
#cookie-banner-cancle-img {
  color: #1a1a18 !important;
  opacity: 0.6 !important;
}
#cookie-banner-cancle-img:hover {
  opacity: 1 !important;
}

/* --- Powered-by credits — fade back --------------------------------------- */
#gdpr-cookie-consent-bar .powered-by-credits {
  font-family: 'IBM Plex Mono', 'Courier New', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 0.4 !important;
}
#gdpr-cookie-consent-bar .powered-by-credits a,
#cookie_credit_link {
  color: #1a1a18 !important;
}

/* --- "Show again" tab (reopens banner after dismiss) ----------------------
   Plugin inlines background #176CAE   5px radius on this too. */
#gdpr-cookie-consent-show-again {
  background-color: #1a1a18 !important;
  color: #f2efe9 !important;
  border-radius: 0 !important;
  border: 1px solid #1a1a18 !important;
  box-shadow: 3px 3px 0 rgba(26, 26, 24, 0.9) !important;
  font-family: 'IBM Plex Mono', 'Courier New', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}