/* Kampanya açılış kutusu — partials/campaign-popup.php
   Tema değişkenleri yoksa (eski tema) yedek renkler kullanılır. */

.cpop[hidden] { display: none !important; }

.cpop {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 16px;
    opacity: 0;
    transition: opacity .25s ease;
    font-family: var(--font-sans, 'Inter', system-ui, sans-serif);
}
.cpop.is-open { opacity: 1; }

.cpop__backdrop { position: absolute; inset: 0; background: rgba(5, 3, 2, .72); backdrop-filter: blur(4px); }

.cpop__box {
    position: relative;
    width: min(100%, 26rem);
    max-height: calc(100vh - 32px);
    overflow: hidden auto;
    border-radius: 1.25rem;
    border: 1px solid rgba(232, 102, 61, .45);
    background:
        linear-gradient(160deg, rgba(232, 102, 61, .18), transparent 55%),
        var(--bg-2, #0f0c09);
    color: var(--text, #f5f0e8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
    transform: translateY(12px) scale(.98);
    transition: transform .3s cubic-bezier(.16, 1, .3, 1);
}
.cpop.is-open .cpop__box { transform: none; }

.cpop__x {
    position: absolute;
    top: .6rem;
    right: .6rem;
    z-index: 2;
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: inherit;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}
.cpop__x:hover { background: rgba(255, 255, 255, .16); }

.cpop__track { display: flex; transition: transform .45s cubic-bezier(.16, 1, .3, 1); }

.cpop__slide {
    flex: 0 0 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: 1.5rem 1.4rem 1rem;
}

.cpop__top { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; padding-right: 2rem; }
.cpop__badge { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: #f08a62; font-weight: 600; }
.cpop__pct { padding: .2rem .6rem; border-radius: 999px; background: #d9482b; color: #fff; font-size: .78rem; font-weight: 700; }

.cpop__title { font-family: var(--font-serif, Georgia, serif); font-size: 1.55rem; font-weight: 500; line-height: 1.2; margin: 0; }
.cpop__target { font-size: .8rem; color: var(--text-3, #8a7f72); margin: -.3rem 0 0; }
.cpop__sub { font-size: .9rem; line-height: 1.55; color: var(--text-2, #c8bfb0); margin: 0; }

.cpop__items { list-style: none; margin: 0; padding: 0; display: grid; gap: .2rem; }
.cpop__items li { font-size: .82rem; color: var(--text-2, #c8bfb0); padding-left: 1.1rem; position: relative; }
.cpop__items li::before { content: "✓"; position: absolute; left: 0; color: var(--gold, #c9a96e); }

.cpop__price { display: grid; line-height: 1.15; margin-top: .2rem; }
.cpop__price del { font-size: .85rem; color: var(--text-3, #8a7f72); }
.cpop__price b { font-family: var(--font-serif, Georgia, serif); font-size: 2rem; font-weight: 600; color: var(--gold, #c9a96e); }
.cpop__price small { font-size: .78rem; color: #4fbf7f; font-weight: 600; }

.cpop__cta {
    display: block;
    margin-top: .5rem;
    padding: .9rem 1rem;
    border-radius: 999px;
    background: var(--gold, #c9a96e);
    color: #1a1208;
    text-align: center;
    font-weight: 700;
    font-size: .95rem;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(201, 169, 110, .25);
}
.cpop__cta:hover { filter: brightness(1.07); color: #1a1208; }

.cpop__nav { display: flex; align-items: center; justify-content: center; gap: .75rem; padding: 0 1rem .25rem; }
.cpop__nav[hidden] { display: none; }
.cpop__arrow {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(201, 169, 110, .35);
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
}
.cpop__dots { display: flex; gap: .4rem; }
.cpop__dot { width: .5rem; height: .5rem; padding: 0; border: 0; border-radius: 999px; background: rgba(201, 169, 110, .35); cursor: pointer; transition: width .25s ease; }
.cpop__dot.is-on { width: 1.4rem; background: var(--gold, #c9a96e); }

.cpop__skip {
    display: block;
    width: 100%;
    padding: .7rem 1rem 1rem;
    border: 0;
    background: none;
    color: var(--text-3, #8a7f72);
    font-size: .82rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
.cpop__skip:hover { color: var(--text, #f5f0e8); }

[data-theme="light"] .cpop__box { background: linear-gradient(160deg, rgba(232, 102, 61, .12), transparent 55%), var(--bg-2, #f3ede3); }
[data-theme="light"] .cpop__x { background: rgba(0, 0, 0, .06); }
[data-theme="light"] .cpop__badge { color: #b8431f; }
[data-theme="light"] .cpop__price small { color: #1f7a45; }

@media (prefers-reduced-motion: reduce) {
    .cpop, .cpop__box, .cpop__track { transition: none; }
}