/**
 * Cookie consent — floating card
 * Dark: solid surface (#171F2E), primary wash YOK
 */
:root {
    --cookie-primary: var(--CoreV2-primary, var(--cv2-primary));
    --cookie-primary-rgb: var(--cv2-primary-rgb);
    --cookie-card-bg: var(--cv2-surface-card, #ffffff);
    --cookie-card-border: rgba(0, 0, 0, 0.07);
}

html.dark-mode,
[data-theme="dark"] {
    --cookie-card-bg: rgba(23, 31, 46, 0.96);
    --cookie-card-border: rgba(255, 255, 255, 0.10);
}

.cookie-consent-card {
    background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
    background-image: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border: 1px solid rgb(231 231 231 / 36%);
    border-radius: var(--cv2-radius-card, 22px);
    padding: clamp(16px, 2.2vw, 22px);
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Dark mode: base theme tokens yeterli */

.cookie-consent-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 90px;
    opacity: 0.06;
    pointer-events: none;
}

html.dark-mode .cookie-consent-card::before,
[data-theme="dark"] .cookie-consent-card::before {
    opacity: 0.05;
    filter: invert(1);
}

@media (max-width: 640px) {
    #cookie-consent-banner {
        left: 12px;
        right: 12px;
        bottom: max(12px, env(safe-area-inset-bottom, 0px) + 12px);
        width: auto;
        max-width: none;
    }
    .cookie-consent-card {
        padding: 14px;
        border-radius: var(--cv2-radius-card, 16px);
    }
}

/* CoreV2 dark surface repair: cookie card */
html.dark-mode .cookie-consent-card,
html[data-theme="dark"] .cookie-consent-card,
[data-theme="dark"] .cookie-consent-card {
  background: rgba(23, 31, 46, 0.98) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}