/* =========================================================================
   FLEVAMALL – CookieAdmin consent banner restyle
   Matches the site theme: orange #FF6A00, dark green #1F3D2C, cream #FFF1E0,
   Fraunces headings, rounded cards.
   Uses [class*="cookieadmin"] selectors so it still works if the plugin
   renames inner classes. If something doesn't change, inspect the element
   (right-click > Inspect) and add its exact class here.
   ========================================================================= */

/* ---- The card ---- */
.cookieadmin_consent_inside,
[class*="cookieadmin_consent"][class*="inside"],
[class*="cookieadmin"][class*="consent_box"] {
  background: #FFFCF8 !important;
  color: #1F3D2C !important;
  border: 1px solid #F0E4D8 !important;
  border-top: 5px solid #FF6A00 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 40px rgba(31, 61, 44, .18) !important;
  font-family: inherit !important;
}

/* ---- Title ("We respect your privacy") ---- */
[class*="cookieadmin"] h1,
[class*="cookieadmin"] h2,
[class*="cookieadmin"] h3,
[class*="cookieadmin"] [class*="title"] {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #1F3D2C !important;
  font-weight: 600 !important;
}

/* ---- Body text ---- */
[class*="cookieadmin"] p,
[class*="cookieadmin"] [class*="message"],
[class*="cookieadmin"] [class*="desc"] {
  color: #4a5a50 !important;
  line-height: 1.55 !important;
}
[class*="cookieadmin"] p strong,
[class*="cookieadmin"] p b { color: #1F3D2C !important; }

/* ---- All buttons: pill shape, brand font ---- */
[class*="cookieadmin"] button,
[class*="cookieadmin"] [class*="btn"] {
  font-family: inherit !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s, transform .15s;
}

/* Customize + Reject = outlined (secondary) */
[class*="cookieadmin"] [class*="customize"],
[class*="cookieadmin"] [class*="reject"] {
  background: #ffffff !important;
  color: #1F3D2C !important;
  border: 1.5px solid #E8D5C2 !important;
}
[class*="cookieadmin"] [class*="customize"]:hover,
[class*="cookieadmin"] [class*="reject"]:hover {
  border-color: #FF6A00 !important;
  color: #CC5500 !important;
  background: #FFF1E0 !important;
}

/* Accept All = solid orange (primary) */
[class*="cookieadmin"] [class*="accept"] {
  background: #FF6A00 !important;
  color: #ffffff !important;
  border: 1.5px solid #FF6A00 !important;
  box-shadow: 0 6px 16px rgba(255, 106, 0, .28) !important;
}
[class*="cookieadmin"] [class*="accept"]:hover {
  background: #CC5500 !important;
  border-color: #CC5500 !important;
  transform: translateY(-1px);
}

/* ---- Links + "Powered by" ---- */
[class*="cookieadmin"] a { color: #CC5500 !important; }
[class*="cookieadmin"] a:hover { color: #FF6A00 !important; }

/* ---- Customize panel: toggle switches in brand orange ---- */
[class*="cookieadmin"] input:checked + [class*="slider"],
[class*="cookieadmin"] input:checked + span {
  background-color: #FF6A00 !important;
}
[class*="cookieadmin"] input[type="checkbox"] { accent-color: #FF6A00; }

/* =========================================================================
   LAYOUT: thin horizontal bar, fixed at bottom-centre
   ========================================================================= */

/* Reset whatever wrapper the plugin uses to pin the banner to the left */
[class*="cookieadmin"]:has(> .cookieadmin_consent_inside) {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  pointer-events: none;
  z-index: 99999 !important;
}

/* The card itself */
.cookieadmin_consent_inside {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 16px !important;
  transform: translateX(-50%) !important;
  width: min(1040px, calc(100% - 32px)) !important;
  max-width: none !important;
  max-height: 85vh;
  overflow-y: auto;
  box-sizing: border-box !important;
  padding: 14px 22px !important;
  border-top-width: 4px !important;
  pointer-events: auto;

  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
}

/* If the plugin nests everything in one inner wrapper, make that a row too */
.cookieadmin_consent_inside > [class*="cookieadmin"]:only-child {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  width: 100% !important;
}

/* Compact text */
.cookieadmin_consent_inside [class*="cookieadmin"] h1,
.cookieadmin_consent_inside [class*="cookieadmin"] h2,
.cookieadmin_consent_inside [class*="cookieadmin"] h3,
.cookieadmin_consent_inside [class*="title"] {
  font-size: 17px !important;
  margin: 0 0 2px !important;
  line-height: 1.3 !important;
}
.cookieadmin_consent_inside p,
.cookieadmin_consent_inside [class*="message"],
.cookieadmin_consent_inside [class*="desc"] {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  flex: 1 1 420px;
}

/* Buttons sit together on the right */
.cookieadmin_consent_inside [class*="btn_wrap"],
.cookieadmin_consent_inside [class*="btns"],
.cookieadmin_consent_inside [class*="buttons"],
.cookieadmin_consent_inside [class*="button_wrap"] {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 10px;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  flex: 0 0 auto;
}
.cookieadmin_consent_inside button,
.cookieadmin_consent_inside [class*="btn"] {
  padding: 9px 18px !important;
  font-size: 14px !important;
  white-space: nowrap;
  margin: 0 !important;
}

/* =========================================================================
   Hide the "Powered by CookieAdmin" tag
   ========================================================================= */
.cookieadmin_consent_inside [class*="powered"],
.cookieadmin_consent_inside [class*="branding"],
.cookieadmin_consent_inside [class*="credit"],
.cookieadmin_consent_inside [class*="logo"],
.cookieadmin_consent_inside :has(> a[href*="cookieadmin"]),
.cookieadmin_consent_inside a[href*="cookieadmin"],
.cookieadmin_consent_inside a[href*="softaculous"] {
  display: none !important;
}

/* ---- Mobile: stack and pin to the bottom edge ---- */
@media (max-width: 700px) {
  .cookieadmin_consent_inside {
    bottom: 0 !important;
    width: 100% !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 12px 16px !important;
    flex-direction: column;
    align-items: stretch;
  }
  .cookieadmin_consent_inside > [class*="cookieadmin"]:only-child {
    flex-direction: column;
    align-items: stretch;
  }
  .cookieadmin_consent_inside p,
  .cookieadmin_consent_inside [class*="message"] { flex: 0 0 auto; }
  .cookieadmin_consent_inside [class*="btn_wrap"],
  .cookieadmin_consent_inside [class*="btns"],
  .cookieadmin_consent_inside [class*="buttons"],
  .cookieadmin_consent_inside [class*="button_wrap"] {
    margin: 0 !important;
    width: 100%;
  }
  .cookieadmin_consent_inside button,
  .cookieadmin_consent_inside [class*="btn"] { flex: 1 1 0; }
}

/* =========================================================================
   DESKTOP FIX: slim one-row bar  [ title | text (stretches) | buttons ]
   The plugin gives every child an equal share of the width, which crushed
   the text into a narrow column. These rules override that.
   ========================================================================= */
@media (min-width: 701px) {
  .cookieadmin_consent_inside,
  .cookieadmin_consent_inside > [class*="cookieadmin"]:only-child {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 22px !important;
  }
  .cookieadmin_consent_inside {
    width: min(1280px, calc(100% - 32px)) !important;
    padding: 10px 20px !important;
    bottom: 12px !important;
  }

  /* every direct child: natural width, no equal-share stretching */
  .cookieadmin_consent_inside > *,
  .cookieadmin_consent_inside > [class*="cookieadmin"]:only-child > * {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  /* title: one line, no wrapping */
  .cookieadmin_consent_inside > :first-child:not(:has(p)):not(:has(button)),
  .cookieadmin_consent_inside > [class*="cookieadmin"]:only-child > :first-child:not(:has(p)):not(:has(button)) {
    white-space: nowrap !important;
    font-size: 16px !important;
  }
  /* text block takes all the leftover space */
  .cookieadmin_consent_inside > :has(p),
  .cookieadmin_consent_inside > [class*="message"],
  .cookieadmin_consent_inside > [class*="cookieadmin"]:only-child > :has(p) {
    flex: 1 1 0 !important;
    min-width: 260px !important;
  }
  .cookieadmin_consent_inside p {
    flex: none !important;
    width: auto !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  /* buttons: compact, never shrink or wrap */
  .cookieadmin_consent_inside > :has(button),
  .cookieadmin_consent_inside > [class*="cookieadmin"]:only-child > :has(button) {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  .cookieadmin_consent_inside button,
  .cookieadmin_consent_inside [class*="btn"] {
    padding: 8px 15px !important;
    font-size: 13px !important;
  }
}

/* =========================================================================
   "CUSTOMIZE" POPUP (Personalize Your Cookie Preferences)
   ========================================================================= */

/* Save Preferences: dark brand green (was default blue) */
[class*="cookieadmin"] button[class*="save"] {
  background: #1F3D2C !important;
  color: #ffffff !important;
  border: 1.5px solid #1F3D2C !important;
  box-shadow: none !important;
}
[class*="cookieadmin"] button[class*="save"]:hover {
  background: #FF6A00 !important;
  border-color: #FF6A00 !important;
}

/* "Always Active" and any other default-blue text/links */
[class*="cookieadmin"] [class*="always"],
[class*="cookieadmin"] [class*="active"]:not(input):not(button) {
  color: #1E8E3E !important;
  font-weight: 700 !important;
}
[class*="cookieadmin"] [class*="link"],
[class*="cookieadmin"] label[class*="cookieadmin"] {
  color: #CC5500 !important;
}

/* Category headings (Necessary Cookies etc.) + arrows */
[class*="cookieadmin"] [class*="category"] [class*="title"],
[class*="cookieadmin"] [class*="accordion"],
[class*="cookieadmin"] summary {
  color: #1F3D2C !important;
  font-family: 'Fraunces', Georgia, serif !important;
}

/* Toggle switches: orange when on, soft sand when off */
[class*="cookieadmin"] [class*="slider"],
[class*="cookieadmin"] [class*="switch"] span {
  background-color: #E8D5C2 !important;
}
[class*="cookieadmin"] input:checked + [class*="slider"],
[class*="cookieadmin"] input:checked + span,
[class*="cookieadmin"] [class*="switch"] input:checked + span {
  background-color: #FF6A00 !important;
}

/* Dividers, close button, scrollbar */
[class*="cookieadmin"] hr,
[class*="cookieadmin"] [class*="header"],
[class*="cookieadmin"] [class*="footer"] {
  border-color: #F0E4D8 !important;
}
[class*="cookieadmin"] [class*="close"] { color: #1F3D2C !important; }
[class*="cookieadmin"] * {
  scrollbar-color: #FF6A00 #FFF1E0;
  scrollbar-width: thin;
}


/* Hide "Powered by CookieAdmin" everywhere (banner AND popup) */
[class*="cookieadmin"] [class*="powered"],
[class*="cookieadmin"] [class*="branding"],
[class*="cookieadmin"] [class*="credit"],
[class*="cookieadmin"] :has(> a[href*="cookieadmin"]),
[class*="cookieadmin"] :has(> img[src*="cookieadmin"]),
[class*="cookieadmin"] a[href*="cookieadmin"],
[class*="cookieadmin"] img[src*="cookieadmin"],
[class*="cookieadmin"] a[href*="softaculous"] {
  display: none !important;
}

/* ---- Reset: close (X) and category arrow buttons stay plain icons ---- */
[class*="cookieadmin"] [class*="close"],
[class*="cookieadmin"] [class*="close"] button,
button[class*="cookieadmin"][class*="close"],
[class*="cookieadmin"] [class*="category"] button,
[class*="cookieadmin"] [class*="accordion"] button,
[class*="cookieadmin"] summary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #1F3D2C !important;
}

/* ---- Close (X) icon: redraw it ourselves so both strokes always show ---- */
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"])) {
  position: relative !important;
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent none !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  cursor: pointer;
  transform: none !important;
  opacity: 1 !important;
  overflow: visible !important;
}
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"])) > * {
  display: none !important;          /* hide the plugin's half-drawn icon */
}
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"]))::before,
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"]))::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;
  height: 2px !important;
  margin: -1px 0 0 -9px !important;
  background: #1F3D2C !important;
  border: 0 !important;
  border-radius: 2px !important;
  display: block !important;
  opacity: 1 !important;
}
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"]))::before { transform: rotate(45deg) !important; }
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"]))::after  { transform: rotate(-45deg) !important; }
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"])):hover { background: #FFF1E0 !important; }
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"])):hover::before,
[class*="cookieadmin"] [class*="close"]:not(:has([class*="close"])):hover::after { background: #FF6A00 !important; }