/* ============================================================
   REALPVP — açık, sıcak tema (tüm sayfalar)
   Palet: #E73F1E · #FB6C00 · #F9B637 · #FFDD9C
   Orijinal açık tasarım korunur, sadece renkler ve hero değişir.
   ============================================================ */

:root {
    --rp-red: #E73F1E;
    --rp-orange: #FB6C00;
    --rp-yellow: #F9B637;
    --rp-cream: #FFDD9C;
    --rp-bg: #f8f1e7;          /* sayfa zemini: sıcak açık krem */
    --rp-card: #ffffff;
    --rp-ink: #2b1a12;         /* başlık rengi */
    --rp-text: #6b5a4e;        /* gövde metni */
    --bg: var(--rp-bg);
    --ghost-accent-color: #E73F1E;
}

html { overflow-x: clip; }
body {
    background: var(--rp-bg) !important;
}

/* -------- Hero -------- */
#gh-header {
    background: linear-gradient(120deg, #E73F1E 0%, #FB6C00 55%, #F9B637 100%) !important;
}
#gh-header:before {
    background: linear-gradient(0deg, rgba(231, 63, 30, .35), rgba(231, 63, 30, 0)) !important;
}
/* İstanbul manzarası, turuncu degradenin arkasından saydam görünür */
.header-bg {
    background: url(../images/istanbul.webp) center 40% / cover no-repeat !important;
    opacity: .38 !important;
    filter: saturate(1.1) contrast(1.05) !important;
    mix-blend-mode: luminosity;
}
.custom-shape-divider-bottom-1675067978 .shape-fill {
    fill: var(--rp-bg) !important;
}
.custom-shape-divider-bottom-1675067978.custom-shadow path {
    fill: rgba(255, 221, 156, .45) !important;
}
.circle { background: linear-gradient(45deg, rgba(255, 255, 255, .25), transparent) !important; }
.circle > .circle { background: rgba(255, 255, 255, .25) !important; }

/* -------- Üst menü -------- */
#nav .container > a { color: #fff !important; transition: opacity .2s; }
#nav .container > a:hover { opacity: .8; }
#nav .container > a.store {
    background: #fff !important;
    color: var(--rp-red) !important;
    box-shadow: 0 6px 18px rgba(138, 36, 9, .25);
}
#nav .container > a.store:hover { opacity: 1; background: var(--rp-cream) !important; }

/* -------- Logo: RPVP -------- */
#logo > a { display: inline-block; }
#logo img {
    display: block !important;
    width: 380px;
    max-width: 78vw;
    height: auto;
    filter: drop-shadow(0 14px 26px rgba(90, 20, 6, .45));
}
@media (max-width: 768px) {
    #logo img { width: 250px; }
}

/* -------- Hero bilgi kartları (Hemen Oyna / Discord) -------- */
.info-card { color: #fff !important; transition: transform .2s; }
.info-card:hover { transform: translateY(-2px); }
.info-card i { background: rgba(255, 255, 255, .2) !important; color: #fff !important; }
.if-small { color: #fff3dc !important; }
span.count {
    background: #fff !important;
    color: var(--rp-red) !important;
    font-weight: 800;
}

/* -------- Genel vurgular -------- */
a { color: inherit; }
.btn-primary, .btn-success, .btn-info {
    background: var(--rp-orange) !important;
    border-color: var(--rp-orange) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-success:hover, .btn-info:hover {
    background: var(--rp-red) !important;
    border-color: var(--rp-red) !important;
}

/* -------- Footer -------- */
#footer .footer-col p a { color: var(--rp-red) !important; }

/* -------- Kaydırma çubuğu / seçim -------- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--rp-bg); }
::-webkit-scrollbar-thumb { background: var(--rp-orange); border-radius: 10px; }
::selection { background: var(--rp-orange); color: #fff; }