/* MyTheme demos - shared styles. Each demo sets the --md-* variables in its own file. */
:root{--md-ink:#263b35;--md-accent:#b96f50;--md-soft:#f5f2ea;--md-line:#dedbd2;--md-muted:#6e7067;--md-head:'Playfair Display',Georgia,serif;--md-body:'DM Sans',Arial,sans-serif;--md-footer:#efede5}
body{color:var(--md-ink)}

/* Typography */
.md-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;margin:0 0 18px;color:var(--md-accent);text-transform:uppercase}
.md-h1{font:500 clamp(44px,5.6vw,76px)/1.04 var(--md-head);letter-spacing:-.04em;margin:0 0 22px;color:var(--md-ink)}
.md-h1-sm{font-size:clamp(36px,4.6vw,60px);margin-bottom:14px}
.md-h2{font:500 clamp(32px,4vw,52px)/1.1 var(--md-head);letter-spacing:-.04em;margin:0 0 18px;color:var(--md-ink)}
.md-h2-sm{font-size:clamp(26px,3.2vw,40px)}
.md-h4{font:500 22px var(--md-head);margin:0 0 10px;color:var(--md-ink)}
.md-h1 em,.md-h2 em,.md-quote em{font-style:normal;color:var(--md-accent)}
.md-lead{font-size:16px;line-height:1.8;color:#5e655d;max-width:540px;margin:0 0 28px}
.md-muted{font-size:14px;line-height:1.8;color:var(--md-muted)}
.md-page-head{border-bottom:1px solid var(--md-line)}
.md-prose h2{font:500 26px/1.2 var(--md-head);margin:32px 0 10px;letter-spacing:-.02em}
.md-prose p,.md-prose li{font-size:15px;line-height:1.85;color:#4f564f}
.md-prose a,.md-muted a{color:var(--md-accent);text-decoration:underline;text-underline-offset:3px}

/* Buttons */
.button,button.button,.button.primary{border-radius:0;letter-spacing:.03em;font-size:12px;font-weight:600;min-height:49px;line-height:47px;padding:0 24px}
.button.is-link,.button.is-underline{min-height:0;line-height:1.6}

/* Header */
.header-wrapper{border-bottom:1px solid rgba(0,0,0,.08)}
#top-bar{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.nav>li>a:hover,.nav>li.active>a{color:var(--md-accent)!important}
.logo a{font-family:var(--md-head);font-weight:600;letter-spacing:-.02em}

/* Trust strip, values, quote */
.md-trust-wrap{border-bottom:1px solid var(--md-line)}
.md-trust{margin:0;font-size:11px;letter-spacing:.035em;color:var(--md-ink)}
.md-trust span{color:var(--md-accent);font-size:15px;margin-right:9px}
.md-values{margin:22px 0;border-top:1px solid var(--md-line)}
.md-values>div{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--md-line)}
.md-values span{font-size:11px;color:var(--md-accent);padding-top:3px}
.md-values p{margin:0;font-size:12px;line-height:1.8;color:var(--md-muted)}
.md-values b{color:var(--md-ink);font-size:13px}
.md-quote-mark{font:90px/.7 var(--md-head);color:#c4b89f;display:block}
.md-quote{font:500 clamp(26px,3.8vw,42px)/1.3 var(--md-head);margin:12px 0 22px;color:#f9f5ed}
.md-quote em{color:#d5a18a}
.md-quote-by{font-size:9px;letter-spacing:.18em;color:#d4d3c8;margin:0}

/* Image-box cards */
.image-box .box-text{padding:17px 2px 0!important}
.md-cat-kicker{margin:0 0 6px;font-size:10px;letter-spacing:.14em;color:var(--md-muted)}
.md-cat-title{margin:0;font:500 22px var(--md-head);display:flex;justify-content:space-between;align-items:center;color:var(--md-ink)}
.md-cat-title i{font:normal 16px var(--md-body);color:var(--md-accent)}

/* Products (home + shop archive) */
.product-small .name,.product-small .title-wrapper .name a,.woocommerce-loop-product__title{font-family:var(--md-head)!important;font-weight:600!important;font-size:17px!important;color:var(--md-ink)}
.product-small .price,.product-small .amount{font-size:13px;color:#6f746a;font-weight:500}
.product-small .box-image,.product-small .box-image img{background:#f3f0e9}
.product-small .box-text{padding-left:0;padding-right:0}
.badge-container .badge-inner.on-sale{background:var(--md-ink);border-radius:0}

/* Accordion, blog */
.accordion-title{font:500 18px var(--md-head);padding:18px 0;border-color:var(--md-line)}
.accordion-inner{color:#4f564f;line-height:1.85}
.box-blog-post .post-title{font:500 24px/1.2 var(--md-head);color:var(--md-ink)}
.box-blog-post .box-text{padding-left:0;padding-right:0}
.box-blog-post .box-image img{object-fit:cover}

/* Footer */
.footer-widgets{background:var(--md-footer);padding:64px 0 24px;color:var(--md-ink)}
.footer-widgets .widget-title,.footer-widgets .widget>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--md-ink)}
.footer-widgets a{color:#4f564f}
.footer-widgets a:hover{color:var(--md-accent)}
.footer-widgets ul li{border:0;padding:3px 0}
.absolute-footer{background:var(--md-footer);color:var(--md-muted);font-size:12px;border-top:1px solid var(--md-line)}
.md-logo{font:600 26px var(--md-head);letter-spacing:-.03em;margin:0 0 10px}
.md-logo span{color:var(--md-accent)}
.md-mark{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:50%;background:var(--md-ink);color:#fffaf0!important;font-size:15px;margin-right:6px;vertical-align:middle}
.md-newsletter label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}
.md-newsletter>div{display:flex;border-bottom:1px solid var(--md-ink)}
.md-newsletter input{border:0;background:transparent;box-shadow:none;margin:0;font-size:13px}
.md-newsletter button{background:none;border:0;font-size:18px;cursor:pointer;color:var(--md-ink);margin:0;padding:0 8px}
.md-newsletter small{display:block;margin-top:8px;color:var(--md-muted);font-size:11px}

/* ===== Polish: embroidery motifs, motion, details ===== */
html{scroll-behavior:smooth}
::selection{background:var(--md-accent);color:#fff}
a{transition:color .2s ease}
:focus-visible{outline:2px solid var(--md-accent);outline-offset:3px}

/* Running-stitch line before eyebrows */
.md-eyebrow:before{content:"";display:inline-block;width:34px;border-top:2px dashed currentColor;vertical-align:middle;margin-right:12px;opacity:.85}
.text-center .md-eyebrow:before,[style*="text-align: center"] .md-eyebrow:before{margin-right:12px}

/* Stitched dashed edge on selected sections */
.md-stitch-edge{position:relative}
.md-stitch-edge:before{content:"";position:absolute;left:4%;right:4%;top:16px;border-top:1.5px dashed var(--md-accent);opacity:.45;z-index:1;pointer-events:none}

/* Stitched frame on hero images */
.pod-hero .banner:after,.st-hero .banner:after{content:"";position:absolute;inset:22px;border:1.5px dashed rgba(255,253,250,.8);pointer-events:none;z-index:1}
.pod-hero .banner .text-box,.st-hero .banner .text-box{z-index:2}
@media(max-width:549px){.pod-hero .banner:after,.st-hero .banner:after{inset:12px}}

/* Buttons: smooth, with arrow nudge */
.button{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.button.primary:hover,.button.secondary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(0,0,0,.35)}
.button.is-outline:hover{background:var(--md-ink);border-color:var(--md-ink);color:#fff}
.button.is-link:hover,.button.is-underline:hover{color:var(--md-accent)}
.button.is-small{min-height:40px;line-height:38px;padding:0 18px;margin:4px}

/* Product cards */
.product-small .box{transition:transform .35s ease}
.product-small .box-image{overflow:hidden;position:relative}
.product-small .box-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.product-small:hover .box-image img{transform:scale(1.05)}
.product-small .box-text .title-wrapper{margin-bottom:2px}
.product-small .price-wrapper{margin-top:2px}
.product-small .price ins,.price ins .amount{color:var(--md-accent);text-decoration:none;font-weight:600}
.product-small .price del{opacity:.5;margin-right:6px}
.badge-container .badge-inner.on-sale,.badge-container .badge-inner.new-bubble{background:var(--md-accent);border-radius:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:4px 10px;line-height:1.4;min-width:0;width:auto;height:auto}
.badge-container .badge{width:auto;height:auto}
.product-small .add-to-cart-button .button{min-height:0;line-height:1.5;padding:9px 16px}

/* Image-box cards */
.image-box .image-cover,.image-box .box-image{overflow:hidden}
.image-box:hover .md-cat-title i{transform:translate(3px,-3px)}
.md-cat-title i{display:inline-block;transition:transform .25s ease}

/* Tables */
.md-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.md-table th,.md-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--md-line)}
.md-table thead th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--md-muted);background:var(--md-soft);border-bottom:2px solid var(--md-ink)}
.md-table tbody tr:hover td{background:rgba(0,0,0,.02)}

/* Accordion */
.accordion-title{transition:color .2s ease}
.accordion-title:hover,.accordion-title.active{color:var(--md-accent)}
.accordion-title.active{border-color:var(--md-accent)}
.accordion-item{border-bottom:1px solid var(--md-line)}

/* Blog cards */
.box-blog-post{transition:transform .3s ease}
.box-blog-post:hover{transform:translateY(-4px)}
.box-blog-post .box-image{overflow:hidden}
.box-blog-post .box-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.box-blog-post:hover .box-image img{transform:scale(1.05)}
.box-blog-post .is-divider{display:none}
.box-blog-post .post-title{margin-bottom:8px}
.box-blog-post .from_the_blog_excerpt{color:var(--md-muted);font-size:14px;line-height:1.7}
.box-blog-post .more-link,.box-blog-post .button.is-link{font-weight:600}
.badge.post-date{display:none}

/* Single posts */
.single-post .entry-content{max-width:760px;margin-left:auto;margin-right:auto}
.single-post .entry-content h2{font:500 28px/1.25 var(--md-head);margin:34px 0 10px;letter-spacing:-.02em}
.single-post .entry-content p,.single-post .entry-content li{font-size:16px;line-height:1.85;color:#464c46}
.single-post .entry-content a{color:var(--md-accent);text-decoration:underline;text-underline-offset:3px}
.single-post .entry-title{font-family:var(--md-head);letter-spacing:-.02em}

/* Header + footer details */
.header-wrapper.stuck{box-shadow:0 8px 28px -18px rgba(0,0,0,.35)}
.nav>li>a{position:relative}
.nav-line-bottom>li>a:before{height:2px;background:var(--md-accent)}
.footer-widgets .widget{margin-bottom:22px}
.footer-widgets ul li a{transition:color .2s ease,padding-left .2s ease}
.footer-widgets ul li a:hover{padding-left:4px}
.md-footer-brand p{font-size:14px;line-height:1.7;max-width:320px}
.md-newsletter input::placeholder{opacity:.6}

/* Mobile */
@media(max-width:849px){
	.md-h1{font-size:clamp(38px,11vw,54px)}
	.md-eyebrow{letter-spacing:.13em}
	.product-small .box-text{text-align:left}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Footer contact block + benefit cards */
.md-contact{font-size:14px;line-height:1.8;margin-top:14px}
.md-contact a{text-decoration:underline;text-underline-offset:3px}
.st-benefit{font:600 20px/1.25 var(--md-head);margin:0 0 8px;color:var(--md-ink)}
