/*
Theme Name: edhan ws
Theme URI: https://achik.my.id/item/edhan-ws
Author: Achik Group Indonesia
Author URI: https://achik.my.id
Version: 4.6.0
*/
*{box-sizing:border-box}
body{margin:0;font-family:'Poppins', sans-serif;line-height:1.6;color:#333;overflow-x:hidden;background-color:#f5f7fa;} 
a{text-decoration:none;color:#2271b1}
img{max-width:100%;height:auto}
.site-header{padding:0 20px; height:70px; border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fff;position:relative}
.site-content-wrapper{max-width:1200px;margin:0 auto;padding:40px 20px}
.entry-card, .widget, .comments-area, .error-404{background:#fff;border:1px solid #e1e4e8;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.02)}
.achik-breadcrumbs{margin-bottom:20px;font-size:0.9em;color:#666;padding:10px 15px;background:#fff;border-radius:5px;border:1px solid #e1e4e8;display:inline-block;width:100%}
.achik-breadcrumbs a{color:#2271b1}
.pagination, .navigation.pagination { margin: 40px 0; text-align: center; }
.nav-links { display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; }
.page-numbers { display: inline-block; padding: 10px 16px; background: #fff; border: 1px solid #ddd; color: #333; border-radius: 4px; font-weight: 500; transition: all 0.3s ease; }
.page-numbers:hover { background: #f0f0f0; border-color: #ccc; }
.page-numbers.current { background: #2271b1; color: #fff; border-color: #2271b1; }
.page-numbers.dots { border: none; background: transparent; }
.post-navigation { display: flex; justify-content: space-between; margin-top: 30px; gap: 20px; }
.post-navigation div { width: 50%; }
.post-navigation a { display: block; padding: 15px; background: #fff; border: 1px solid #eee; border-radius: 5px; color: #333; font-weight: 600; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.post-navigation a:hover { border-color: #2271b1; color: #2271b1; }
.nav-previous a:before { content: '« '; } .nav-next a { text-align: right; } .nav-next a:after { content: ' »'; }
input,textarea,select{padding:10px;border:1px solid #ddd;width:100%;margin-bottom:10px}
button,input[type='submit']{background:#2271b1;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:4px}
button:hover,input[type='submit']:hover{opacity:0.9}
.site-footer { background-color: #23282d; color: #ffffff; padding: 30px 20px; text-align: center; margin-top: 40px; }
.site-footer a { color: #ffffff; text-decoration: underline; }

/* MENU SYSTEM (Accordion Mobile) */
.menu-toggle { display:none; background:none; border:none; font-size:28px; cursor:pointer; color:#333; line-height:1; }
@media (min-width: 769px) {
    .menu-toggle { display: none !important; }
    .main-navigation { display: block !important; height:auto !important; }
    .main-navigation ul { display: flex; list-style:none; margin:0; padding:0; gap:25px; }
    .main-navigation ul li { position: relative; padding: 22px 0; }
    .main-navigation ul li a { display:block; color:#333; font-weight:500; }
    .main-navigation ul li ul { display: block; position: absolute; top: 100%; left: 0; background: #fff; min-width: 220px; border: 1px solid #eee; border-top: 3px solid #2271b1; box-shadow: 0 5px 15px rgba(0,0,0,0.1); z-index: 100; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; flex-direction: column; gap:0; padding: 10px 0; }
    .main-navigation ul li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); }
    .main-navigation ul li ul li { padding: 0; border: none; }
    .main-navigation ul li ul li a { padding: 8px 20px; display:block; }
    .main-navigation ul li ul li a:hover { background: #f5f5f5; color: #2271b1; }
    .dropdown-toggle { display: none; } 
}
@media (max-width: 768px) {
    .menu-toggle { display: block; }
    .main-navigation { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-top: 1px solid #f0f0f0; z-index: 999; }
    .main-navigation.toggled { display: block; animation: slideDown 0.3s ease; }
    @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
    .main-navigation ul { list-style:none; padding:0; margin:0; }
    .main-navigation ul li { border-bottom:1px solid #eee; position: relative; }
    .main-navigation ul li a { display:block; padding:15px 20px; color:#333; }
    .main-navigation ul li ul { display: none; padding: 0; background: #fcfcfc; box-shadow: inset 0 3px 5px rgba(0,0,0,0.02); }
    .main-navigation ul li.open > ul { display: block; }
    .main-navigation ul li ul li { border-bottom: 1px solid #f0f0f0; }
    .main-navigation ul li ul li a { padding-left: 40px; font-size: 0.95em; color: #666; }
    .dropdown-toggle { position: absolute; top: 0; right: 0; width: 50px; height: 56px; background: transparent; border: none; border-left: 1px solid #f0f0f0; font-size: 20px; color: #666; cursor: pointer; line-height: 56px; }
}

.post-grid { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); /* 2 Kolom di HP */
    gap: 20px; 
}
@media (min-width: 992px) {
    .post-grid { grid-template-columns: repeat(4, 1fr); } /* 4 Kolom di Desktop */
} @media(min-width:992px){.site-content{display:grid;grid-template-columns:3fr 1fr;gap:30px}.widget-area{padding-left:20px;border-left:1px solid #eee}} .site-header{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.05)}
.woocommerce ul.products li.product .price { color: #2271b1; font-weight: bold; } .woocommerce span.onsale { background-color: #2271b1; } .woocommerce button.button.alt { background-color: #2271b1; } .woocommerce button.button.alt:hover { background-color: #333; }