@charset "UTF-8";

/* Estrel Cookiebar — REBRAND ONLY.
   Bundle-Default-CSS (bundles/contaocookiebar/default.*.css) MUSS davor laden,
   das macht Position/Animation/Hide-Show. Wir overriden nur Estrel-Branding
   via CSS-Variablen + Button-Restyling. */

.contao-cookiebar {
    /* Estrel-CSS-Variablen — werden von Cookiebar's Default-CSS via var() konsumiert */
    --ccb-bg: var(--estrel-cream, #F5F1EA);
    --ccb-clr: var(--estrel-navy, #14172D);
    --ccb-text: rgba(20, 23, 45, 0.85);
    --ccb-bdr: rgba(20, 23, 45, 0.15);
    --ccb-btn-bg: transparent;
    /* Sekundär-Buttons: Hover = Estrel Butter-Yellow (wie .estrel-btn--secondary) */
    --ccb-btn-bg-hvr: var(--color-butter-yellow, #FEF5EC);
    --ccb-btn-bdr: var(--estrel-navy, #14172D);
    --ccb-btn-clr: var(--estrel-navy, #14172D);
    --ccb-box-shadow: rgba(20, 23, 45, 0.12);
    --ccb-detail-clr: var(--estrel-navy, #14172D);
    --ccb-detail-clr-hvr: rgba(20, 23, 45, 0.7);
    --ccb-info-bg: var(--estrel-cream, #F5F1EA);
    --ccb-info-bdr: rgba(20, 23, 45, 0.15);
    --ccb-cookies-bg: rgba(20, 23, 45, 0.04);
    --ccb-cookies-bdr: rgba(20, 23, 45, 0.12);
    /* Toggle-Switch: aktiv = Estrel Coral-Track (Watermelon) + Navy-Knob/-Border
       statt Bundle-Grün (#399d32 / #dcf3db) */
    --ccb-checked-bg: var(--color-watermelon, #FED3CD);
    --ccb-checked-clr: var(--estrel-navy, #14172D);
    /* Estrel Bottom-Bar nutzt mehr Breite */
    --ccb-max-width: 1200px;
}

/* highlight-Variante: "Alle akzeptieren" = Estrel-Navy primary,
   Hover = Butter-Yellow + Navy-Text (wie .estrel-btn--primary:hover) */
.contao-cookiebar .highlight .success {
    --ccb-btn-bg: var(--estrel-navy, #14172D);
    --ccb-btn-bg-hvr: var(--color-butter-yellow, #FEF5EC);
    --ccb-btn-bdr: var(--estrel-navy, #14172D);
    --ccb-btn-clr: var(--estrel-cream, #F5F1EA);
}

/* Branding: Inner-Container */
.contao-cookiebar .cc-inner {
    font-family: 'Inter', sans-serif;
    border-radius: 0;
    padding: 1.5rem clamp(1rem, 3vw, 3rem);
}

/* Headlines (Alpina italic) */
.contao-cookiebar .cc-head h1,
.contao-cookiebar .cc-head h2,
.contao-cookiebar .cc-head h3,
.contao-cookiebar .cc-head h4 {
    font-family: 'Alpina', serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    margin: 0 0 .5rem 0;
    color: var(--estrel-navy, #14172D);
}

.contao-cookiebar .cc-head p {
    font-size: .9375rem;
    line-height: 1.5;
    margin: 0;
}

/* Buttons — Estrel-Look mit Inter + abgerundete Ecken (radius 25px = .estrel-btn) */
.contao-cookiebar .cc-btn {
    font-family: 'Inter', sans-serif;
    font-size: .875rem;
    font-weight: 500;
    padding: .75rem 1.5rem;
    border-radius: 25px;
    line-height: 1;
    transition: background .15s ease, color .15s ease;
}

/* Hover (Sekundär + Primär): Butter-Yellow-Hintergrund → Navy-Text (Estrel-Konvention) */
.contao-cookiebar .cc-btn:hover,
.contao-cookiebar .highlight .success:hover {
    color: var(--estrel-navy, #14172D);
}

/* Cookie-Group-Header (Settings-Modal) */
.contao-cookiebar .cc-group label.group {
    font-family: 'Alpina', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 1.0625rem;
    color: var(--estrel-navy, #14172D);
}

/* Info-Block (Datenschutz-Links etc.) */
.contao-cookiebar .cc-info > a {
    font-family: 'Inter', sans-serif;
    text-decoration: underline;
}

/* Element-Blocker (iframe placeholder) — Estrel-Look */
.ccb-element-blocker {
    background: var(--estrel-cream, #F5F1EA);
    color: var(--estrel-navy, #14172D);
    font-family: 'Inter', sans-serif;
    text-align: center;
    padding: 2rem;
}

.ccb-element-blocker .cc-title {
    font-family: 'Alpina', serif;
    font-style: italic;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: .5rem;
}

.ccb-element-blocker .cc-description {
    font-size: .9375rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.ccb-element-blocker .cc-btn {
    font-family: 'Inter', sans-serif;
    font-size: .875rem;
    padding: .75rem 1.5rem;
    border: 1px solid var(--estrel-navy, #14172D);
    background: var(--estrel-navy, #14172D);
    color: var(--estrel-cream, #F5F1EA);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 25px;
}

.ccb-element-blocker .cc-btn:hover {
    background: var(--color-butter-yellow, #FEF5EC);
    border-color: var(--color-butter-yellow, #FEF5EC);
    color: var(--estrel-navy, #14172D);
}

/* Cookie-Liste auf /cookies-Page (eigenes Modul estrel_cookie_list) */
.estrel-cookie-list {
    margin: 2rem 0;
}

.estrel-cookie-list__group {
    margin: 2rem 0;
}

.estrel-cookie-list__group-title {
    font-family: 'Alpina', serif;
    font-style: italic;
    font-size: 1.5rem;
    font-weight: 400;
}

.estrel-cookie-list__group-desc {
    font-size: .9375rem;
    line-height: 1.5;
    color: rgba(20, 23, 45, 0.8);
}

.estrel-cookie-list__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    font-size: .875rem;
}

.estrel-cookie-list__table th {
    text-align: left;
    border-bottom: 2px solid var(--estrel-navy, #14172D);
    padding: .5rem;
    font-weight: 500;
    background: rgba(20, 23, 45, 0.03);
}

.estrel-cookie-list__table td {
    border-bottom: 1px solid rgba(20, 23, 45, 0.12);
    padding: .5rem;
    vertical-align: top;
}

.estrel-cookie-list__table code {
    font-size: .8125rem;
    background: rgba(20, 23, 45, 0.07);
    padding: .125rem .375rem;
    border-radius: 2px;
    font-family: 'Courier New', monospace;
}

@media (max-width: 768px) {
    .estrel-cookie-list__table { font-size: .75rem; }
    .estrel-cookie-list__table th,
    .estrel-cookie-list__table td { padding: .375rem .25rem; }
}