/* --- Cetro Magazine Skin (improved contrast) --- */

/* layout padding */
.container-xxl, .container-xl, .container-lg, .container-md, .container {
  padding-left: 1rem; padding-right: 1rem;
}

/* base colors */
body.bg-body { background:#0d1116; color:#e7ecf4; }
h1,h2,h3,h4,h5,h6 { color:#f2f6ff; }
p, li { color:#dbe4f3; }

/* links */
a { color:#9cc1ff; text-decoration:none; }
a:hover, a:focus { color:#ffffff; text-decoration:none; }

/* text helpers */
.small, .text-muted, .news-metainfo li { color:#a9b7d0 !important; }

/* navbar */
.nav-pro { background: linear-gradient(180deg,#121821 0%,#0f141b 100%); border-bottom:1px solid rgba(255,255,255,.06); }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.88); font-weight:600; }
.navbar-dark .navbar-nav .nav-link:hover { color:#fff; }
.nav-strip { background:#000; border-top:1px solid rgba(255,255,255,.06); }

/* burger */
.burger-menu .top-bar,.burger-menu .middle-bar,.burger-menu .bottom-bar{ display:block;width:22px;height:2px;background:#fff;margin:4px 0; }

/* dropdowns (dark) */
.dropdown-menu { border-radius:.75rem; border:1px solid rgba(255,255,255,.12); background:#121821; color:#e7ecf4; }
.dropdown-item{ color:#e7ecf4; }
.dropdown-item:hover{ background:rgba(255,255,255,.08); color:#fff; }

/* mega dropdown – right align & anti overflow */
.dropdown-mega { position: static; }
.dropdown-mega .dropdown-mega-menu{
  right:0; left:auto; width:auto;
  max-width: min(980px, calc(100vw - 24px));
  margin-top:.65rem; padding:0; background:#101418;
  border:1px solid rgba(255,255,255,.12);
}
.mega-inner{ padding:0 16px; }
.mega-link{ display:block; color:#e6ebf3; padding:.45rem .35rem; border-radius:.5rem; }
.mega-link:hover{ background:rgba(255,255,255,.06); }
.mega-side.card{ background:rgba(255,255,255,.03); }

/* pair dropdown */
.pair-menu{ width:300px; }
.pair-menu .pair-list{ max-height:280px; overflow:auto; }

/* forms (kontras) */
input, textarea, select { color:#e7ecf4; background:transparent; }
input::placeholder, textarea::placeholder { color:#92a6c9; }
.subscribe-form input{ border-bottom:1px solid rgba(255,255,255,.25)!important; }
.btn.style-three{ background:#e6f0ff; color:#0d1116; border-radius:.6rem; padding:.4rem .9rem; }
.btn.style-three:hover{ filter:brightness(0.92); }

/* buttons outline kontras */
.btn-outline-secondary{ --bs-btn-color:#dbe4f3; --bs-btn-border-color:#8ea6c9; --bs-btn-hover-bg:#223044; --bs-btn-hover-border-color:#bcd0ef; }

/* card & content blocks */
.card,.news-card,.feature-news-card { background:#0f141b; border:1px solid rgba(255,255,255,.10); border-radius:.9rem; color:#e7ecf4; }
.pro-card { border:1px solid rgba(255,255,255,.10); background:#0f141b; border-radius:.9rem; }
.hover-up{ transition:transform .15s ease, box-shadow .15s ease; }
.hover-up:hover{ transform:translateY(-2px); box-shadow:0 .5rem 1rem rgba(0,0,0,.35); }
.round-6{ border-radius:.75rem; } .round-4{ border-radius:.5rem; }
.bg-optional{ background:#0f141b; }

/* article content */
.article .content img{ max-width:100%; height:auto; border-radius:.5rem; }
.article .content p{ line-height:1.8; color:#dbe4f3; }
.article .content h2, .article .content h3 { color:#f2f6ff; }

/* sidebar */
.sidebar .card, .sidebar .list-group-item{ background:#0f141b; border-color:rgba(255,255,255,.10); color:#e7ecf4; }
.sidebar .list-group-item a{ color:#cfe1ff; }
.sidebar .list-group-item a:hover{ color:#ffffff; }

/* quote block */
.wp-blockquote{ gap:12px; }
.wp-blockquote .quote-icon{ width:40px; height:40px; }

/* invisible hover overlap (stabilkan hover) */
.navbar .dropdown-toggle::after{ pointer-events:none; }
.navbar .dropdown:hover::before{ content:''; position:absolute; left:0; right:0; top:100%; height:8px; background:transparent; }

/* mobile: mega full width */
@media (max-width: 991.98px){
  .dropdown-mega{ position:relative; }
  .dropdown-mega .dropdown-mega-menu{
    left:0; right:0; max-width:none; width: calc(100vw - 24px);
    margin-left:12px; margin-right:12px;
  }
  .mega-inner{ max-height:70vh; overflow:auto; }
}

/* extra small padding */
@media (max-width: 420px){
  main.container-xxl{ padding-left:.75rem; padding-right:.75rem; }
}