/* =============================================================================
 * CookieYes consent banner — FluidShop branding
 * Overrides default CookieYes (cookie-law-info) styles to match brand identity.
 * Accept = brand red (primary); Reject/Customise = outline (equal prominence,
 * GDPR-compliant — no dark patterns). !important beats the plugin's
 * inline/option-generated styles. Brand vars come from style.css :root.
 * Enqueued via inc/cookieyes-multilang.php.
 * ========================================================================== */

.cky-consent-container .cky-consent-bar {
  background: var(--warm-white, #fafafa) !important;
  border: 1px solid var(--gray-200, #eeeeee) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(43, 22, 27, 0.18) !important;
  font-family: var(--font-body, "Inter", sans-serif) !important;
}

.cky-title {
  font-family: var(--font-heading, "Playfair Display", serif) !important;
  color: var(--primary-black, #1a1a1a) !important;
  font-weight: 700 !important;
}

.cky-notice-des,
.cky-notice-des p {
  font-family: var(--font-body, "Inter", sans-serif) !important;
  color: var(--gray-700, #404040) !important;
}

.cky-notice-des a,
.cky-link {
  color: var(--primary-red, #d90700) !important;
  text-decoration: underline;
}

/* Accept — primary brand button (red -> gold on hover) */
.cky-btn-accept {
  background: var(--primary-red, #d90700) !important;
  border: 1px solid var(--primary-red, #d90700) !important;
  color: #fff !important;
  font-weight: 600 !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
.cky-btn-accept:hover {
  background: var(--accent-gold, #c9a961) !important;
  border-color: var(--accent-gold, #c9a961) !important;
  color: var(--primary-black, #1a1a1a) !important;
}

/* Reject + Customise — secondary, equal prominence (outline) */
.cky-btn-reject,
.cky-btn-customize {
  background: transparent !important;
  border: 1px solid var(--primary-black, #1a1a1a) !important;
  color: var(--primary-black, #1a1a1a) !important;
  font-weight: 600 !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
.cky-btn-reject:hover,
.cky-btn-customize:hover {
  background: var(--primary-black, #1a1a1a) !important;
  color: #fff !important;
}

/* Floating "revisit consent" widget */
.cky-btn-revisit-wrapper {
  background: var(--primary-red, #d90700) !important;
}

/* Preference center (modal shown after clicking Customise) */
.cky-modal .cky-preference-title,
.cky-modal .cky-preference-header {
  font-family: var(--font-heading, "Playfair Display", serif) !important;
  color: var(--primary-black, #1a1a1a) !important;
}
.cky-modal .cky-btn-confirm,
.cky-modal .cky-btn-preferences,
.cky-modal .cky-btn-accept {
  background: var(--primary-red, #d90700) !important;
  border-color: var(--primary-red, #d90700) !important;
  color: #fff !important;
}
.cky-modal .cky-btn-confirm:hover,
.cky-modal .cky-btn-preferences:hover,
.cky-modal .cky-btn-accept:hover {
  background: var(--accent-gold, #c9a961) !important;
  border-color: var(--accent-gold, #c9a961) !important;
  color: var(--primary-black, #1a1a1a) !important;
}
.cky-modal .cky-btn-reject {
  background: transparent !important;
  border: 1px solid var(--primary-black, #1a1a1a) !important;
  color: var(--primary-black, #1a1a1a) !important;
}
.cky-modal .cky-btn-reject:hover {
  background: var(--primary-black, #1a1a1a) !important;
  color: #fff !important;
}
.cky-modal .cky-link,
.cky-modal a.cky-link {
  color: var(--primary-red, #d90700) !important;
}