/*
Theme Name:   Comics Hut Pro
Theme URI:    https://comicshut.com/
Description:  Clean viral-feed child theme for Bimber: bold typography, orange accent, pill upvote buttons, rounded cards, reading progress bar and a sticky bottom ad slot.
Author:       Comics Hut
Template:     bimber
Version:      1.0.0
Text Domain:  comicshut-pro
*/

:root{
  --chp-brand:#ff6a1a; --chp-brand-d:#e85a0c; --chp-ink:#222; --chp-sub:#555;
  --chp-muted:#8a8a8a; --chp-line:#ececec; --chp-soft:#f5f5f5;
}

/* ---------- Typography ---------- */
body, input, select, textarea, button, .g1-button{
  font-family:'Open Sans',Arial,sans-serif !important;
}
body{color:var(--chp-ink);-webkit-font-smoothing:antialiased}
.entry-title, .g1-alpha, .g1-beta, .g1-gamma, .g1-delta, .g1-mega,
h1, h2, h3, h4{font-family:'Open Sans',Arial,sans-serif !important;font-weight:800 !important;letter-spacing:-.3px}
.entry-title > a:hover, .entry-content a:hover{color:var(--chp-brand) !important}
.entry-content{font-size:17px;line-height:1.7;color:#333}

/* ---------- Header & menu ---------- */
.g1-hb-row{border-bottom:1px solid var(--chp-line)}
.g1-primary-nav-menu > .menu-item > a{
  font-weight:700 !important;text-transform:uppercase;letter-spacing:.3px;font-size:13.5px !important;
  border-bottom:3px solid transparent;transition:border-color .2s,color .2s;
}
.g1-primary-nav-menu > .menu-item > a:hover,
.g1-primary-nav-menu > .current-menu-item > a{color:var(--chp-ink) !important;border-bottom-color:var(--chp-brand)}
.g1-primary-nav-menu .sub-menu{border-radius:12px;overflow:hidden;box-shadow:0 12px 30px -12px rgba(0,0,0,.25)}
.search-form .search-field{border-radius:20px !important;background:var(--chp-soft) !important;border:1px solid var(--chp-line) !important}

/* ---------- Buttons ---------- */
.g1-button, .g1-button-solid, .snax-button, input[type=submit], button[type=submit]{
  border-radius:20px !important;font-weight:700 !important;transition:background .2s,transform .1s;
}
.g1-button-solid, .snax .g1-button-solid, input[type=submit], button[type=submit]{
  background-color:var(--chp-brand) !important;border-color:var(--chp-brand) !important;color:#fff !important;
}
.g1-button-solid:hover, input[type=submit]:hover, button[type=submit]:hover{background-color:var(--chp-brand-d) !important}
.g1-button:active{transform:scale(.97)}
.g1-load-more, .g1-button-m.g1-load-more{border:2px solid var(--chp-ink) !important;background:#fff !important;color:var(--chp-ink) !important;border-radius:24px !important}
.g1-load-more:hover{background:var(--chp-ink) !important;color:#fff !important}

/* ---------- Cards & images ---------- */
.g1-card{border-radius:10px;overflow:hidden;border:1px solid var(--chp-line);box-shadow:none;transition:box-shadow .25s,transform .25s}
.g1-card:hover{box-shadow:0 14px 30px -16px rgba(0,0,0,.3);transform:translateY(-2px)}
.entry-featured-media img, .g1-frame img, .entry-content img, .snax-item img{border-radius:8px}
.g1-frame-inner{border-radius:8px;overflow:hidden}
.entry-categories .entry-category, .entry-flag{
  background:var(--chp-brand) !important;color:#fff !important;border-radius:3px;font-weight:800;text-transform:uppercase;font-size:11px;padding:2px 8px;
}

/* ---------- Voting (Snax) ---------- */
.snax-voting{display:inline-flex;align-items:center;gap:8px}
.snax-voting-upvote, .snax-voting-downvote{
  border:1px solid var(--chp-line) !important;background:#fff !important;border-radius:20px !important;
  min-width:40px;height:38px;transition:background .2s,color .2s;
}
.snax-voting-upvote:hover, .snax-voting-upvote.snax-user-voted{background:var(--chp-brand) !important;color:#fff !important;border-color:var(--chp-brand) !important}
.snax-voting-downvote:hover, .snax-voting-downvote.snax-user-voted{background:#666 !important;color:#fff !important}
.snax-voting-score{font-weight:800 !important;color:var(--chp-ink)}
.snax-item{padding-bottom:28px;border-bottom:1px solid var(--chp-line)}
.snax-item-position, .g1-frame-icon{color:var(--chp-brand) !important;font-weight:800}

/* ---------- Sidebar widgets ---------- */
.widget-title, .g1-delta-2nd.widget-title{
  text-transform:uppercase;font-size:15px !important;letter-spacing:.5px;
  padding-bottom:10px;border-bottom:3px solid var(--chp-ink);margin-bottom:16px;
}
.widget-title:before, .widget-title:after{display:none !important}
.wpp-list li{border-bottom:1px solid var(--chp-line);padding-bottom:12px}
.wpp-list li a:hover{color:var(--chp-brand)}

/* ---------- Ads (AdAce) ---------- */
.adace-slot, .adace-slot-wrapper{margin-left:auto;margin-right:auto;text-align:center}
.adace-slot:before, .chp-ad-label{
  display:block;content:"Advertisement";font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--chp-muted);margin-bottom:4px;
}

/* Sticky bottom anchor ad */
.chp-anchor{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#fff;border-top:1px solid var(--chp-line);
  box-shadow:0 -6px 20px -10px rgba(0,0,0,.3);padding:6px 0;text-align:center}
.chp-anchor .chp-close{position:absolute;right:10px;top:-26px;width:26px;height:26px;border:1px solid var(--chp-line);border-bottom:0;
  border-radius:6px 6px 0 0;background:#fff;cursor:pointer;font-size:13px;line-height:1;padding:0}
body.chp-has-anchor{padding-bottom:100px}
@media (max-width:760px){body.chp-has-anchor{padding-bottom:62px}}

/* Reading progress bar */
#chp-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--chp-brand);z-index:99999;transition:width .1s linear}
.admin-bar #chp-progress{top:32px}
@media (max-width:782px){.admin-bar #chp-progress{top:46px}}

/* ---------- Footer ---------- */
.g1-footer, .g1-prefooter{background:#1d1d1d !important;color:#bbb}
.g1-footer a:hover{color:#fff !important}

/* ---------- Comments ---------- */
.comment-body, .wpd-comment{border-radius:10px}
.comment-respond textarea{border-radius:12px !important}