/* ==========================================================
   Custom Fixes - 9nung.com
   Manages: mobile header buttons, slider arrows, pagination
   ========================================================== */


/* ----------------------------------------------------------
   0. Content font size 17px - เฉพาะส่วนที่เห็น
   ---------------------------------------------------------- */

/* ข้อมูลหนัง (IMDB, วันฉาย, ความยาว ฯลฯ) */
.sheader .data,
.sheader .data p,
.sheader .data span,
.sbox .sdata,
.sbox p,
.extra span {
    font-size: 17px !important;
}

/* เนื้อเรื่อง */
.wp-content p,
.wp-content {
    font-size: 17px !important;
}

/* นักแสดง / ผู้กำกับ */
.cast p, .cast a,
.director p, .director a {
    font-size: 17px !important;
}

/* Sidebar: เมนูหลัก, CATEGORIES, TAGS */
.widget ul li a,
.widget ul li,
.tagcloud a {
    font-size: 17px !important;
}

/* ----------------------------------------------------------
   1. Mobile header buttons - fix icons
   ---------------------------------------------------------- */
header button.aresp,
header.responsive button.aresp {
    background: transparent !important;
    color: #c8c8c8 !important;
    -webkit-text-fill-color: #c8c8c8 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 12px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

header button.aresp:hover,
header.responsive button.aresp:hover {
    background: rgba(255,255,255,.08) !important;
}

/* No ::before icons — icons are injected as <i> elements by JS */
header button.aresp::before,
header.responsive button.aresp::before {
    display: none !important;
    content: none !important;
}

/* Style the <i> icon elements inside header buttons */
header button.aresp i,
header.responsive button.aresp i {
    font-size: 22px !important;
    color: #c8c8c8 !important;
    -webkit-text-fill-color: #c8c8c8 !important;
    display: inline-block !important;
    line-height: 1 !important;
    pointer-events: none;
}

header button.aresp:hover i,
header.responsive button.aresp:hover i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* ----------------------------------------------------------
   2. Slider arrows - smaller silver
   ---------------------------------------------------------- */
.btn.prevf, .btn.nextf, .btn.prev4, .btn.next4 {
    padding: 4px 10px !important;
    font-size: 12px !important;
    min-width: 0 !important;
    background: rgba(50,50,50,.88) !important;
    color: #c0c0c0 !important;
    -webkit-text-fill-color: #c0c0c0 !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.4) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.btn.prevf i, .btn.nextf i, .btn.prev4 i, .btn.next4 i {
    color: #c0c0c0 !important;
    -webkit-text-fill-color: #c0c0c0 !important;
    font-size: 12px !important;
}

/* ----------------------------------------------------------
   3. Pagination wrapper - center everything
   ---------------------------------------------------------- */
.module .content .pagination,
.pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 12px auto !important;
    padding: 0 !important;
}

/* ----------------------------------------------------------
   4. Pagination items sizing
   ---------------------------------------------------------- */
.module .content .pagination span.current,
.module .content .pagination a.inactive,
.module .content .pagination a.arrow_pag,
.pagination span.current,
.pagination a.inactive,
.pagination a.arrow_pag {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

.pagination a.arrow_pag,
.module .content .pagination a.arrow_pag {
    min-width: 40px !important;
}

/* Hide "Page X" text label */
.pagination span:first-child,
.module .content .pagination span:first-child {
    display: none !important;
}

/* ----------------------------------------------------------
   5. Pagination - silver colors (override any green from cache)
   ---------------------------------------------------------- */
.module .content .pagination span.current,
.pagination span.current {
    color: #ffffff !important;
    background: rgba(200,200,200,.18) !important;
    border-color: #b0b0b0 !important;
}

.module .content .pagination a.inactive,
.pagination a.inactive {
    color: #a0a0a0 !important;
    border-color: rgba(180,180,180,.35) !important;
    background: transparent !important;
}

.module .content .pagination a.inactive:hover,
.pagination a.inactive:hover {
    color: #ffffff !important;
    border-color: #c8c8c8 !important;
    background: rgba(200,200,200,.12) !important;
}

.module .content .pagination a.arrow_pag,
.pagination a.arrow_pag {
    border-color: rgba(180,180,180,.5) !important;
    color: #c8c8c8 !important;
    background: transparent !important;
}

.module .content .pagination a.arrow_pag:hover,
.pagination a.arrow_pag:hover {
    border-color: #c8c8c8 !important;
    color: #ffffff !important;
    background: rgba(200,200,200,.12) !important;
}

/* ----------------------------------------------------------
   6. Pagination jump (Go to page) - centered separate row
   ---------------------------------------------------------- */
.doo-jump-wrap {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 8px auto 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}