/* MILISKILLS Ultimate – global styles (header, footer, content pages, WooCommerce) */
:root{--navy:#071832;--navy2:#0c264b;--gold:#d9b46b;--gold2:#eed39c;--gold-dark:#a47b37;--ink:#17243b;--cream:#f6f3ec;--muted:#657087;--border:#e4e7ec}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold-dark)}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #3c87ff;outline-offset:2px}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px;white-space:nowrap}
.skip-link:focus{clip:auto;width:auto;height:auto;padding:10px;z-index:100;top:0;left:0;background:#fff}

/* Announcement bar */
.announcement-bar{background:#061124;color:#e9f1ff;text-align:center;padding:9px 15px;font-size:12px;letter-spacing:.04em}
.announcement-bar span{color:#b4c2dc}

/* Header */
.site-header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff14;position:relative;z-index:20}
.header-inner{display:flex;align-items:center;gap:30px;min-height:83px}
.brand{margin-right:auto}
.brand-wordmark{display:inline-block;font-weight:900;letter-spacing:1.7px;font-size:23px;line-height:1.1;color:#fff;white-space:nowrap}
.brand-wordmark:hover{color:#fff}
.brand-wordmark span{color:var(--gold)}
.brand-wordmark small{display:block;font-size:8px;letter-spacing:2.6px;font-weight:600;color:#aebbd0;margin-top:5px;text-transform:uppercase}
.custom-logo{width:auto;max-width:210px;max-height:66px}
.nav-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:27px}
.nav-list a{font-size:13px;font-weight:600;color:#f6f7f9}
.nav-list a:hover,.nav-list .current-menu-item>a{color:var(--gold2)}
.header-actions{display:flex;align-items:center;gap:14px}
.header-cart{display:inline-flex;align-items:center;gap:7px;color:#f6f7f9;font-size:13px;font-weight:700;padding:9px 12px;border:1px solid #ffffff2e;border-radius:7px;white-space:nowrap}
.header-cart:hover{color:#fff;background:#ffffff12}
.cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:var(--gold);color:#13223d;font-size:11px;font-weight:800}
.header-cta{border:1px solid #caa65d75;color:var(--gold2);padding:11px 18px;border-radius:7px;font-size:13px;font-weight:700;white-space:nowrap}
.header-cta:hover{color:#fff;background:#ffffff12}
.menu-toggle{display:none;background:none;border:1px solid #ffffff44;color:#fff;border-radius:5px;padding:8px 12px;cursor:pointer}

/* Buttons used in templates */
.button{display:inline-block;padding:14px 22px;border-radius:7px;font-weight:800;font-size:13px;border:0;cursor:pointer}
.button-gold{background:linear-gradient(110deg,#c99c51,#efd092);color:#13223d}
.button-gold:hover{background:#efd092;color:#0d233e}

/* Generic sections */
.section{padding:70px 0}
.content-page h1,.commerce-main .woocommerce-products-header__title{font-size:36px;line-height:1.2;color:#0e2445;margin:0 0 24px}
.commerce-main{min-height:60vh}
.reading-width{max-width:800px}
.entry-content{overflow-wrap:anywhere}
.entry-content a{color:#9d762f;text-decoration:underline}
.post-card{border-bottom:1px solid var(--border);padding:22px 0}
.post-card h2{margin:0}
.post-thumb{margin:0 0 24px}
.empty-note{background:#f9f7f1;border:1px dashed #c7b98d;padding:26px;border-radius:10px;color:#6c6170}

/* Footer */
.site-footer{background:#06152d;color:#cad6e4;padding:60px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}
.footer-brand{font-weight:900;letter-spacing:2px;color:var(--gold);font-size:23px}
.footer-brand:hover{color:var(--gold2)}
.footer-grid h3{font-size:13px;color:#fff;margin:0 0 6px}
.footer-grid a:not(.footer-brand){display:block;font-size:13px;margin:9px 0;color:#cad6e4}
.footer-grid a:not(.footer-brand):hover{color:var(--gold2)}
.footer-grid p{font-size:13px;max-width:300px}
.footer-menu{list-style:none;padding:0;margin:0}
.copyright{border-top:1px solid #ffffff16;padding-top:19px;margin-top:40px;color:#879ab6;font-size:12px}

/* ---------------- WooCommerce ---------------- */
.woocommerce .woocommerce-breadcrumb{color:#8a93a2;margin-bottom:24px;font-size:13px}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,.woocommerce #respond input#submit,
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background:#0b2548;color:#fff;border-radius:6px;font-weight:700;padding:12px 20px;line-height:1.3}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover,.woocommerce input.button.alt:hover{background:#c7a055;color:#102444}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:#c9a45d;background:#f9f7f1;border-radius:0 0 8px 8px}
.woocommerce-message::before,.woocommerce-info::before{color:#b9914c}

/* Product grid (shop, categories, homepage) */
.products{list-style:none!important;padding:0!important;margin:0!important}
.woocommerce ul.products,.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;clear:both}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.products li.product{width:auto!important;float:none!important;margin:0!important;padding:0 0 22px!important;clear:none!important;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.woocommerce ul.products li.product a img,.products li.product img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0 0 15px!important;background:#f4f5f7}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.products li.product h2{font-size:17px!important;color:var(--ink);padding:0 18px!important;line-height:1.35;margin-bottom:8px!important}
.woocommerce ul.products li.product .price,.products li.product .price{padding:0 18px;color:#a8803c!important;font-weight:800!important}
.woocommerce ul.products li.product .button,.products li.product .button{margin:auto 18px 0!important;align-self:flex-start;font-size:12px}
.woocommerce ul.products li.product .onsale{right:10px;top:10px;left:auto;margin:0;background:#c9a35c;min-height:0;line-height:1.6;border-radius:30px;padding:0 12px}
.woocommerce ul.products li.product .added_to_cart{margin:10px 18px 0;font-size:12px;color:var(--gold-dark)}

/* Single product */
.woocommerce div.product .product_title{font-size:35px;line-height:1.2;color:#0e2445}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#a8803c;font-weight:800}
.woocommerce div.product form.cart{margin-bottom:1.5em}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:#fff}
.woocommerce div.product::after{content:"";display:block;clear:both}

/* Cart & Checkout (shortcode versions) */
.commerce-page .container{max-width:1180px}
.woocommerce table.shop_table{border:1px solid var(--border);border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table th{background:#f8fafc;color:#0e2445}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 16px;border-top:1px solid var(--border)}
.woocommerce table.shop_table thead th{border-top:0}
.woocommerce-cart table.cart img{width:70px;border-radius:6px}
.woocommerce .quantity .qty{width:72px;padding:9px 8px;border:1px solid #cdd3dd;border-radius:6px}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:#f9f7f1;border:1px solid #e8e4db;border-radius:12px;padding:22px}
.woocommerce-cart .cart-collaterals .cart_totals h2,.woocommerce-checkout h3{font-size:20px;color:#0e2445}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text{padding:11px 12px;border:1px solid #cdd3dd;border-radius:6px;background:#fff}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:#c9a45d;outline:0;box-shadow:0 0 0 3px #c9a45d33}
.woocommerce-checkout #payment{background:#fff;border-radius:10px;border:1px solid var(--border)}
.woocommerce-checkout #payment div.payment_box{background:#f8fafc}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#f8fafc}
.woocommerce a.remove{color:#b3392f!important}
.woocommerce a.remove:hover{background:#b3392f;color:#fff!important}

/* My Account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#0b2548;color:#fff}

/* Cart / Checkout blocks (WooCommerce block-based pages) */
.wc-block-components-button:not(.is-link){background:#0b2548;color:#fff;border-radius:6px}
.wc-block-components-button:not(.is-link):hover{background:#c7a055;color:#102444}

/* ---------------- Responsive ---------------- */
@media(max-width:1000px){
  .header-inner{gap:16px}
  .nav-list{gap:15px}
  .header-cta{display:none}
}
@media(max-width:760px){
  .container{width:min(100% - 30px,1180px)}
  .header-inner{min-height:72px;flex-wrap:wrap;padding:13px 0}
  .menu-toggle{display:block}
  .header-cart-label{display:none}
  .primary-nav{display:none;order:3;width:100%}
  .primary-nav.is-open{display:block}
  .nav-list{display:block;padding:12px 0}
  .nav-list li{padding:8px 0}
  .section{padding:48px 0}
  .woocommerce ul.products,.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr 1fr;gap:18px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .content-page h1,.commerce-main .woocommerce-products-header__title{font-size:28px}
  .woocommerce div.product .product_title{font-size:28px}
  .woocommerce-cart-form{overflow-x:auto}
}
@media(max-width:460px){
  .woocommerce ul.products,.products{gap:12px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title,.products li.product h2{font-size:14px!important;padding:0 11px!important}
  .woocommerce ul.products li.product .price,.products li.product .price{padding:0 11px}
  .woocommerce ul.products li.product .button,.products li.product .button{margin:auto 11px 0!important;font-size:11px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}