/*
Theme Name: Beritaku
Theme URI: https://demooweb.com/beritaku
Author: Beritaku
Author URI: https://demooweb.com/
Description: Tema portal berita WordPress Indonesia dengan layout headline, breaking news, grid, slider, terkini, video, opini, terpopuler, indeks, galeri, redaksi, dark mode, AMP, area iklan, dan pengaturan melalui WordPress Customizer.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: beritaku
Tags: news, blog, magazine, grid-layout, two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* =========================================================
   MultiPage Artikel / Post Pagination
   ========================================================= */
.beritaku-multipage{
    --beritaku-pagination-accent:#217c9d;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    margin:32px 0 10px;
    padding:18px 22px;
    background:#f5f5f5;
    border:1px solid rgba(0,0,0,.025);
    border-radius:12px;
}
.beritaku-multipage__label{
    flex:0 0 auto;
    color:#222;
    font-family:var(--font-heading,inherit);
    font-size:16px;
    font-weight:700;
    line-height:1.2;
}
.beritaku-multipage__controls,
.beritaku-multipage__numbers{
    display:flex;
    align-items:center;
    gap:8px;
}
.beritaku-multipage__controls{justify-content:flex-end;flex-wrap:wrap;}
.beritaku-multipage__number,
.beritaku-multipage__direction{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:0 12px;
    border:0;
    text-decoration:none !important;
    color:#161616;
    background:#e7e7e7;
    font-size:14px;
    font-weight:700;
    line-height:1;
    transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.beritaku-multipage__number{width:40px;padding:0;border-radius:50%;}
.beritaku-multipage__number.is-current{
    color:#fff;
    background:var(--beritaku-pagination-accent);
}
a.beritaku-multipage__number:hover,
a.beritaku-multipage__number:focus-visible{
    color:#fff;
    background:var(--beritaku-pagination-accent);
}
.beritaku-multipage__direction{
    min-width:auto;
    padding:0 16px;
    border-radius:999px;
    white-space:nowrap;
}
.beritaku-multipage__direction:hover,
.beritaku-multipage__direction:focus-visible{
    color:#fff;
    background:var(--beritaku-pagination-accent);
}
.beritaku-multipage a:focus-visible{outline:2px solid var(--beritaku-pagination-accent);outline-offset:2px;}
body.dark-mode .beritaku-multipage,
html[data-theme="dark"] .beritaku-multipage{
    background:#171717;
    border-color:#2a2a2a;
}
body.dark-mode .beritaku-multipage__label,
html[data-theme="dark"] .beritaku-multipage__label{color:#fff;}
body.dark-mode .beritaku-multipage__number,
body.dark-mode .beritaku-multipage__direction,
html[data-theme="dark"] .beritaku-multipage__number,
html[data-theme="dark"] .beritaku-multipage__direction{
    color:#eee;
    background:#2b2b2b;
}
body.dark-mode .beritaku-multipage__number.is-current,
html[data-theme="dark"] .beritaku-multipage__number.is-current{background:var(--beritaku-pagination-accent);color:#fff;}
@media (max-width:640px){
    .beritaku-multipage{align-items:flex-start;flex-direction:column;gap:14px;padding:16px;margin:24px 0 8px;}
    .beritaku-multipage__controls{width:100%;justify-content:flex-start;gap:7px;}
    .beritaku-multipage__numbers{gap:7px;}
    .beritaku-multipage__number{width:38px;min-width:38px;height:38px;}
    .beritaku-multipage__direction{height:38px;padding:0 13px;font-size:13px;}
}