/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Version:      1.0
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */

/* ========== LOGO SIZE FIX ========== */
/* Batasi ukuran logo agar tidak terlalu lebar di header */
#logo .penci-mainlogo,
#logo img.penci-limg {
    max-width: 360px !important;
    max-height: 90px !important;
    height: auto !important;
    width: auto !important;
}

/* Pastikan container logo sejajar dengan konten */
#logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

/* Samakan tinggi area putih header dengan tinggi logo */
#header .inner-header .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Hilangkan ikon social di area nav menu */
#navigation .main-nav-social {
    display: none !important;
}

/* Pastikan menu di navbar hitam tetap lolos kontras PageSpeed */
#navigation .menu > li > a,
#navigation .menu > li.current-menu-ancestor > a,
#navigation .menu > li.current-menu-item > a,
#navigation .menu > li.current_page_item > a,
#navigation .menu > li:hover > a,
#navigation .menu > li > a:hover,
#navigation ul.menu > li > a,
#navigation ul.menu > li.current-menu-ancestor > a,
#navigation ul.menu > li.current-menu-item > a,
#navigation ul.menu > li.current_page_item > a,
#navigation ul.menu > li:hover > a,
#navigation ul.menu > li > a:hover {
    color: #fff !important;
}

body #navigation ul#menu-main > li > a,
body #navigation ul#menu-main > li.current-menu-item > a,
body #navigation ul#menu-main > li.current_page_item > a,
body #navigation ul#menu-main > li.current-menu-ancestor > a,
body #navigation ul#menu-main > li:hover > a,
body #navigation ul#menu-main > li > a:hover {
    color: #fff !important;
}

/* Kontras untuk kategori/tanggal pada post grid homepage */
.grid-header-box .cat a.penci-cat-name,
.grid-header-box .cat a.penci-cat-name span,
.grid-header-box .grid-post-box-meta span,
.grid-header-box .grid-post-box-meta time {
    color: #fff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.grid-header-box .cat a.penci-cat-name,
.grid-header-box .cat a.penci-cat-name span,
.grid-header-box .grid-post-box-meta span.otherl-date,
.grid-header-box .grid-post-box-meta time.entry-date {
    display: inline-block;
    background: rgba(0, 0, 0, 0.82) !important;
    padding: 3px 7px;
}

/* Kontras tombol Load More */
.penci-pagination.penci-ajax-more a.penci-ajax-more-button,
.penci-pagination.penci-ajax-more a.penci-ajax-more-button span,
.penci-wrapper-posts-content .penci-pagination a.penci-ajax-more-button,
.penci-wrapper-posts-content .penci-pagination a.penci-ajax-more-button span {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* Link footer harus bisa dibedakan tanpa hanya mengandalkan warna */
#footer-copyright a,
.footer-logo-copyright #footer-copyright a {
    color: inherit !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

/* Badge kontras untuk kategori dan tanggal di featured slider */
.penci-featured-content .feat-text .featured-cat a,
.penci-featured-content .feat-text .feat-meta span,
.penci-featured-content .feat-text .feat-meta time {
    color: #fff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.penci-featured-content .feat-text .featured-cat a,
.penci-featured-content .feat-text .feat-meta span {
    display: inline-block;
    background: rgba(0, 0, 0, 0.78);
    padding: 3px 7px;
}

/* Dark mode: logo hitam dibuat putih, dan teks slider dibuat kontras */
body.pcdm-enable.pcdark-mode #logo img.penci-mainlogo,
body.pcdm-enable.pcdark-mode #logo img.penci-limg {
    filter: brightness(0) invert(1) !important;
}

body.pcdm-enable.pcdark-mode .penci-featured-content .featured-slider-overlay {
    background: #000 !important;
    opacity: 0.72 !important;
}

body.pcdm-enable.pcdark-mode .penci-featured-content .feat-text h3 a,
body.pcdm-enable.pcdark-mode .penci-featured-content .feat-text .feat-meta span,
body.pcdm-enable.pcdark-mode .penci-featured-content .feat-text .feat-meta time {
    color: #fff !important;
    opacity: 1 !important;
}

body.pcdm-enable.pcdark-mode .penci-featured-content .feat-text h3 a {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

/* Center menu desktop Soledad yang default-nya memakai float left */
@media only screen and (min-width: 961px) {
    #navigation .container {
        text-align: center;
    }

    #navigation .menu {
        float: none !important;
        display: inline-block !important;
        vertical-align: top;
    }

    #navigation .menu > ul > li,
    #navigation ul.menu > li {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }
}

/* Responsive: tablet */
@media (max-width: 768px) {
    #logo .penci-mainlogo,
    #logo img.penci-limg {
        max-width: 300px !important;
        max-height: 75px !important;
    }
}

/* Responsive: mobile */
@media (max-width: 480px) {
    #logo .penci-mainlogo,
    #logo img.penci-limg {
        max-width: 240px !important;
        max-height: 60px !important;
    }
}