/*
 * PAKARTOPUP_BRAND_SOFT_BLUE_FINAL_V2
 *
 * Tujuan:
 * - Mengganti nuansa kuning/olive menjadi biru brand PakarTopup yang lembut.
 * - Tetap profesional, tidak terlalu tebal/menyala.
 * - Tidak mengubah layout, ukuran, route, data, banner, gambar game, atau status transaksi.
 */

:root{
    /* Brand utama - dibuat sedikit lebih soft dari biru neon sebelumnya */
    --pt-brand-primary:#2B98D4;
    --pt-brand-primary-hover:#46A9DE;
    --pt-brand-secondary:#245F86;
    --pt-brand-deep:#173D59;
    --pt-brand-light:#7CC4E8;
    --pt-brand-pale:#D8EEF8;
    --pt-brand-shadow:rgba(43,152,212,.18);

    /* Warna surface/background homepage */
    --pt-page-blue-1:#AAB8C5;
    --pt-page-blue-2:#8999A8;
    --pt-page-blue-3:#6F7B8B;
    --pt-page-blue-4:#575968;

    --ptv4-accent:var(--pt-brand-primary) !important;
    --ptv4-accent-soft:var(--pt-brand-light) !important;

    --pti-accent:var(--pt-brand-primary) !important;
    --ptl-accent:var(--pt-brand-primary) !important;
    --ptc-accent:var(--pt-brand-primary) !important;

    --ptn-yellow:var(--pt-brand-primary) !important;
    --ptn-yellow-text:#FFFFFF !important;
    --ptn-blue:var(--pt-brand-primary) !important;
}

::selection{
    background:rgba(43,152,212,.30);
    color:#fff;
}

/* =========================================================
   GLOBAL HOMEPAGE BACKGROUND
   ========================================================= */

html{
    background:#555A68 !important;
}

html body.ptv4-body{
    background:
        linear-gradient(
            103deg,
            var(--pt-page-blue-1) 0%,
            var(--pt-page-blue-2) 34%,
            var(--pt-page-blue-3) 66%,
            var(--pt-page-blue-4) 100%
        ) fixed !important;
}

/*
 * Area belakang banner:
 * tetap gelap dan premium, tetapi tidak lagi olive/kuning.
 */
html body .ptv4-hero{
    background:
        linear-gradient(
            105deg,
            rgba(97,116,132,.96) 0%,
            rgba(72,82,96,.97) 58%,
            rgba(45,46,58,.99) 100%
        ) !important;
}

/*
 * Garis dekorasi hero dibuat lebih halus agar tidak terlalu ramai.
 */
html body .ptv4-hero::before{
    opacity:.20 !important;
}

html body .ptv4-hero::after{
    opacity:.07 !important;
}

/* =========================================================
   LOGO FALLBACK
   ========================================================= */

.ptv4-brand-mark:before,
.pti-brand-mark:before,
.ptl-brand-mark:before,
.ptc-brand-mark:before{
    background:
        linear-gradient(
            180deg,
            var(--pt-brand-light) 0%,
            var(--pt-brand-primary) 50%,
            var(--pt-brand-deep) 100%
        ) !important;
    box-shadow:0 0 18px rgba(43,152,212,.18) !important;
}

.ptv4-brand-mark:after,
.pti-brand-mark:after,
.ptl-brand-mark:after,
.ptc-brand-mark:after{
    background:
        linear-gradient(
            135deg,
            var(--pt-brand-light) 0%,
            var(--pt-brand-primary) 55%,
            var(--pt-brand-deep) 100%
        ) !important;
}

.ptn-brand-fallback{
    background:
        linear-gradient(
            145deg,
            var(--pt-brand-light),
            var(--pt-brand-primary) 58%,
            var(--pt-brand-deep)
        ) !important;
    color:#fff !important;
    box-shadow:0 10px 26px rgba(43,152,212,.18) !important;
}

/* =========================================================
   HEADER / NAVBAR
   ========================================================= */

.ptv4-nav-link:hover,
.ptv4-nav-link.is-active,
.pti-nav-link:hover,
.pti-nav-link.is-active,
.ptl-nav-link:hover,
.ptl-nav-link.is-active,
.ptc-nav-link:hover,
.ptc-nav-link.is-active{
    color:var(--pt-brand-primary-hover) !important;
}

.ptv4-nav-link.is-active:after,
.pti-nav-link.is-active:after,
.ptl-nav-link.is-active:after,
.ptc-nav-link.is-active:after{
    background:var(--pt-brand-primary) !important;
}

.ptv4-search:focus,
.pti-site-search input:focus,
.ptl-site-search input:focus,
.ptc-site-search input:focus{
    border-color:rgba(43,152,212,.55) !important;
    box-shadow:0 0 0 2px rgba(43,152,212,.08) !important;
}

/* =========================================================
   HOMEPAGE
   ========================================================= */

.ptv4-banner-dot.is-active{
    background:var(--pt-brand-primary) !important;
}

/* Kartu populer: biru lebih lembut dan premium */
.ptv4-popular-footer{
    background:
        linear-gradient(
            108deg,
            #245F86 0%,
            #2B98D4 58%,
            #78C4E8 100%
        ) !important;
}

.ptv4-popular-footer:before{
    background:rgba(23,61,89,.26) !important;
}

.ptv4-popular-footer:after{
    background:rgba(255,255,255,.18) !important;
}

.ptv4-popular-name{
    color:#fff !important;
}

.ptv4-popular-provider{
    color:rgba(255,255,255,.80) !important;
}

/* Tab kategori aktif: tidak terlalu menyala */
.ptv4-tab.is-active{
    background:
        linear-gradient(
            135deg,
            #278FC8,
            #37A4DA
        ) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:0 6px 16px rgba(43,152,212,.16) !important;
}

.ptv4-tab:hover{
    border-color:rgba(124,196,232,.20) !important;
}

.ptv4-game:hover{
    border-color:var(--pt-brand-primary) !important;
    box-shadow:0 14px 28px rgba(43,152,212,.12) !important;
}

.ptv4-hot{
    background:#2B98D4 !important;
    color:#fff !important;
}

.ptv4-article-title{
    color:var(--pt-brand-pale) !important;
}

.ptv4-view-all{
    border:1px solid rgba(124,196,232,.12) !important;
}

.ptv4-view-all:hover{
    color:var(--pt-brand-light) !important;
    border-color:rgba(124,196,232,.28) !important;
}

/* Footer */
.ptv4-footer-title{
    color:var(--pt-brand-light) !important;
}

.ptv4-footer-links a:hover{
    color:var(--pt-brand-light) !important;
}

.ptv4-cs{
    background:
        linear-gradient(
            135deg,
            #2B98D4,
            #245F86
        ) !important;
    color:#fff !important;
    box-shadow:0 -7px 24px rgba(43,152,212,.16) !important;
}

/* =========================================================
   CEK TRANSAKSI / INVOICE
   ========================================================= */

.pti-submit{
    background:
        linear-gradient(
            135deg,
            #2B98D4,
            #43A9DD
        ) !important;
    color:#fff !important;
    box-shadow:0 7px 18px rgba(43,152,212,.15) !important;
}

.pti-submit:hover{
    filter:brightness(1.04) !important;
}

.pti-invoice-input:focus{
    box-shadow:inset 0 0 0 1px rgba(43,152,212,.55) !important;
}

.pti-footer-title{
    color:var(--pt-brand-light) !important;
}

.pti-cs{
    background:
        linear-gradient(
            135deg,
            #2B98D4,
            #245F86
        ) !important;
    color:#fff !important;
    box-shadow:0 -7px 24px rgba(43,152,212,.16) !important;
}

/* =========================================================
   LEADERBOARD
   ========================================================= */

.ptl-eyebrow{
    color:var(--pt-brand-light) !important;
}

.ptl-footer-title{
    color:var(--pt-brand-light) !important;
}

.ptl-cs{
    background:
        linear-gradient(
            135deg,
            #2B98D4,
            #245F86
        ) !important;
    color:#fff !important;
    box-shadow:0 -7px 24px rgba(43,152,212,.16) !important;
}

/* =========================================================
   KALKULATOR
   ========================================================= */

.ptc-input:focus{
    box-shadow:inset 0 0 0 1px rgba(43,152,212,.55) !important;
}

.ptc-button{
    background:
        linear-gradient(
            135deg,
            #2B98D4,
            #43A9DD
        ) !important;
    color:#fff !important;
    box-shadow:0 7px 18px rgba(43,152,212,.14) !important;
}

.ptc-result-title,
.ptc-accent-number{
    color:var(--pt-brand-light) !important;
}

.ptc-range::-webkit-slider-thumb{
    background:var(--pt-brand-primary) !important;
    box-shadow:0 0 0 3px rgba(43,152,212,.12) !important;
}

.ptc-range::-moz-range-thumb{
    background:var(--pt-brand-primary) !important;
    box-shadow:0 0 0 3px rgba(43,152,212,.12) !important;
}

.ptc-calc-item.is-current,
.ptc-calc-item:hover{
    background:rgba(43,152,212,.13) !important;
}

.ptc-footer-title{
    color:var(--pt-brand-light) !important;
}

.ptc-cs{
    background:
        linear-gradient(
            135deg,
            #2B98D4,
            #245F86
        ) !important;
    color:#fff !important;
    box-shadow:0 -7px 24px rgba(43,152,212,.16) !important;
}

/* =========================================================
   ARTIKEL / NEWS
   ========================================================= */

.ptn-menu-link:hover,
.ptn-menu-link.is-active,
.ptn-games-trigger:hover{
    color:var(--pt-brand-light) !important;
}

.ptn-menu-link.is-active:after{
    background:var(--pt-brand-primary) !important;
}

.ptn-games-dropdown a:hover{
    background:rgba(43,152,212,.11) !important;
    color:var(--pt-brand-light) !important;
}

.ptn-search input:focus{
    border-color:var(--pt-brand-primary) !important;
    box-shadow:0 0 0 2px rgba(43,152,212,.08) !important;
}

.ptn-topup{
    background:
        linear-gradient(
            135deg,
            #2B98D4,
            #43A9DD
        ) !important;
    color:#fff !important;
    box-shadow:0 7px 18px rgba(43,152,212,.15) !important;
}

.ptn-category,
.ptn-detail-category,
.ptn-tag{
    background:#2B98D4 !important;
    color:#fff !important;
}

.ptn-card-author,
.ptn-byline strong,
.ptn-content a{
    color:var(--pt-brand-light) !important;
}

.ptn-game-row:hover{
    border-color:var(--pt-brand-primary) !important;
    color:var(--pt-brand-light) !important;
}

/* =========================================================
   ORNAMEN FOOTER BAWAAN
   ========================================================= */

.ptv4-footer-crest svg [stroke="#efff00"],
.pti-crest svg [stroke="#efff00"],
.ptl-crest svg [stroke="#efff00"],
.ptc-crest svg [stroke="#efff00"],
.ptv4-footer-crest svg [stroke="#f7ff19"],
.pti-crest svg [stroke="#f7ff19"],
.ptl-crest svg [stroke="#f7ff19"],
.ptc-crest svg [stroke="#f7ff19"]{
    stroke:var(--pt-brand-primary) !important;
}

.ptv4-footer-crest svg stop:first-child,
.pti-crest svg stop:first-child,
.ptl-crest svg stop:first-child,
.ptc-crest svg stop:first-child{
    stop-color:#10202D !important;
}

.ptv4-footer-crest svg stop:nth-child(2),
.pti-crest svg stop:nth-child(2),
.ptl-crest svg stop:nth-child(2),
.ptc-crest svg stop:nth-child(2){
    stop-color:#245F86 !important;
}

.ptv4-footer-crest svg stop:nth-child(3),
.pti-crest svg stop:nth-child(3),
.ptl-crest svg stop:nth-child(3),
.ptc-crest svg stop:nth-child(3){
    stop-color:#162A3A !important;
}

/*
 * Sengaja TIDAK diubah:
 * - banner hero / gambar banner
 * - gambar kartu game
 * - thumbnail artikel
 * - bendera Indonesia
 * - badge status SUCCESS / PENDING / PROCESS / FAILED
 * - struktur layout / ukuran / spacing
 */