/* Matlakse cookie consent banner */
.ml-cookie-banner {
  position: fixed; left: 24px; right: 24px; bottom: 24px;
  background: #444444; color: #fff;
  border-radius: 6px;
  padding: 22px 26px;
  display: none;
  z-index: 99999;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  font-family: "Outfit", "Inter", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  font-size: 14px; line-height: 1.55;
}
.ml-cookie-banner.is-visible { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.ml-cookie-banner .ml-cookie-text { flex: 1 1 420px; min-width: 280px; color: #e5e5e5; }
.ml-cookie-banner .ml-cookie-text strong { color: #fff; font-weight: 500; display:block; margin-bottom:4px; font-size:15px; letter-spacing:.02em; }
.ml-cookie-banner .ml-cookie-text a { color: #eab00f; text-decoration: none; border-bottom:1px solid rgba(234,176,15,.35); }
.ml-cookie-banner .ml-cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.ml-cookie-banner button {
  font-family: inherit; font-size: 13px; font-weight: 500; letter-spacing:.04em;
  padding: 11px 22px; border-radius: 4px; cursor: pointer; border: 1px solid transparent;
  transition: background .2s, color .2s, border-color .2s;
}
.ml-cookie-banner .ml-cookie-reject { background: transparent; color: #ccc; border-color: #555; }
.ml-cookie-banner .ml-cookie-reject:hover { color:#fff; border-color:#888; }
.ml-cookie-banner .ml-cookie-customize { background: transparent; color: #fff; border-color: #fff; }
.ml-cookie-banner .ml-cookie-customize:hover { background: rgba(255,255,255,.08); }
.ml-cookie-banner .ml-cookie-accept { background: #eab00f; color: #444444; }
.ml-cookie-banner .ml-cookie-accept:hover { background: #f3bf2b; }

.ml-cookie-modal {
  position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 100000;
  display: none; align-items: center; justify-content: center; padding: 20px;
  font-family: "Outfit", "Inter", "Helvetica Neue", Arial, sans-serif;
}
.ml-cookie-modal.is-visible { display: flex; }
.ml-cookie-modal-inner {
  background: #fff; color: #222; border-radius: 8px; max-width: 560px; width: 100%;
  padding: 36px 38px; max-height: 90vh; overflow: auto;
}
.ml-cookie-modal-inner h3 { margin: 0 0 14px; font-size: 22px; font-weight: 600; color: #444444; }
.ml-cookie-modal-inner p.ml-cookie-intro { font-size: 14px; color:#555; line-height:1.6; margin: 0 0 22px; }
.ml-cookie-pref { padding: 18px 0; border-top: 1px solid #ececec; display:flex; align-items:flex-start; gap:16px; justify-content:space-between; }
.ml-cookie-pref:last-of-type { border-bottom: 1px solid #ececec; }
.ml-cookie-pref-info { flex:1; }
.ml-cookie-pref-info strong { font-size: 14px; font-weight: 500; color: #444444; display:block; margin-bottom:4px; }
.ml-cookie-pref-info span { font-size: 13px; color: #666; line-height: 1.55; }
.ml-cookie-toggle { position: relative; width: 40px; height: 22px; display:inline-block; flex-shrink:0; }
.ml-cookie-toggle input { opacity:0; width:0; height:0; }
.ml-cookie-toggle .ml-slider { position:absolute; inset:0; background:#ccc; border-radius:22px; cursor:pointer; transition: background .2s; }
.ml-cookie-toggle .ml-slider::before { content:""; position:absolute; left:2px; top:2px; width:18px; height:18px; background:#fff; border-radius:50%; transition:transform .2s; }
.ml-cookie-toggle input:checked + .ml-slider { background:#eab00f; }
.ml-cookie-toggle input:checked + .ml-slider::before { transform: translateX(18px); }
.ml-cookie-toggle input:disabled + .ml-slider { background:#eab00f; opacity:.5; cursor:not-allowed; }
.ml-cookie-modal-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:26px; flex-wrap:wrap; }
.ml-cookie-modal-actions button { font-family:inherit; font-size:13px; font-weight:500; padding: 11px 22px; border-radius:4px; cursor:pointer; border:1px solid transparent; }
.ml-cookie-modal-actions .ml-cookie-save { background:#eab00f; color:#444444; }
.ml-cookie-modal-actions .ml-cookie-save:hover { background:#f3bf2b; }
.ml-cookie-modal-actions .ml-cookie-cancel { background:transparent; color:#444; border-color:#ccc; }
.ml-cookie-modal-actions .ml-cookie-cancel:hover { border-color:#888; color:#444444; }

@media (max-width: 700px) {
  .ml-cookie-banner { left: 12px; right: 12px; bottom: 12px; padding: 18px 20px; }
  .ml-cookie-banner .ml-cookie-actions { width: 100%; }
  .ml-cookie-banner button { flex:1; }
}