/* Çerez onayı, harita yer tutucusu ve form KVKK onay kutusu (js/cerez-onayi.js).
   Renkler theme.css değişkenlerinden gelir; açık/koyu temaya kendiliğinden uyar. */

[hidden].cerez-serit,
[hidden].cerez-simge {
    display: none !important;
}

/* Şerit — politika penceresinin (z-200) altında kalır ki şeritten açılan metin üstte görünsün */
.cerez-serit {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 150;
    padding: 16px;
    font-family: inherit;
}
.cerez-kutu {
    max-width: 60rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    background: rgb(var(--color-surface));
    border: 1px solid rgb(var(--color-on-background) / 0.1);
    border-top: 3px solid rgb(var(--color-primary-container));
    border-radius: 1.25rem;
    box-shadow: 0 20px 50px -20px rgb(0 0 0 / 0.45);
}
.cerez-metin {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.cerez-metin p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: rgb(var(--color-on-surface-variant));
}
.cerez-ikon {
    flex-shrink: 0;
    margin-top: 1px;
    color: rgb(var(--color-primary));
}
.cerez-nobr {
    white-space: nowrap;
}
.cerez-bag {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: rgb(var(--color-primary));
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
.cerez-dugmeler {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}
/* İki düğme bilerek aynı görünür: reddetmek kabul etmek kadar kolay olmalı. */
.cerez-dugme {
    flex: 1;
    min-width: 120px;
    padding: 0.65rem 1.4rem;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: rgb(var(--color-on-background));
    background: transparent;
    border: 1.5px solid rgb(var(--color-primary-container));
    border-radius: 0.75rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.cerez-dugme:hover,
.cerez-dugme:focus-visible {
    background: rgb(var(--color-primary-container));
    color: rgb(var(--color-on-primary-container));
    outline: none;
}

/* Sol alttaki simge (sağ altta "yukarı çık" düğmesi var) */
.cerez-simge {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 60;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: rgb(var(--color-primary));
    background: rgb(var(--color-surface));
    border: 1px solid rgb(var(--color-on-background) / 0.1);
    border-radius: 999px;
    box-shadow: 0 8px 24px -10px rgb(0 0 0 / 0.5);
    cursor: pointer;
    transition: transform 0.2s, border-color 0.2s;
}
.cerez-simge:hover {
    transform: translateY(-2px);
    border-color: rgb(var(--color-primary-container));
}

@media (min-width: 640px) {
    .cerez-serit { padding: 24px; }
    .cerez-kutu { flex-direction: row; align-items: center; gap: 24px; }
    .cerez-dugme { flex: none; }
    .cerez-simge { left: 24px; bottom: 24px; }
}

/* Google Maps yer tutucusu */
.harita-yer-tutucu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    height: 100%;
    padding: 0.75rem 1rem;
    text-align: center;
    background: rgb(var(--color-surface-container) / 0.5);
    font-size: 12px;
    line-height: 1.45;
    color: rgb(var(--color-on-surface-variant));
}
.harita-yer-tutucu p { margin: 0; max-width: 22rem; }
.harita-yer-tutucu .cerez-dugme { flex: none; min-width: 0; padding: 0.55rem 1.1rem; font-size: 12px; }
.harita-yer-tutucu.harita-yuklendi { display: block; padding: 0; }

/* Form KVKK onay kutusu */
.kvkk-onay {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 12.5px;
    line-height: 1.55;
    color: rgb(var(--color-on-surface-variant));
    text-align: left;
    cursor: pointer;
}
.kvkk-onay input {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 4px;
    accent-color: rgb(var(--color-primary));
    color: rgb(var(--color-primary));
    cursor: pointer;
}
