/*
Theme Name: Sita
Theme URI: https://updesa.com/
Author: mariyadi
Author URI: https://updesa.com/
Description: A high-speed, SEO-friendly WordPress theme built with the Milligram CSS framework. Optimized for performance, SEO, with integrated Schema.org, Open Graph, and essential features.
Version: 1.4.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sita
Tags: lightweight, milligram, seo, fast, responsive-layout, one-column, blog, clean
*/

/* General Styling */
body { font-family: 'Roboto', sans-serif; background-color: #f4f5f6; color: #606c76; line-height: 1.6; }
.container { max-width: 96rem; margin: 0 auto; padding: 0 2.0rem; background-color: #fff; border: 1px solid #d1d1d1; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
a { color: #763a9b; text-decoration: underline; }
a:hover { color: #606c76; text-decoration: none; }
hr { border: 0; border-top: 1px solid #f1f1f1; }

.site-header { padding: 1.5rem 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 0; min-height: 80px; display: flex; align-items: center; }
.header-container { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.site-title { margin: 0; }
.site-title a, .site-title a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #606c76;
    font-size: 2.4rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
.site-title a:hover { color: #763a9b; }

.main-navigation { position: relative; }
.menu-toggle { display: none; }
.main-navigation ul { list-style: none; margin: 0; padding: 0; }
.main-navigation li { position: relative; display: inline-block; margin-left: 1.5rem; }
.main-navigation a, .main-navigation a:hover { text-decoration: none; }
.main-navigation .sub-menu { display: none; position: absolute; background-color: #fff; border: 1px solid #d1d1d1; padding: 1rem; z-index: 1000; min-width: 180px; right: 0; }
.main-navigation .sub-menu li { display: block; margin: 0; }
.main-navigation .sub-menu a { display: block; padding: 0.5rem 1rem; }
.main-navigation li:hover > .sub-menu { display: block; }

.breadcrumbs-container { min-height: 50px; display: flex; align-items: center; margin-bottom: 2.0rem; }
.sita-breadcrumbs { background-color: #f1f1f1; padding: 0.8rem 1.5rem; font-size: 0.9em; border-radius: 4px; width: 100%; }
.sita-breadcrumbs a { text-decoration: underline; }
.sita-breadcrumbs a:hover { text-decoration: none; }
.sita-breadcrumbs span { margin: 0 0.5rem; }

.site-main { padding-bottom: 2.0rem; padding-top: 2.0rem; }
.page-header { margin-bottom: 3rem; }
.entry-title, .page-title, .archive-title { margin-bottom: 0.5rem; overflow-wrap: break-word; word-wrap: break-word; }
.entry-title a, .entry-title a:hover { text-decoration: none; }
.post-meta { font-size: 80%; color: #606c76; margin-bottom: 1.5rem; }
.post-meta a { text-decoration: none; border-bottom: 1px dotted #763a9b; }
.post-meta a:hover { border-bottom-style: solid; }
.entry-content, .entry-summary, .archive-description { margin-top: 1.5rem; }

.entry-content ol, .entry-content ul { list-style-position: outside; margin-left: 1.8rem; }
.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }
.entry-content li { margin-bottom: 1.0rem; }
.entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin-top: 1.0rem; }

img { max-width: 100%; height: auto; display: block; border-style: none; }
.wp-caption { max-width: 100%; margin: 1.5rem auto; }
.wp-caption img { margin: 0 auto 0.5rem; }
.wp-caption-text { font-size: 0.9em; color: #606c76; text-align: center; }

.entry-content .wp-block-embed, .entry-content iframe { margin: 1.5rem auto; display: block; max-width: 100%; }
.responsive-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.responsive-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
.entry-content blockquote { border-left: 3px solid #763a9b; padding-left: 1.5rem; margin-left: 0; margin-right: 0; font-style: italic; color: #606c76; }

.sita-pagination { margin-top: 3rem; text-align: center; }
.sita-pagination .page-numbers { padding: 0.8rem 1.2rem; margin: 0 0.2rem; border: 1px solid #d1d1d1; text-decoration: none; border-radius: 4px; }
.sita-pagination .page-numbers.current, .sita-pagination .page-numbers:hover { background-color: #763a9b; color: #fff; border-color: #763a9b; }

.related-posts, .sita-share-bar { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #eee; }
.related-posts ul { list-style-position: inside; padding-left: 0; }
.sita-share-bar a { margin-right: 10px; text-decoration: none; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; display: inline-block; margin-bottom: 5px; }
.sita-share-bar a:hover { background-color: #f4f5f6; text-decoration: underline; }

.author-box { background: #f9f9f9; padding: 2rem; margin-top: 2rem; border: 1px solid #eee; border-radius: 4px; }
.author-box .page-title { margin-top: 0; }

.site-footer { padding: 2rem 0; margin-top: 2rem; border-top: 1px solid #d1d1d1; text-align: center; font-size: 0.9em; }
.footer-navigation { margin-bottom: 1.5rem; }
.footer-menu { list-style: none; margin: 0; padding: 0; }
.footer-menu li { display: inline-block; margin: 0 15px; }
.footer-menu a { text-decoration: none; font-size: 0.9em; }

.home-post-list { display: flex; align-items: flex-start; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid #eee; }
.post-list-container > .home-post-list:last-child { border-bottom: none; margin-bottom: 0; }
.list-thumbnail { flex-shrink: 0; margin-right: 2rem; width: 150px; }
.list-thumbnail img { border-radius: 8px; }
.list-content { flex: 1; }
.list-title { margin-top: 0; margin-bottom: 0.5rem; font-size: 2.2rem; }
.list-title a { text-decoration: none; color: #606c76; }
.list-title a:hover { color: #763a9b; }
.list-excerpt p { margin: 0; }

.sita-ad-container { margin: 2rem 0; text-align: center; }
.ad-placeholder { display: flex; align-items: center; justify-content: center; min-height: 100px; background-color: #f1f1f1; border: 1px dashed #ccc; color: #999; font-size: 1.4rem; }

.sita-sticky-ad { display: none; }

@media (max-width: 750px) {
    body { margin-bottom: 110px; }
    .container { padding-left: 0; padding-right: 0; border-left: none; border-right: none; }
    .site-header, .breadcrumbs-container, .sita-ad-container, .site-main, .site-footer { padding-left: 1.5rem; padding-right: 1.5rem; }
    .site-header { min-height: 0; padding-bottom: 0; }
    .header-container { flex-direction: column; align-items: center; }
    .site-title { margin-bottom: 1.5rem; text-align: center; }
    .site-title a { font-size: 2.8rem; }
    .breadcrumbs-container { min-height: 0; margin-bottom: 0; }
    .main-navigation { width: 100%; position: static; }
    .menu-toggle { display: block; position: relative; z-index: 1001; background-color: transparent !important; border: 1px solid #d1d1d1; border-radius: 4px; color: #606c76; width: 44px; height: 44px; margin: 0 auto; margin-bottom: 1.5rem; padding: 0; text-indent: -9999px; outline: none; }
    .menu-toggle::before, .menu-toggle::after { content: ''; position: absolute; left: 50%; top: 50%; height: 2px; width: 20px; background-color: #606c76; transition: transform 0.3s ease, background-color 0.3s ease; }
    .menu-toggle::before { transform: translate(-50%, -6px); }
    .menu-toggle::after { transform: translate(-50%, 4px); }
    .menu-toggle[aria-expanded="true"] { position: fixed; top: 20px; right: 20px; margin: 0; border-color: transparent; }
    .menu-toggle[aria-expanded="true"]::before, .menu-toggle[aria-expanded="true"]::after { background-color: #606c76; }
    .menu-toggle[aria-expanded="true"]::before { transform: translate(-50%, -50%) rotate(45deg); }
    .menu-toggle[aria-expanded="true"]::after { transform: translate(-50%, -50%) rotate(-45deg); }
    .main-navigation ul#primary-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; margin-top: 0; padding: 80px 2rem 2rem; background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(5px); z-index: 1000; overflow-y: auto; box-sizing: border-box; }
    .main-navigation ul#primary-menu.toggled { display: block; }
    .main-navigation ul#primary-menu li { display: block; text-align: center; margin: 0; }
    .main-navigation ul#primary-menu li a { padding: 1.5rem; border-bottom: 1px solid #f1f1f1; display: block; font-size: 1.8rem; }
    .main-navigation ul#primary-menu li:last-child a { border-bottom: none; }
    .main-navigation ul#primary-menu .sub-menu { position: static; border: none; padding-left: 1.5rem; background-color: transparent; }
    .main-navigation ul#primary-menu .sub-menu a { font-size: 1.6rem; padding-left: 2rem; }
    .sita-sticky-ad { display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; background-color: #fff; padding: 5px 0; border-top: 1px solid #e0e0e0; box-shadow: 0 -2px 8px rgba(0,0,0,0.1); }
    .sita-ad-close { position: absolute; top: -12px; right: 5px; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 1px solid #ccc; color: #606c76; font-size: 18px; line-height: 22px; font-weight: bold; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,0.15); padding: 0; }
}

@media (max-width: 600px) {
    .home-post-list { flex-direction: column; }
    .list-thumbnail { margin-right: 0; margin-bottom: 1.5rem; width: 100%; }
    .list-thumbnail img { width: 100%; height: auto; }
}