/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

/* CUSTOM STYLES BELOW */

/* ====== COOKIEYES – GREEN THEME (#22610F) ====== */

:root{
  --cky-green:#22610F;
  --cky-green-hover:#1b4f0c;
  --cky-focus:rgba(34,97,15,.35);
}

/* ===================== */
/* 1) PRIMARY BUTTONS */
/* ===================== */
.cky-btn-accept,
.cky-btn-primary,
.cky-btn-save,
.cky-btn-preferences{
  background-color:var(--cky-green) !important;
  border-color:var(--cky-green) !important;
  color:#fff !important;
}

.cky-btn-accept:hover,
.cky-btn-primary:hover,
.cky-btn-save:hover,
.cky-btn-preferences:hover{
  background-color:var(--cky-green-hover) !important;
  border-color:var(--cky-green-hover) !important;
  color:#fff !important;
}

/* ===================== */
/* 2) OUTLINE BUTTONS */
/* ===================== */
.cky-btn-customize,
.cky-btn-reject{
  background:transparent !important;
  color:var(--cky-green) !important;
  border-color:var(--cky-green) !important;
}

.cky-btn-customize:hover,
.cky-btn-reject:hover{
  background-color:var(--cky-green) !important;
  border-color:var(--cky-green) !important;
  color:#fff !important;
}

/* ===================== */
/* 3) LINKS */
/* ===================== */
.cky-notice-des a,
.cky-policy a,
.cky-modal a,
.cky-preference-content-wrapper a,
.cky-accordion-item a,
.cky-accordion-header-des a,
.cky-show-desc-btn{
  color:var(--cky-green) !important;
}

.cky-notice-des a:hover,
.cky-policy a:hover,
.cky-modal a:hover,
.cky-preference-content-wrapper a:hover,
.cky-accordion-item a:hover,
.cky-accordion-header-des a:hover,
.cky-show-desc-btn:hover{
  color:var(--cky-green-hover) !important;
  text-decoration:underline !important;
}

.cky-accordion-item.cky-accordion-active .cky-accordion-header,
.cky-accordion-header-wrapper:hover{
  color:var(--cky-green) !important;
}

/* ===================== */
/* 4) TOGGLE */
/* ===================== */
.cky-switch input:checked + .cky-slider,
.cky-toggle input:checked + .cky-slider,
.cky-toggle input:checked + .cky-toggle-slider{
  background-color:var(--cky-green) !important;
  border-color:var(--cky-green) !important;
}

.cky-switch input:checked + .cky-slider:before,
.cky-toggle input:checked + .cky-slider:before,
.cky-toggle input:checked + .cky-toggle-slider:before{
  background-color:#fff !important;
}

/* Toggle (inline style) */
input.cky-switch:checked,
input.cky-switch[style]{
  background-color:var(--cky-green) !important;
  border-color:var(--cky-green) !important;
}

/* ===================== */
/* 5) FOCUS */
/* ===================== */
.cky-btn:focus,
input.cky-switch:focus{
  box-shadow:0 0 0 2px var(--cky-focus) !important;
}

/* ===================== */
/* 6) CLOSE (X) */
/* ===================== */
.cky-btn-close,
.cky-close-btn,
.cky-modal-close{
  border-color:var(--cky-green) !important;
  color:var(--cky-green) !important;
}

.cky-btn-close:hover,
.cky-close-btn:hover,
.cky-modal-close:hover{
  background-color:rgba(34,97,15,.10) !important;
  border-color:var(--cky-green) !important;
  color:var(--cky-green) !important;
}

/* ===================== */
/* 7) REVISIT ICON */
/* ===================== */
.cky-revisit-bottom-left,
.cky-revisit-bottom-right,
.cky-btn-revisit,
.cky-revisit-button{
  background-color:var(--cky-green) !important;
  border-color:var(--cky-green) !important;
}

.cky-revisit-button:hover,
.cky-btn-revisit:hover{
  background-color:var(--cky-green-hover) !important;
  border-color:var(--cky-green-hover) !important;
}

.cky-revisit-button svg path,
.cky-btn-revisit svg path{
  fill:#fff !important;
}

/* ===================== */
/* 8) KILL INLINE BLUE (#1863DC) */
/* ===================== */

.cky-consent-container [style*="#1863DC"],
.cky-consent-container [style*="rgb(24, 99, 220)"]{
  border-color:#22610F !important;
}

.cky-consent-container [style*="background-color: #1863DC"],
.cky-consent-container [style*="background-color: rgb(24, 99, 220)"]{
  background-color:#22610F !important;
  border-color:#22610F !important;
  color:#fff !important;
}