/**
 * QuietOps Compliance — weLaunch modern presentation layer.
 * Scope: Privacy Center, GDPR forms and cookie popup.
 */

:root {
    --qoc-accent: var(--wd-primary-color, var(--e-global-color-primary, #2563eb));
    --qoc-text: #111827;
    --qoc-muted: #667085;
    --qoc-border: #e7eaf0;
    --qoc-card: #ffffff;
    --qoc-surface: #f8fafc;
    --qoc-radius: 16px;
    --qoc-shadow: 0 10px 30px rgba(15, 23, 42, .055);
    --qoc-shadow-hover: 0 18px 46px rgba(15, 23, 42, .11);
}

/* =========================================================
   Privacy Center
   ========================================================= */
.wordpress-gdpr-privacy-center,
.wordpress-gdpr-privacy-center * {
    box-sizing: border-box;
}

.wordpress-gdpr-privacy-center {
    width: 100%;
    color: var(--qoc-text);
}

.wordpress-gdpr-privacy-center-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0 !important;
    padding: 0 !important;
}

.wordpress-gdpr-privacy-center-items::before,
.wordpress-gdpr-privacy-center-items::after {
    display: none !important;
    content: none !important;
}

.wordpress-gdpr-privacy-center-item,
.wordpress-gdpr-privacy-center-item.wordpress-gdpr-privacy-center-item-last {
    position: relative;
    display: flex !important;
    width: auto !important;
    min-width: 0;
    min-height: 178px;
    height: auto !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 22px !important;
    overflow: hidden;
    color: var(--qoc-text) !important;
    text-align: left !important;
    text-decoration: none !important;
    background: var(--qoc-card) !important;
    border: 1px solid var(--qoc-border) !important;
    border-radius: var(--qoc-radius) !important;
    box-shadow: var(--qoc-shadow);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.wordpress-gdpr-privacy-center-item:hover,
.wordpress-gdpr-privacy-center-item:focus-visible {
    color: var(--qoc-text) !important;
    border-color: color-mix(in srgb, var(--qoc-accent) 28%, var(--qoc-border)) !important;
    box-shadow: var(--qoc-shadow-hover);
    transform: translateY(-3px);
    outline: none;
}

.wordpress-gdpr-privacy-center-item > div {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 18px;
    grid-template-rows: auto auto;
    column-gap: 16px;
    align-content: center;
    width: 100%;
    min-width: 0;
}

/* Hide legacy Font Awesome glyph; QuietOps supplies its own SVG mask. */
.wordpress-gdpr-privacy-center-item .fa,
.wordpress-gdpr-privacy-center-item .fas,
.wordpress-gdpr-privacy-center-item .fal,
.wordpress-gdpr-privacy-center-item .far,
.wordpress-gdpr-privacy-center-item .fab {
    display: none !important;
}

.wordpress-gdpr-privacy-center-item > div::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    width: 52px;
    height: 52px;
    border-radius: 15px;
    background-color: var(--qoc-icon-bg, #eef2ff);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.52);
}

.wordpress-gdpr-privacy-center-item > div::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 24px;
    height: 24px;
    color: var(--qoc-icon, var(--qoc-accent));
    background-color: currentColor;
    transform: translateY(-50%);
    -webkit-mask: var(--qoc-svg) center / contain no-repeat;
    mask: var(--qoc-svg) center / contain no-repeat;
}

.wordpress-gdpr-privacy-center h2.wordpress-gdpr-privacy-center-item-headline,
.wordpress-gdpr-privacy-center-item-headline {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: var(--qoc-text) !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: -.02em;
}

.wordpress-gdpr-privacy-center-item-desc {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin: 0 !important;
    color: var(--qoc-muted) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.wordpress-gdpr-privacy-center-item-action {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    color: transparent !important;
    font-size: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.wordpress-gdpr-privacy-center-item-action::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: var(--qoc-muted);
    transition: transform .18s ease, background-color .18s ease;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}

.wordpress-gdpr-privacy-center-item:hover .wordpress-gdpr-privacy-center-item-action::after,
.wordpress-gdpr-privacy-center-item:focus-visible .wordpress-gdpr-privacy-center-item-action::after {
    background: var(--qoc-accent);
    transform: translateX(3px);
}

/* Item icon mapping. */
.wordpress-gdpr-privacy-center-item-contactDPO { --qoc-icon:#2563eb; --qoc-icon-bg:#eaf1ff; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-cookiePolicy { --qoc-icon:#10a56a; --qoc-icon-bg:#e8f8f1; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Ccircle cx='8.5' cy='8.5' r='.5'/%3E%3Ccircle cx='8.5' cy='15.5' r='.5'/%3E%3Ccircle cx='15' cy='13' r='.5'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-DMCA,
.wordpress-gdpr-privacy-center-item-disclaimer { --qoc-icon:#e05252; --qoc-icon-bg:#fff0f0; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 13-7.5 7.5a2.12 2.12 0 0 1-3-3L11 10'/%3E%3Cpath d='m16 16 6-6'/%3E%3Cpath d='m8 8 6-6 4 4-6 6z'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-dataRectification { --qoc-icon:#7c4de8; --qoc-icon-bg:#f1ecff; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-forgetMe { --qoc-icon:#2563eb; --qoc-icon-bg:#eaf1ff; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='m19 6-1 14H6L5 6'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-imprint { --qoc-icon:#089e9b; --qoc-icon-bg:#e8f8f7; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'/%3E%3Cpath d='M12 11v10'/%3E%3Cpath d='M8 15h8'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-mediaCredits { --qoc-icon:#6d4de8; --qoc-icon-bg:#efecff; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-requestData { --qoc-icon:#0f9f95; --qoc-icon-bg:#e7f8f6; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-privacyPolicy { --qoc-icon:#e83d83; --qoc-icon-bg:#ffedf5; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h8'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-privacySettings { --qoc-icon:#2563eb; --qoc-icon-bg:#eaf1ff; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21h-4v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H3v-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V3h4v.1a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9A1.7 1.7 0 0 0 21 10h.1v4H21a1.7 1.7 0 0 0-1.6 1Z'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-termsConditions { --qoc-icon:#10a56a; --qoc-icon-bg:#e8f8f1; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.wordpress-gdpr-privacy-center-item-unsubscribe { --qoc-icon:#ef7a1c; --qoc-icon-bg:#fff2e8; --qoc-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }


/* QuietOps interaction polish */
.wordpress-gdpr-privacy-center-item {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.wordpress-gdpr-privacy-center-item:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--qoc-accent) 22%, var(--qoc-border)) !important;
    box-shadow: 0 16px 38px rgba(15,23,42,.09) !important;
}
.wordpress-gdpr-privacy-center-item-action { transition: transform .18s ease !important; }
.wordpress-gdpr-privacy-center-item:hover .wordpress-gdpr-privacy-center-item-action { transform: translateX(3px); }
.qoc-privacy-group-title:after {
    content: ""; display:block; width:44px; height:2px; margin-top:9px;
    border-radius:999px; background:color-mix(in srgb, var(--qoc-accent) 40%, transparent);
}
/* =========================================================
   GDPR request forms
   ========================================================= */
.wordpress-gdpr-form {
    max-width: 900px;
    margin: 0 auto 36px;
    padding: clamp(22px, 3vw, 38px);
    color: var(--qoc-text);
    background: #fff;
    border: 1px solid var(--qoc-border);
    border-radius: 20px;
    box-shadow: var(--qoc-shadow);
}

.wordpress-gdpr-back-link {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    margin: 0 0 20px !important;
    color: var(--qoc-accent) !important;
    font-weight: 650;
    text-decoration: none !important;
}

.wordpress-gdpr-form .form-group {
    margin-bottom: 19px !important;
}

.wordpress-gdpr-form label {
    display: block;
    margin-bottom: 7px;
    color: var(--qoc-text);
    font-size: 14px;
    font-weight: 700;
}

.wordpress-gdpr-form input[type="text"],
.wordpress-gdpr-form input[type="email"],
.wordpress-gdpr-form input[type="password"],
.wordpress-gdpr-form input[type="tel"],
.wordpress-gdpr-form select,
.wordpress-gdpr-form textarea {
    width: 100% !important;
    min-height: 50px;
    padding: 13px 15px !important;
    color: var(--qoc-text) !important;
    font: inherit !important;
    background: #fff !important;
    border: 1px solid #d8dee8 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.03) !important;
    outline: none !important;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.wordpress-gdpr-form textarea {
    min-height: 150px;
    resize: vertical;
}

.wordpress-gdpr-form input:focus,
.wordpress-gdpr-form select:focus,
.wordpress-gdpr-form textarea:focus {
    border-color: var(--qoc-accent) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--qoc-accent) 13%, transparent) !important;
}

.wordpress-gdpr-form input[type="checkbox"] {
    width: 18px !important;
    min-height: 18px;
    margin: 0 8px 0 0;
    accent-color: var(--qoc-accent);
}

.wordpress-gdpr-btn-form,
.wordpress-gdpr-form button[type="submit"],
.wordpress-gdpr-form input[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin: 5px 0 0 !important;
    padding: 12px 22px !important;
    color: #fff !important;
    font: inherit !important;
    font-weight: 750 !important;
    text-transform: none !important;
    background: var(--qoc-accent) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--qoc-accent) 23%, transparent) !important;
    cursor: pointer;
}

/* =========================================================
   Cookie popup / consent dialog
   ========================================================= */
.wordpress-gdpr-popup {
    --qoc-popup-bg: #fff;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.wordpress-gdpr-popup-overlay-backdrop {
    background: rgba(15, 23, 42, .66) !important;
    backdrop-filter: blur(3px);
}

.wordpress-gdpr-popup .wordpress-gdpr-popup-container {
    width: min(92vw, 580px) !important;
    max-width: 580px !important;
    height: auto !important;
    padding: 28px !important;
    color: var(--qoc-text) !important;
    background: var(--qoc-popup-bg) !important;
    border: 1px solid rgba(255,255,255,.66) !important;
    border-radius: 20px !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .26) !important;
}

.wordpress-gdpr-popup-overlay .wordpress-gdpr-popup-container {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
}

.wordpress-gdpr-popup-small.wordpress-gdpr-popup-bottom .wordpress-gdpr-popup-container,
.wordpress-gdpr-popup-small.wordpress-gdpr-popup-top .wordpress-gdpr-popup-container {
    left: auto !important;
    right: 20px !important;
    margin: 0 !important;
}

.wordpress-gdpr-popup-text {
    margin: 0 0 20px !important;
    color: var(--qoc-text) !important;
    font-size: 15px;
}

.wordpress-gdpr-popup-text p {
    margin: 0 !important;
}

.wordpress-gdpr-popup-actions {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
}

.wordpress-gdpr-popup-actions-buttons {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.wordpress-gdpr-popup-agree,
.wordpress-gdpr-popup-decline,
.wordpress-gdpr-popup-preferences {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 13px !important;
    color: #fff !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.wordpress-gdpr-popup-agree { background: var(--qoc-accent) !important; }
.wordpress-gdpr-popup-decline { background: #334155 !important; }
.wordpress-gdpr-popup-preferences { background: #64748b !important; }

.wordpress-gdpr-popup-actions-links {
    display: flex !important;
    flex-wrap: wrap;
    gap: 7px 14px;
    margin: 0 !important;
}

.wordpress-gdpr-popup-actions-links a,
.wordpress-gdpr-popup-privacy-center,
.wordpress-gdpr-popup-read-more,
.wordpress-gdpr-popup-privacy-settings-text {
    display: inline-flex !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    color: var(--qoc-accent) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.wordpress-gdpr-popup-close {
    display: grid !important;
    place-items: center;
    top: -12px !important;
    right: -12px !important;
    width: 34px !important;
    height: 34px !important;
    color: #fff !important;
    background: #111827 !important;
    border: 3px solid #fff;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.22);
}

@media (max-width: 1024px) {
    .wordpress-gdpr-privacy-center-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .wordpress-gdpr-privacy-center-items {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .wordpress-gdpr-privacy-center-item,
    .wordpress-gdpr-privacy-center-item.wordpress-gdpr-privacy-center-item-last {
        min-height: 148px;
        padding: 19px !important;
    }

    .wordpress-gdpr-privacy-center-item > div {
        grid-template-columns: 48px minmax(0, 1fr) 16px;
        column-gap: 13px;
    }

    .wordpress-gdpr-privacy-center-item > div::before {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    .wordpress-gdpr-privacy-center-item > div::after {
        left: 13px;
        width: 22px;
        height: 22px;
    }

    .wordpress-gdpr-privacy-center-item-headline {
        font-size: 17px !important;
    }

    .wordpress-gdpr-form {
        padding: 20px;
        border-radius: 16px;
    }

    .wordpress-gdpr-popup .wordpress-gdpr-popup-container,
    .wordpress-gdpr-popup-small.wordpress-gdpr-popup-bottom .wordpress-gdpr-popup-container,
    .wordpress-gdpr-popup-small.wordpress-gdpr-popup-top .wordpress-gdpr-popup-container {
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: 12px !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 22px 18px 18px !important;
        border-radius: 18px !important;
        transform: none !important;
    }

    .wordpress-gdpr-popup-actions-buttons {
        grid-template-columns: 1fr !important;
    }

    .wordpress-gdpr-popup-agree,
    .wordpress-gdpr-popup-decline,
    .wordpress-gdpr-popup-preferences {
        width: 100% !important;
        min-height: 46px;
    }

    .wordpress-gdpr-popup-actions-links {
        justify-content: center;
        text-align: center;
    }

    .wordpress-gdpr-popup-close {
        top: -10px !important;
        right: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wordpress-gdpr-privacy-center-item,
    .wordpress-gdpr-privacy-center-item-action::after,
    .wordpress-gdpr-form input,
    .wordpress-gdpr-form textarea,
    .wordpress-gdpr-form select {
        transition: none !important;
    }
}

@supports not (color: color-mix(in srgb, red 50%, white)) {
    .wordpress-gdpr-privacy-center-item:hover,
    .wordpress-gdpr-privacy-center-item:focus-visible {
        border-color: var(--qoc-accent) !important;
    }
}

/* =========================================================
   Configurable groups
   ========================================================= */
.qoc-privacy-group {
    margin: 0 0 34px;
}

.qoc-privacy-group-title {
    margin: 0 0 16px !important;
    color: var(--qoc-text) !important;
    font-family: inherit !important;
    font-size: clamp(20px, 2vw, 26px) !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em;
}

.qoc-privacy-group-grid {
    margin: 0 !important;
}

.wordpress-gdpr-privacy-center-item > div {
    grid-template-columns: var(--qoc-icon-size, 52px) minmax(0, 1fr) 18px;
}

.wordpress-gdpr-privacy-center-item > div::before {
    width: var(--qoc-icon-size, 52px);
    height: var(--qoc-icon-size, 52px);
}

.wordpress-gdpr-privacy-center-item > div::after {
    left: calc((var(--qoc-icon-size, 52px) - (var(--qoc-icon-size, 52px) * .46)) / 2);
    width: calc(var(--qoc-icon-size, 52px) * .46);
    height: calc(var(--qoc-icon-size, 52px) * .46);
}

/* =========================================================
   Group layouts and icon modes (v0.4)
   ========================================================= */
.qoc-privacy-groups {
    display: block;
}

.qoc-privacy-group {
    min-width: 0;
}

.qoc-privacy-group-title {
    margin: 0 0 14px !important;
    color: var(--qoc-text) !important;
    font-family: inherit !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em;
}

.qoc-privacy-groups--stacked .qoc-privacy-group + .qoc-privacy-group {
    margin-top: 26px;
}

.qoc-privacy-groups--vertical {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: start;
}

.qoc-privacy-groups--vertical .qoc-privacy-group-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px;
}

.qoc-privacy-groups--vertical .wordpress-gdpr-privacy-center-item,
.qoc-privacy-groups--vertical .wordpress-gdpr-privacy-center-item.wordpress-gdpr-privacy-center-item-last {
    min-height: 132px;
}

/* Monochrome mode: one theme accent for every icon. */
.wordpress-gdpr-privacy-center.qoc-icons-theme .wordpress-gdpr-privacy-center-item {
    --qoc-icon: var(--qoc-accent) !important;
    --qoc-icon-bg: #f4f5f7 !important;
}

.wordpress-gdpr-privacy-center.qoc-icons-theme .wordpress-gdpr-privacy-center-item > div::before {
    background-color: color-mix(in srgb, var(--qoc-accent) 10%, #fff) !important;
}

.wordpress-gdpr-privacy-center.qoc-icons-theme .wordpress-gdpr-privacy-center-item > div::after {
    color: var(--qoc-accent) !important;
}

@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
    .wordpress-gdpr-privacy-center.qoc-icons-theme .wordpress-gdpr-privacy-center-item > div::before {
        background-color: #f1f3f5 !important;
    }
}

@media (max-width: 780px) {
    .qoc-privacy-groups--vertical {
        grid-template-columns: 1fr;
        gap: 26px;
    }
}

/* ============================================================
   QuietOps modern layer — WeLaunch "Postavke privatnosti" modal
   Fixes: 11px base font, float layout, empty space, button row.
   Colors are handled via WeLaunch options (mirrored from banner).
   ============================================================ */
.wordpress-gdpr-privacy-settings-popup{
  font-size:14px !important;
  max-width:720px !important;
  padding:24px !important;
  border-radius:16px !important;
  box-shadow:0 30px 80px rgba(15,23,42,.32) !important;
}
.wordpress-gdpr-privacy-settings-popup-header{
  display:flex !important; align-items:center !important; gap:16px !important;
  margin-bottom:18px !important;
}
.wordpress-gdpr-privacy-settings-popup-logo{ width:auto !important; float:none !important; }
.wordpress-gdpr-privacy-settings-popup-logo img{ width:60px !important; margin:0 !important; }
.wordpress-gdpr-privacy-settings-popup-info{ float:none !important; }
.wordpress-gdpr-privacy-settings-popup-title{ font-size:20px !important; font-weight:700 !important; line-height:1.2 !important; }
.wordpress-gdpr-privacy-settings-popup-description{ font-size:13px !important; line-height:1.5 !important; margin:6px 0 0 !important; opacity:.85; }

/* two columns as flex instead of floats */
.wordpress-gdpr-privacy-settings-popup-services-container{
  display:flex !important; align-items:stretch !important;
  border:1px solid #edf0f4 !important; border-radius:12px !important; overflow:hidden !important;
}
.wordpress-gdpr-privacy-settings-popup-service-categories{
  width:210px !important; float:none !important; flex:0 0 210px !important;
  background:#f7f8fb !important; padding:10px !important; border-right:1px solid #edf0f4 !important;
}
a.wordpress-gdpr-popup-privacy-settings-service-category{
  display:block !important; padding:10px 12px !important; margin-bottom:2px !important;
  border-radius:8px !important; font-weight:600 !important; text-decoration:none !important;
}
.wordpress-gdpr-popup-privacy-settings-service-category-active{ background:#fff !important; box-shadow:0 1px 4px rgba(15,23,42,.06) !important; }
.wordpress-gdpr-privacy-settings-popup-services{
  float:none !important; width:auto !important; flex:1 1 auto !important;
  padding:18px 22px !important; max-height:none !important; min-height:240px !important;
}

/* buttons as a clean flex row */
.wordpress-gdpr-privacy-settings-popup-services-buttons{
  display:flex !important; gap:10px !important; align-items:stretch !important;
  margin-top:18px !important; font-size:14px !important;
}
.wordpress-gdpr-privacy-settings-popup-services-buttons .btn{
  float:none !important; flex:1 1 0 !important; border-radius:10px !important;
  padding:13px 18px !important; text-align:center !important; font-weight:650 !important; white-space:normal !important;
}
.wordpress-gdpr-privacy-settings-popup-services-save{ flex:0 0 auto !important; }

@media(max-width:640px){
  .wordpress-gdpr-privacy-settings-popup{ padding:18px !important; }
  .wordpress-gdpr-privacy-settings-popup-services-container{ flex-direction:column !important; }
  .wordpress-gdpr-privacy-settings-popup-service-categories{ width:auto !important; flex:none !important; border-right:0 !important; border-bottom:1px solid #edf0f4 !important; }
  .wordpress-gdpr-privacy-settings-popup-services-buttons{ flex-wrap:wrap !important; }
  .wordpress-gdpr-privacy-settings-popup-services-buttons .btn{ flex:1 1 100% !important; }
}

/* 0.8.1 — guarantee the modal action buttons receive clicks
   (raise the button row above sibling content; force pointer-events) */
.wordpress-gdpr-privacy-settings-popup{ pointer-events:auto; }
.wordpress-gdpr-privacy-settings-popup-services-container{ position:relative !important; z-index:1 !important; }
.wordpress-gdpr-privacy-settings-popup-services{ position:relative !important; z-index:1 !important; }
.wordpress-gdpr-privacy-settings-popup-services-buttons{ position:relative !important; z-index:2147483000 !important; pointer-events:auto !important; }
.wordpress-gdpr-privacy-settings-popup-services-buttons .btn{
  position:relative !important;
  z-index:2147483000 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}