/*
Theme Name:   MUST Child
Theme URI:    https://mustcosmetics.com.au
Description:  MUST Concept 9 — warm beige, white and yellow. Built on Kadence.
Author:       MUST COSMETICS PTY LTD
Template:     kadence
Version:      2.0.1
Text Domain:  must-child
*/

:root:root {
  --must-yellow:#FFC21A; --must-yellow-d:#E5A800;
  --must-head:#F6F4F0; --must-beige:#DDD4CE; --must-beige-l:#EFEAE6; --must-line:#C9BFB8;
  --must-ink:#34302D; --must-soft:#5E5650; --must-gold:#7A5600; --must-card:#F7F5F2;
  --must-display:'Archivo','Arial Narrow',sans-serif; --must-body:'Manrope',system-ui,sans-serif;
  --global-palette1:#FFC21A; --global-palette2:#E5A800; --global-palette3:#34302D; --global-palette4:#34302D;
  --global-palette5:#5E5650; --global-palette6:#7D746D; --global-palette7:#EFEAE6; --global-palette8:#F7F5F2; --global-palette9:#FFFFFF;
  --global-body-font-family:var(--must-body); --global-heading-font-family:var(--must-display);
}
body{font-family:var(--must-body);color:var(--must-ink);background:#fff}
h1,h2,h3,h4{font-family:var(--must-display);color:var(--must-ink);line-height:1.12}

/* Buttons: yellow, dark text */
body .wp-block-button__link, body .button, body button.button, body input[type="submit"],
body .woocommerce a.button, body .woocommerce button.button, body .wc-block-components-button:not(.is-link){
  background:var(--must-yellow);color:#111;border:2px solid var(--must-yellow);border-radius:8px;font-weight:800;letter-spacing:.6px;padding:14px 26px}
body .wp-block-button__link:hover, body .woocommerce a.button:hover, body .woocommerce button.button:hover{background:var(--must-yellow-d);border-color:var(--must-yellow-d);color:#111}
body .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--must-ink);border-color:var(--must-ink)}
body .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--must-ink);color:#fff}

/* Top bar */
.must-announce{background:var(--must-yellow);color:#111;font:800 13px/1.4 var(--must-body);letter-spacing:.5px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 34px;padding:9px 16px}

/* Header: off-white */
#masthead, #masthead .site-header-row-container-inner, #mobile-header .site-header-row-container-inner{background:var(--must-head)}
#masthead{border-bottom:1px solid var(--must-line)}
#masthead a, #masthead .site-title, #masthead .header-menu-container ul.menu>li>a, #mobile-header a, #mobile-header .menu-toggle-open,
#masthead .header-social-wrap a, #masthead .header-cart-button{color:var(--must-ink)}
#masthead .header-menu-container ul.menu>li>a{font-family:var(--must-display);font-weight:800;letter-spacing:.6px}
#masthead .header-menu-container ul.menu>li>a:hover, #masthead .header-menu-container ul.menu>li.current-menu-item>a{color:var(--must-gold)}
#masthead .header-cart-total{background:var(--must-yellow);color:#111}

/* Footer: beige */
#colophon, #colophon .site-footer-row-container-inner{background:var(--must-beige);color:var(--must-ink)}
#colophon a{color:var(--must-ink)}

/* Sections */
.must-section{padding:64px 0;margin:0!important}
.must-wrap{max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.must-narrow .must-wrap{max-width:860px}
.must-beige{background:var(--must-beige)}
.must-soft{background:var(--must-card)}
.must-hero{background:var(--must-beige);padding:96px 0 104px;margin-top:0!important}
.must-hero h1{font-size:clamp(38px,6vw,64px);font-weight:900;letter-spacing:-1.2px;margin:0}
.must-pagehero{background:var(--must-beige);padding:56px 0;text-align:center;margin-top:0!important}
.must-pagehero h1{font-size:clamp(32px,5vw,48px);font-weight:900;margin:0}
.must-crumb{font-size:14px;color:var(--must-soft);margin:0 0 10px}
.must-center{text-align:center}
.must-center .must-bar, .must-hero .must-bar{margin-left:auto;margin-right:auto}
.must-center .must-lead, .must-hero .must-lead, .must-pagehero .must-lead{margin-left:auto;margin-right:auto}
.must-eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--must-gold);margin:0 0 10px}
.must-bar{width:64px;height:3px;background:var(--must-yellow);margin:0 0 14px;min-height:0;padding:0}
.must-lead{color:var(--must-soft);font-size:18px;max-width:660px}
.must-small{font-size:14px;color:var(--must-soft)}
.must-gap{margin-top:44px!important}
.must-center-btns{justify-content:center;margin-top:28px}
.must-section h2{font-size:clamp(26px,3.4vw,34px);font-weight:900;margin:0 0 6px}

/* Cards */
.must-card{background:#fff;border:1px solid #ECE6E1;border-radius:10px;padding:22px;height:100%;box-sizing:border-box}
.must-card h3{font-size:18px;margin:0 0 6px}
.must-card p{margin:0 0 6px}
.must-note{background:var(--must-beige-l);border-color:var(--must-line)}
.must-ph{background:var(--must-beige-l);color:#7D746D;border-radius:8px;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;padding:12px}
.must-team .must-ph{min-height:0;aspect-ratio:1/1}
.must-team h3{margin-top:14px}
.must-role{color:var(--must-gold);font-weight:800;font-size:14px}
.must-stars{color:var(--must-gold);letter-spacing:2px}
.must-stat{font-family:var(--must-display);font-size:30px;font-weight:900;color:var(--must-gold);margin:0}
.must-statlabel{font-size:12px;font-weight:800;letter-spacing:1.4px;margin:0}
.must-formnote{border:2px dashed var(--must-line);border-radius:10px;padding:22px;background:var(--must-card)}
.must-policy{margin-bottom:18px}
.must-policy h2{font-size:24px}

/* Tick and step lists */
ul.must-ticks, ol.must-steps{list-style:none;padding:0;margin:16px 0}
ul.must-ticks li, ol.must-steps li{position:relative;padding:14px 16px 14px 60px;margin:0 0 10px;background:#fff;border:1px solid #ECE6E1;border-radius:10px}
ul.must-ticks li::before{content:"✓";position:absolute;left:16px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--must-yellow);color:#111;font-weight:900;display:flex;align-items:center;justify-content:center}
ol.must-steps{counter-reset:s}
ol.must-steps li{counter-increment:s}
ol.must-steps li::before{content:counter(s);position:absolute;left:16px;top:12px;width:30px;height:30px;border-radius:8px;background:var(--must-yellow);color:#111;font-weight:900;display:flex;align-items:center;justify-content:center}

/* Tables */
.must-table{overflow-x:auto;margin:16px 0}
.must-table table{width:100%;border-collapse:collapse;background:#fff;min-width:520px}
.must-table th,.must-table td{text-align:left;padding:13px 16px;border-bottom:1px solid #ECE6E1;vertical-align:top}
.must-table tbody th{color:var(--must-soft);width:36%;font-weight:700}

/* WooCommerce bits */
.must-cats ul.products li.product-category img{border-radius:50%;aspect-ratio:1/1;object-fit:cover;background:var(--must-beige)}
.must-cats ul.products li.product-category h2{font-family:var(--must-display);font-size:14px;letter-spacing:1.4px;text-transform:uppercase;text-align:center}
.must-cats ul.products li.product-category mark{display:none}
ul.products li.product{border:1px solid #ECE6E1;border-radius:8px;overflow:hidden;background:#fff;padding-bottom:14px}
ul.products li.product .woocommerce-loop-product__title{font-family:var(--must-body);font-weight:800;font-size:15px;padding:0 14px}
ul.products li.product .price{color:var(--must-ink);font-weight:800;padding:0 14px}
ul.products li.product .onsale{background:var(--must-yellow);color:#111;border-radius:4px}

/* WhatsApp button */
.must-wa{position:fixed;right:18px;bottom:18px;z-index:999;height:52px;padding:0 18px 0 12px;border-radius:999px;background:#111;color:#fff!important;display:inline-flex;align-items:center;gap:10px;font:800 15px var(--must-body);text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.must-wa span{width:30px;height:30px;border-radius:50%;background:#1F8F4E;display:inline-flex;align-items:center;justify-content:center}

@media (max-width:781px){.must-section{padding:46px 0}.must-hero{padding:64px 0 72px}.must-ph{min-height:200px}}
.must-cats ul.products li.product-category img{max-width:170px;margin:0 auto;display:block}