@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');
/* custom-gold.css v2 - dimuat SETELAH style.css. Hapus baris pemuatnya untuk membatalkan. */
:root{--g1:#f6e0a0;--g2:#c0912f;--ink:#241a05;--deep:#120e06;--font:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* Font seragam dengan landing page (ikon Font Awesome tidak terpengaruh) */
body,h1,h2,h3,h4,h5,h6,p,li,a,input,textarea,button,label,span.time-now{font-family:var(--font)}

/* Top bar */
header .top-line{background:#0c0904!important}
header .top-line,header .top-line a,header .top-line span,header .top-line li{color:#d9c88f!important;font-size:.88rem}
header .top-line a:hover{color:var(--g1)!important}

/* Header: gelap dengan cahaya emas tipis, sama nuansa dengan landing page */
header.second-style{background:radial-gradient(110% 160% at 88% 0%,#3d2c0c 0%,var(--deep) 62%)!important;border-bottom:2px solid var(--g2)}
header.second-style .logo-advertisement,header.second-style .nav-list-container,header .navbar-default{background:transparent!important;border-color:transparent!important}

/* Menu: teks terang, garis emas saat disorot */
header .nav-list-container .navbar-nav>li,header .nav-list-container .navbar-nav>li>a{border-top:3px solid transparent!important}
header .nav-list-container .navbar-nav>li>a{color:#f1e6c8!important;background:transparent!important;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;
  font-size:clamp(.7rem,1.15vw,.92rem);padding:16px clamp(6px,.8vw,12px)!important}
header .nav-list-container .navbar-nav>li:hover>a,header .nav-list-container .navbar-nav>li.open>a,header .nav-list-container .navbar-nav>li.active>a{
  color:var(--g1)!important;background:rgba(246,224,160,.1)!important;border-top-color:var(--g2)!important}
header .dropdown{background:var(--deep)!important;border-top:3px solid var(--g2)!important}
header .dropdown li a{color:#f1e6c8!important;background:transparent!important}
header .dropdown li a:hover{color:var(--g1)!important;background:rgba(246,224,160,.12)!important}
header .megadropdown{border-top:3px solid var(--g2)!important}

/* Pencarian: kaca transparan */
header .navbar-form #search{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(232,196,110,.4)!important;border-radius:999px;padding-left:20px}
header .navbar-form #search::placeholder{color:#cdbf98}
header .navbar-form #search:focus{border-color:var(--g1)!important;outline:0;box-shadow:0 0 0 3px rgba(246,224,160,.25)}
header #search-submit{color:var(--g1)!important;background:transparent!important}

/* Baris logo: crest + judul teks besar di kiri, pencarian di kanan (tanpa ruang kosong) */
header .logo-advertisement{padding:16px 0 10px!important}
header .header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
header .header-row .navbar-header{float:none!important;margin:0!important}
header .navbar-brand.brand-text{float:none!important;height:auto!important;padding:0!important;margin:0!important;display:flex;align-items:center;gap:16px;text-decoration:none}
header .brand-crest{height:clamp(56px,6vw,80px);width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}
header .brand-name{display:block;line-height:1.1}
header .brand-name strong{display:block;font-weight:700;font-size:clamp(1.2rem,2.5vw,2.05rem);letter-spacing:-.01em;
  background:linear-gradient(180deg,var(--g1),#d4a94a);-webkit-background-clip:text;background-clip:text;color:transparent}
header .brand-name small{display:block;margin-top:4px;font-weight:500;font-size:clamp(.85rem,1.4vw,1.15rem);letter-spacing:.08em;color:#f1e6c8}
header .header-search{display:flex;align-items:center;width:min(340px,32%);flex:none;margin:0;
  background:rgba(255,255,255,.08);border:1px solid rgba(232,196,110,.4);border-radius:999px;padding:4px 6px 4px 20px}
header .header-search input{flex:1;min-width:0;background:none;border:0;outline:0;box-shadow:none;color:#fff;font:inherit;padding:8px 0;height:auto}
header .header-search input::placeholder{color:#cdbf98}
header .header-search button{flex:none;border:0;border-radius:50%;width:38px;height:38px;background:linear-gradient(135deg,var(--g1),#d4a94a);color:var(--ink);cursor:pointer}
header .header-search:focus-within{border-color:var(--g1);box-shadow:0 0 0 3px rgba(246,224,160,.25)}

/* Menu: hilangkan garis dekoratif lama, garis emas hanya saat disorot */
header .navbar-nav>li:before,header .navbar-nav>li:after,header .navbar-nav>li>a:before,header .navbar-nav>li>a:after{display:none!important}
header .navbar-nav>li,header .navbar-nav>li>a{box-shadow:none!important;background-image:none!important}
header .nav-list-container .navbar-nav>li:hover>a,header .nav-list-container .navbar-nav>li.open>a{box-shadow:inset 0 3px 0 var(--g2)!important}
header .nav-list-container{border-top:1px solid rgba(232,196,110,.2)}
@media (min-width:992px){
  header .navbar-nav{float:none!important;width:100%;margin:0}
  header .navbar-nav:after{content:"";display:table;clear:both}
  header .navbar-form{display:none!important}
}

/* Tablet dan HP: tombol menu (hamburger) */
@media (max-width:991px){
  header .header-row{display:block}
  header .header-row .navbar-header{display:flex;align-items:center;justify-content:space-between}
  header .header-search{display:none}
  header .navbar-header .navbar-toggle{display:block!important;order:2;float:none;margin:0;border-color:var(--g2);background:transparent}
  header .navbar-toggle .icon-bar{background:var(--g1)!important}
  header .navbar-collapse.collapse{display:none!important}
  header .navbar-collapse.collapse.in{display:block!important;background:var(--deep);padding:8px 0}
  header .navbar-nav{float:none!important;margin:0}
  header .navbar-nav>li{float:none!important;border-bottom:1px solid rgba(246,224,160,.15)}
  header .nav-list-container .navbar-nav>li>a{font-size:.95rem;padding:14px 16px!important;white-space:normal}
  header .megadropdown{display:none!important}
  header .dropdown{position:static!important;display:none;border-top:0!important}
  header .navbar-form{display:block!important;float:none!important;margin:12px 16px}
  header .navbar-form #search{width:calc(100% - 44px)}
  header .top-line .col-md-9,header .top-line .col-md-3{width:100%;text-align:center}
  header .top-line-list li{display:inline-block;margin:0 8px}
  header .brand-crest{height:52px}
}
@media (max-width:480px){header .top-line-list li:nth-child(2){display:none}}

/* Lightbox video (dipakai oleh yt-lightbox.js) */
.yt-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(10,8,3,.92);display:none;align-items:center;justify-content:center;padding:24px}
.yt-lightbox.open{display:flex}
.yt-lightbox-frame{position:relative;width:min(960px,100%);padding-bottom:min(54%,540px);height:0}
.yt-lightbox-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-lightbox-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--g1),var(--g2));color:var(--ink);font-size:22px;line-height:1;font-weight:700}

/* Panah geser (Owl Carousel) khusus galeri video di beranda */
.owl-video-carousel .owl-buttons{display:none}
.owl-video-carousel.has-nav .owl-buttons{display:block}
.owl-video-carousel .owl-prev,.owl-video-carousel .owl-next{
  position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;line-height:44px;text-align:center;
  border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));color:var(--ink)!important;
  font-size:20px;font-weight:700;opacity:1!important;cursor:pointer;z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.owl-video-carousel .owl-prev{left:-6px}
.owl-video-carousel .owl-next{right:-6px}
.owl-video-carousel .owl-prev:hover,.owl-video-carousel .owl-next:hover{filter:brightness(1.08)}
@media (max-width:600px){
  .owl-video-carousel .owl-prev{left:2px}
  .owl-video-carousel .owl-next{right:2px}
}

/* Header tetap gelap & teks emas saat digulir (class "active" ditambahkan oleh script.js) */
header.second-style.active{background:radial-gradient(110% 160% at 88% 0%,#3d2c0c 0%,var(--deep) 62%)!important}
header.second-style.active .logo-advertisement,
header.second-style.active .nav-list-container,
header.second-style.active .navbar-default{background:transparent!important}
header.second-style.active .nav-list-container .navbar-nav>li>a{color:#f1e6c8!important}
header.second-style.active .brand-name strong{color:transparent!important}
header.second-style.active .brand-name small{color:#f1e6c8!important}
header.second-style.active .top-line{background:#0c0904!important}

/* Menu mengikuti alur normal, tidak lagi "mengambang" di atas konten (perbaikan tumpang tindih) */
header.second-style .nav-list-container{
  position:static!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:auto!important;margin:0!important;transform:none!important;box-shadow:none!important;
}
header.second-style{overflow:visible}

/* Timpa garis bawah menu bawaan tema (abu-abu) dengan emas tipis, di semua kondisi */
header.second-style .nav-list-container,
header.second-style.active .nav-list-container{border-bottom:1px solid rgba(232,196,110,.25)!important}
