/* Elme Ereje — cookie consent banner + settings modal (marketing skin).
   Brand: green #17482f, sand #c7b098. Loaded on every page; the banner shows
   only until a choice is stored. */
.ee-cc, .ee-cc * { box-sizing: border-box; }
.ee-cc {
  --g: #17482f; --g2: #123d27; --a: #c7b098; --ad: #b89e80;
  font-family: 'Montserrat', system-ui, sans-serif;
}

.ee-cc-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  background: var(--g); color: #eae4da;
  padding: 16px 22px;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 12px 18px;
  box-shadow: 0 -2px 20px rgba(0, 0, 0, .22);
  transform: translateY(110%); transition: transform .35s ease;
}
.ee-cc-bar.ee-cc-show { transform: translateY(0); }
.ee-cc-bar__text { flex: 1 1 300px; min-width: 240px; font-size: 13px; line-height: 1.55; }
.ee-cc-bar__text .ee-cc-ico { color: var(--a); vertical-align: -3px; margin-right: 6px; display: inline-block; line-height: 0; }
.ee-cc-bar__text a { color: var(--a); text-decoration: underline; }
.ee-cc-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.ee-cc-btn {
  font-family: inherit; font-weight: 800; font-size: 13px; letter-spacing: .2px;
  border-radius: 8px; padding: 11px 20px; cursor: pointer;
  border: 1.5px solid transparent; white-space: nowrap; transition: background .18s, transform .18s;
}
.ee-cc-btn:focus-visible { outline: 3px solid #ffffff; outline-offset: 2px; }
.ee-cc-btn--fill { background: var(--a); color: var(--g); }
.ee-cc-btn--fill:hover { background: var(--ad); }
.ee-cc-btn--out { background: transparent; color: var(--a); border-color: var(--a); }
.ee-cc-btn--out:hover { background: rgba(199, 176, 152, .12); }
.ee-cc-btn--outg { background: transparent; color: var(--g); border-color: var(--g); }
.ee-cc-btn--outg:hover { background: rgba(23, 72, 47, .06); }

.ee-cc-overlay {
  position: fixed; inset: 0; z-index: 9100;
  background: rgba(18, 61, 39, .5);
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.ee-cc-overlay[hidden] { display: none; }
.ee-cc-modal {
  width: 100%; max-width: 440px; max-height: 90vh; overflow-y: auto;
  background: #fff; border-radius: 14px; padding: 24px 26px;
}
.ee-cc-modal__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.ee-cc-modal__title { font-weight: 800; font-size: 18px; color: var(--g); }
.ee-cc-close { background: none; border: none; cursor: pointer; color: #9a968b; font-size: 20px; line-height: 1; padding: 4px; }
.ee-cc-close:hover { color: var(--g); }
.ee-cc-modal__intro { font-size: 13px; color: #5f5e5a; margin: 0 0 18px; line-height: 1.55; }

.ee-cc-row { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; }
.ee-cc-row + .ee-cc-row { border-top: .5px solid #ece8dd; }
.ee-cc-row__body { flex: 1; }
.ee-cc-row__name { font-weight: 700; font-size: 14px; color: #1c1c1c; }
.ee-cc-row__desc { font-size: 12px; color: #7a7a72; margin-top: 2px; line-height: 1.45; }

.ee-cc-switch { position: relative; flex: 0 0 auto; width: 44px; height: 24px; }
.ee-cc-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.ee-cc-switch__track { position: absolute; inset: 0; border-radius: 99px; background: #cfcabf; transition: background .15s; pointer-events: none; }
.ee-cc-switch__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: left .15s; }
.ee-cc-switch input:checked + .ee-cc-switch__track { background: var(--g); }
.ee-cc-switch input:checked + .ee-cc-switch__track::after { left: 22px; }
.ee-cc-switch input:focus-visible + .ee-cc-switch__track { outline: 3px solid var(--g); outline-offset: 2px; }
.ee-cc-switch input:disabled { cursor: not-allowed; }
.ee-cc-switch input:disabled + .ee-cc-switch__track { opacity: .55; }

.ee-cc-modal__actions { display: flex; gap: 10px; margin-top: 22px; }
.ee-cc-modal__actions .ee-cc-btn { flex: 1; }
.ee-cc-modal__link { text-align: center; margin: 14px 0 0; }
.ee-cc-modal__link a { color: var(--g); font-size: 12px; text-decoration: underline; }

@media (max-width: 560px) {
  .ee-cc-bar { flex-direction: column; align-items: stretch; }
  .ee-cc-actions { justify-content: stretch; }
  .ee-cc-actions .ee-cc-btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .ee-cc-bar { transition: none; }
}