/* Meraklija messages — oXay. Shared brand, scoped to this module. */
body .ml-site-footer .ml-newsletter {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: clamp(32px, 7vw, 100px);
    padding-block: 44px 36px;
    margin-top: 0;
    border-top: 0;
    border-bottom: 1px solid #302c25;
    text-align: left;
}
body .ml-newsletter .ml-newsletter-intro h2 { margin: 0 0 12px; font: 400 clamp(26px, 2.4vw, 34px)/1.15 var(--ml-font-display, Georgia, serif); letter-spacing: -.025em; color: #f5eee2; }
body .ml-newsletter .ml-newsletter-intro p { max-width: 34ch; margin: 0; color: #b7b0a6; font: 400 15px/1.65 var(--ml-font-body, 'Instrument Sans', Arial, sans-serif); }
body .ml-newsletter .ml-newsletter-field > label { display: block; color: #b7b0a6; margin-bottom: 8px; font: 400 13px/1.5 var(--ml-font-body, 'Instrument Sans', Arial, sans-serif); }
/* Rounded subscribe field inspired by vinodjangid07's Uiverse reference; scoped brand implementation. */
body .ml-newsletter .ml-newsletter-row { box-sizing: border-box; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 6px 6px 6px 16px; border: 1px solid #8e7953; border-radius: 20px; background: #211e19; transition: border-color 180ms ease; }
body .ml-newsletter .ml-newsletter-row:focus-within { border-color: #ddbf7e; }
body .ml-newsletter .ml-newsletter-mail { display: block; flex: 0 0 24px; width: 24px; height: 24px; color: #d0b479; pointer-events: none; }
body .ml-newsletter .ml-newsletter-row input { box-sizing: border-box; display: block; flex: 1; width: 100%; min-width: 0; min-height: 48px; padding: 8px 4px; margin: 0; border: 0; border-radius: 4px; background: transparent; box-shadow: none; color: #f5eee2; font: 400 16px/1.5 var(--ml-font-body, 'Instrument Sans', Arial, sans-serif); }
body .ml-newsletter .ml-newsletter-row input:autofill { box-shadow: 0 0 0 1000px #211e19 inset; -webkit-text-fill-color: #f5eee2; caret-color: #f5eee2; }
body .ml-newsletter .ml-newsletter-row button { box-sizing: border-box; position: relative; display: grid; place-items: center; flex: 0 0 142px; min-height: 48px; padding: 12px 16px; margin: 0; overflow: hidden; border: 1px solid transparent; border-radius: 14px; background: #c3a35f; box-shadow: none; color: #17130d; font: 500 15px/1.4 var(--ml-font-body, 'Instrument Sans', Arial, sans-serif); letter-spacing: 0; text-transform: none; cursor: pointer; transition: background-color 180ms ease; }
body .ml-newsletter .ml-newsletter-row button:not(:disabled):hover { background: #d4b778; color: #17130d; }
body .ml-newsletter .ml-newsletter-submit-label { grid-area: 1 / 1; white-space: nowrap; transition: opacity 180ms ease, transform 240ms ease; }
body .ml-newsletter .ml-newsletter-arrow { grid-area: 1 / 1; width: 24px; height: 24px; opacity: 0; transform: translateX(-22px); pointer-events: none; transition: opacity 180ms ease, transform 280ms cubic-bezier(.2, .8, .2, 1.25); }
@media (hover: hover) and (pointer: fine) {
    body .ml-newsletter .ml-newsletter-row button:not(:disabled):hover .ml-newsletter-submit-label { opacity: 0; transform: translateX(18px); }
    body .ml-newsletter .ml-newsletter-row button:not(:disabled):hover .ml-newsletter-arrow { opacity: 1; transform: translateX(0); }
}
body .ml-newsletter .ml-newsletter-row button:not(:disabled):focus-visible .ml-newsletter-submit-label { opacity: 0; transform: translateX(18px); }
body .ml-newsletter .ml-newsletter-row button:not(:disabled):focus-visible .ml-newsletter-arrow { opacity: 1; transform: translateX(0); }
body .ml-newsletter .ml-newsletter-row input::placeholder { color: #968f84; opacity: 1; }
body .ml-newsletter .ml-newsletter-row button:disabled { opacity: .65; cursor: wait; }
body .ml-newsletter .ml-newsletter-consent { box-sizing: border-box; display: flex; align-items: flex-start; gap: 10px; min-height: 44px; margin-top: 12px; padding-block: 8px; color: #d0c9bf; font: 400 13px/1.6 var(--ml-font-body, 'Instrument Sans', Arial, sans-serif); cursor: pointer; }
body .ml-newsletter .ml-newsletter-consent input { appearance: none; display: grid; place-content: center; flex: 0 0 18px; width: 18px; height: 18px; min-width: 18px; min-height: 18px; padding: 0; margin: 1px 0 0; border: 1px solid #968467; border-radius: 1px; background: transparent; box-shadow: none; cursor: pointer; }
body .ml-newsletter .ml-newsletter-consent input::before { content: ''; width: 9px; height: 5px; border: solid #171512; border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg); opacity: 0; }
body .ml-newsletter .ml-newsletter-consent input:checked { background: #c3a35f; border-color: #c3a35f; }
body .ml-newsletter .ml-newsletter-consent input:checked::before { opacity: 1; }
body .ml-newsletter .ml-newsletter-help { margin: 4px 0 0; color: #b7b0a6; font: 400 12px/1.7 var(--ml-font-body, 'Instrument Sans', Arial, sans-serif); }
body .ml-newsletter, #meraklija-odjava { scroll-margin-top: calc(var(--ml-header-height, 76px) + var(--ml-header-offset, 0px) + 24px); }
body .ml-newsletter .ml-newsletter-help a { color: #d0b479; text-decoration: underline; text-underline-offset: 3px; }
body .ml-newsletter .ml-newsletter-feedback { margin: 14px 0 0; padding-left: 12px; border-left: 2px solid #c3a15c; color: #f5eee2; font: 400 14px/1.6 Arial,sans-serif; }
body .ml-newsletter .ml-newsletter-feedback.is-error { border-color: #d4998f; }
body .ml-newsletter [hidden] { display: none !important; }
body .ml-newsletter :is(input, button, a):focus-visible { outline: 2px solid #f5eee2; outline-offset: 3px; }
.ml-newsletter-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (forced-colors: active) {
    body .ml-newsletter .ml-newsletter-consent input { appearance: auto; }
    body .ml-newsletter .ml-newsletter-consent input::before { display: none; }
    body .ml-newsletter .ml-newsletter-row button { border-color: ButtonText; }
}
/* One quiet brand panel for in-page feedback and links opened from email. */
.ml-newsletter-dialog, .ml-mail-landing {
    --ml-notice-paper: #f5eee2;
    --ml-notice-gold: #c3a35f;
    --ml-notice-muted: #b7b0a6;
    color: var(--ml-notice-paper);
    font: 400 16px/1.65 var(--ml-font-body, Arial, sans-serif);
}
html.ml-newsletter-dialog-open { overflow: hidden; scrollbar-gutter: stable; }
@supports (overflow: clip) {
    html.ml-newsletter-dialog-open body { overflow: clip visible !important; }
}
dialog.ml-newsletter-dialog {
    box-sizing: border-box;
    width: min(520px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    border: 1px solid #4c412e;
    border-radius: 2px;
    background: #080808;
    overscroll-behavior: contain;
    box-shadow: 0 24px 80px #0006;
}
dialog.ml-newsletter-dialog:not([open]) { display: none; }
dialog.ml-newsletter-dialog[open] { animation: ml-notice-enter 220ms ease-out; }
dialog.ml-newsletter-dialog::backdrop { background: #000a; backdrop-filter: blur(5px); }
.ml-mail-landing { box-sizing: border-box; min-height: 100vh; min-height: 100dvh; margin: 0; padding: 24px 16px; display: flex; justify-content: center; align-items: center; background: #000; }
.ml-mail-panel { box-sizing: border-box; width: 100%; max-width: 520px; border: 1px solid #4c412e; border-radius: 2px; background: #080808; animation: ml-notice-enter 220ms ease-out; }
.ml-notice-panel { box-sizing: border-box; position: relative; padding: 40px 40px 24px; text-align: center; }
.ml-notice-panel .ml-notice-logo { display: block; width: 210px; max-width: 75%; height: auto; margin: 0 auto 30px; filter: brightness(0) invert(1); }
.ml-notice-panel .ml-notice-close { position: absolute; top: 6px; right: 6px; display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; color: var(--ml-notice-muted); font: 300 28px/1 Arial,sans-serif; text-decoration: none; cursor: pointer; }
.ml-notice-panel .ml-notice-close:hover { color: var(--ml-notice-paper); background: #ffffff08; }
.ml-notice-symbol { width: 34px; height: 34px; margin: 0 auto 20px; color: var(--ml-notice-gold); }
.ml-notice-symbol svg { display: none; width: 100%; height: 100%; }
[data-kind="mail"] .ml-notice-icon-mail, [data-kind="success"] .ml-notice-icon-success, [data-kind="error"] .ml-notice-icon-error { display: block; }
[data-kind="error"] .ml-notice-symbol { color: #d9a497; }
.ml-notice-panel .ml-notice-title { margin: 0 0 16px; padding: 0; color: var(--ml-notice-paper); font: 400 clamp(28px, 4vw, 36px)/1.12 var(--ml-font-display, Georgia, serif); letter-spacing: -.025em; text-transform: none; }
.ml-notice-panel .ml-notice-title:focus { outline: none; }
.ml-notice-panel .ml-notice-description { max-width: 42ch; margin: 0 auto; color: var(--ml-notice-muted); font: 400 15px/1.7 var(--ml-font-body, Arial, sans-serif); }
.ml-notice-actions { display: grid; gap: 8px; margin-top: 28px; }
.ml-notice-actions form { margin: 0; }
.ml-notice-panel .ml-notice-primary { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin: 0; padding: 12px 20px; border: 1px solid var(--ml-notice-gold); border-radius: 1px; background: var(--ml-notice-gold); box-shadow: none; color: #14120e; font: 500 15px/1.4 var(--ml-font-body, Arial, sans-serif); letter-spacing: 0; text-decoration: none; text-transform: none; cursor: pointer; transition: background-color 160ms ease; }
.ml-notice-panel .ml-notice-primary:hover { background: #d4b778; border-color: #d4b778; color: #14120e; }
.ml-notice-panel .ml-notice-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; color: var(--ml-notice-muted); font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.ml-notice-panel .ml-notice-privacy { margin: 18px 0 0; font: 400 12px/1.5 var(--ml-font-body, Arial, sans-serif); }
.ml-notice-privacy a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 8px; color: var(--ml-notice-muted); text-decoration: underline; text-underline-offset: 3px; }
.ml-notice-panel :is(a, button):focus-visible { outline: 2px solid var(--ml-notice-paper); outline-offset: 4px; }
@keyframes ml-notice-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    dialog.ml-newsletter-dialog[open], .ml-mail-panel { animation: none; }
    .ml-notice-panel .ml-notice-primary { transition: none; }
    body .ml-newsletter .ml-newsletter-row,
    body .ml-newsletter .ml-newsletter-row button,
    body .ml-newsletter .ml-newsletter-row .ml-newsletter-submit-label { transition: none; }
    body .ml-newsletter .ml-newsletter-row button:not(:disabled):is(:hover, :focus-visible) .ml-newsletter-submit-label { opacity: 1; transform: none; }
    body .ml-newsletter .ml-newsletter-row .ml-newsletter-arrow { display: none; }
}
@media(max-width:760px) {
    body .ml-site-footer .ml-newsletter { grid-template-columns: 1fr; gap: 22px; padding-block: 34px 28px; }
    body .ml-newsletter .ml-newsletter-row { gap: 8px; padding-left: 10px; }
    body .ml-newsletter .ml-newsletter-row button { flex-basis: 112px; padding-inline: 10px; }
    body .ml-newsletter .ml-newsletter-mail { flex-basis: 20px; width: 20px; height: 20px; }
    .ml-notice-panel { padding: 36px 24px 18px; }
    .ml-notice-panel .ml-notice-logo { width: 190px; margin-bottom: 24px; }
}