/*
Theme Name: Masterpiece Commerce
Theme URI: https://dekoraliving.id/masterpiece-commerce
Author: Dekora Living & Antigravity
Author URI: https://dekoraliving.id
Description: Masterpiece Commerce v1.5.1 adalah tema WordPress storefront luxury interior & furniture Dekora Living yang terintegrasi penuh dengan sistem PK01 Operasional Usaha. Memiliki arsitektur role-aware, zero-dead-link, zero-dummy-data, dan navigasi storefront modern.
Version: 1.5.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: masterpiece-commerce
Tags: e-commerce, furniture, interior, luxury, responsive-layout, theme-options, translation-ready
*/

@import url('assets/css/variables.css');
@import url('assets/css/layout.css');
@import url('assets/css/components.css');
@import url('assets/css/pages.css');
@import url('assets/css/responsive.css');


/* Masterpiece Commerce 1.6.0 — unified header/footer, no-overlap navigation */
.site-header { isolation:isolate; }
.header-inner { display:grid; grid-template-columns:minmax(240px,1fr) auto auto; gap:24px; align-items:center; min-width:0; }
.site-branding { min-width:0; }
.brand-logo-wrap { max-width:280px; }
.main-navigation { min-width:0; }
.main-navigation .nav-menu { align-items:center; gap:clamp(14px,1.8vw,28px); flex-wrap:nowrap; }
.main-navigation .menu-item { white-space:nowrap; }
.main-navigation .menu-item a { font-size:13px; }
.header-actions { flex-shrink:0; gap:8px; }
.action-btn { white-space:nowrap; }
.mobile-navigation { display:none; }
.header-topbar-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:34px; }
.topbar-links { display:flex; align-items:center; gap:18px; white-space:nowrap; }
.topbar-links a { color:#d1c7bd; text-decoration:none; font-size:12px; }
.topbar-links a:hover { color:var(--color-brass-accent); }

/* Footer hierarchy */
.site-footer { margin-top:64px; border-top:1px solid var(--color-border-subtle); background:#171311; color:#d9d0c8; }
.site-footer .brand-title, .site-footer .footer-col-title { color:#fff; }
.site-footer .brand-desc { color:#bdb3aa; max-width:430px; }
.site-footer .footer-links { list-style:none; padding:0; margin:0; display:grid; gap:9px; }
.site-footer .footer-links a { color:#c9c0b8; text-decoration:none; font-size:13px; }
.site-footer .footer-links a:hover { color:#fff; }
.footer-system-bar { border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.footer-system-inner { min-height:42px; display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:#a89e96; }
.footer-system-bar .system-dot { color:var(--color-brass-accent); }
.footer-bottom { background:#0f0d0c; }
.footer-bottom-inner { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.footer-bottom .copyright { color:#8e8580; font-size:11px; margin:0; }
.footer-badges { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.footer-badges .badge-pill { color:#aaa09a; border-color:rgba(255,255,255,.12); }

/* Logged-in operational link is visually distinct without becoming another app */
.nav-operational a { font-weight:700 !important; }

@media (max-width:1180px) {
 .header-inner { grid-template-columns:1fr auto; }
 .main-navigation { grid-column:1 / -1; grid-row:2; border-top:1px solid var(--color-border-subtle); padding-top:12px; }
 .main-navigation .nav-menu { justify-content:center; }
}
@media (max-width:991px) {
 .header-inner { display:flex; }
 .main-navigation { display:none; }
 .mobile-menu-toggle { display:flex; }
 .mobile-navigation { display:none; border-top:1px solid var(--color-border-subtle); background:#fff; }
 .mobile-navigation.is-open { display:block; }
 .mobile-navigation-inner { display:grid; padding-top:8px; padding-bottom:12px; }
 .mobile-navigation-inner a { padding:11px 0; color:var(--color-walnut-dark); text-decoration:none; border-bottom:1px solid #eee8e2; font-size:14px; font-weight:600; }
 .header-topbar { display:none; }
}
@media (max-width:640px) {
 .header-inner { padding:12px 0; gap:10px; }
 .brand-title { font-size:19px; }
 .brand-subtitle { font-size:7px; }
 .action-label { display:none; }
 .action-btn { padding:8px 10px; }
 .header-actions { gap:5px; }
 .footer-bottom-inner { padding-top:14px; padding-bottom:14px; align-items:flex-start; flex-direction:column; }
 .footer-badges { justify-content:flex-start; }
}