/*
Theme Name: Kolachi Marble & Tiles
Theme URI: https://kolachimarbleandtiles.pk/
Author: Kolachi Marble & Tiles
Description: Editable WordPress block theme for a stone-led catalog and direct enquiries.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: kolachi-theme
*/

:root{--k-emerald:#073026;--k-emerald-2:#0d4537;--k-ivory:#f5f0e6;--k-gold:#c6a15b;--k-ink:#18241f;--k-muted:#59635e;--k-line:#ddd6c8;--k-white:#fff;--k-radius:16px;--k-shadow:0 18px 50px rgba(6,39,30,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--k-ivory);color:var(--k-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--k-emerald);text-underline-offset:3px}
a:hover{color:#11664f}
:focus-visible{outline:3px solid var(--k-gold);outline-offset:3px}
h1,h2,h3,h4,.kolachi-serif{font-family:Georgia,'Times New Roman',serif;line-height:1.12;letter-spacing:-.025em}
h1{font-size:clamp(2.6rem,5.5vw,5.5rem)}h2{font-size:clamp(2rem,3.8vw,3.5rem)}h3{font-size:clamp(1.35rem,2vw,1.9rem)}
p{margin-top:0} .wp-site-blocks{overflow:hidden}
.kolachi-container{max-width:1220px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}
.kolachi-container.wp-block-group{width:100%;max-width:1220px!important}
.wp-site-blocks>*+*{margin-block-start:0!important}
.wp-block-post-content>.kolachi-hero,.wp-block-post-content>.kolachi-section,.wp-block-post-content>.kolachi-band{margin-block:0!important}
.kolachi-slim{max-width:850px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}
.kolachi-section{padding-block:clamp(64px,8vw,112px)}
.kolachi-section-sm{padding-block:clamp(44px,5vw,74px)}
.kolachi-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:800;color:#9a7439;margin-bottom:15px}
.kolachi-muted{color:var(--k-muted)}
.kolachi-header{background:var(--k-emerald);color:var(--k-ivory);position:relative;z-index:20}
.kolachi-header .kolachi-container{min-height:92px;display:flex;align-items:center;gap:24px}
.kolachi-header .wp-block-site-logo img{width:160px;max-height:80px;object-fit:contain}
.kolachi-header .wp-block-navigation{font-size:.86rem;font-weight:700;letter-spacing:.02em}
.kolachi-header .wp-block-navigation a{color:var(--k-ivory);text-decoration:none}
.kolachi-header .wp-block-navigation a:hover{color:var(--k-gold)}
.kolachi-header .wp-block-navigation__responsive-container-open{color:var(--k-ivory)}
.kolachi-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--k-emerald);color:var(--k-ivory)}
.kolachi-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){background-color:var(--k-emerald)}
.kolachi-header .wp-block-navigation__responsive-container.is-menu-open a{color:var(--k-ivory)}
.kolachi-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{color:var(--k-ivory)}
.kolachi-header-cta{white-space:nowrap;margin-left:auto}
.wp-block-button .wp-block-button__link,.kolachi-button{border-radius:5px;background:var(--k-gold);color:var(--k-emerald);padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:.88rem;font-weight:800;letter-spacing:.015em;text-decoration:none;border:1px solid var(--k-gold);transition:background .2s,transform .2s}
.wp-block-button .wp-block-button__link:hover,.kolachi-button:hover{background:#dfbc76;color:var(--k-emerald);transform:translateY(-1px)}
.wp-block-button.is-style-outline .wp-block-button__link,.kolachi-button-outline{background:transparent;color:inherit;border:1px solid currentColor}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.12)}
.kolachi-hero{background:var(--k-emerald);color:var(--k-ivory);position:relative;overflow:hidden}
.kolachi-hero:before{content:"";position:absolute;inset:0;opacity:.23;background:radial-gradient(circle at 15% 10%,#226b55 0,transparent 39%),repeating-linear-gradient(125deg,transparent 0 120px,rgba(255,255,255,.045) 121px,transparent 122px)}
.kolachi-hero .kolachi-container{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,80px);align-items:center;min-height:620px;padding-block:70px 95px}
.kolachi-hero h1{color:var(--k-ivory);margin:0 0 24px;max-width:760px}
.kolachi-hero .kolachi-lead{font-size:clamp(1.05rem,1.4vw,1.25rem);color:#d9e6df;max-width:590px;margin-bottom:29px}
.kolachi-hero .wp-block-buttons{gap:12px}
.kolachi-hero-art{min-height:440px;align-self:stretch;background:#102f28;border:1px solid rgba(198,161,91,.55);box-shadow:28px 28px 0 rgba(198,161,91,.13);position:relative;overflow:hidden}
.kolachi-hero-art .wp-block-shortcode,.kolachi-hero-photo{height:100%;margin:0}
.kolachi-hero-photo{position:relative}
.kolachi-hero-photo img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}
.kolachi-hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(5,31,24,.85));padding:38px 20px 17px;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-align:right;text-transform:uppercase}
.kolachi-hero-foot{border-top:1px solid rgba(198,161,91,.4);margin-top:38px;padding-top:17px;color:#e2d2ae;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.kolachi-cream{background:var(--k-ivory)}.kolachi-white{background:#fff}.kolachi-dark{background:var(--k-emerald);color:var(--k-ivory)}
.kolachi-dark h2,.kolachi-dark h3{color:var(--k-ivory)}
.kolachi-intro{max-width:690px;color:var(--k-muted);font-size:1.06rem}
.kolachi-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}
.kolachi-section-heading h2{margin:0}.kolachi-section-heading a{font-weight:800;white-space:nowrap}
.kolachi-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kolachi-material-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.kolachi-card-art.natural-stone{background:linear-gradient(145deg,#174e43,#99aa88 44%,#e8d2aa 44%,#aa8564)}
.kolachi-card{border:1px solid var(--k-line);background:#fff;border-radius:var(--k-radius);overflow:hidden;box-shadow:var(--k-shadow);height:100%}
.kolachi-card-art{height:220px;background:#d7d2c7;position:relative;overflow:hidden}
.kolachi-card-art:before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.43) 43%,transparent 45%),linear-gradient(20deg,transparent 62%,rgba(41,35,28,.2) 63%,transparent 65%);transform:rotate(-9deg)}
.kolachi-card-art.marble{background:linear-gradient(125deg,#eef0eb,#c8cbc8 42%,#f4f0e7 64%,#a6aba8)}
.kolachi-card-art.granite{background:radial-gradient(circle at 20% 10%,#a5a6a2 1px,transparent 2px),radial-gradient(circle at 65% 55%,#d8d5ca 1px,transparent 3px),#535955;background-size:14px 14px,21px 21px}
.kolachi-card-art.tiles{background:linear-gradient(90deg,transparent 49.4%,#bfb7a8 50%,transparent 50.6%),linear-gradient(0deg,transparent 49.4%,#bfb7a8 50%,transparent 50.6%),#eee8df;background-size:90px 90px}
.kolachi-card-copy{padding:24px}.kolachi-card-copy h3{margin:0 0 11px}.kolachi-card-copy p{color:var(--k-muted);font-size:.93rem}
.kolachi-card-copy a{font-weight:800;text-decoration:none;border-bottom:1px solid var(--k-gold)}
.kolachi-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:step}
.kolachi-step{border-top:1px solid var(--k-gold);padding-top:21px}.kolachi-step:before{counter-increment:step;content:'0' counter(step);display:block;color:var(--k-gold);font-size:.85rem;font-weight:800;letter-spacing:.1em;margin-bottom:12px}
.kolachi-step h3{margin:0 0 10px}.kolachi-step p{color:var(--k-muted)}
.kolachi-band{background:var(--k-emerald);color:var(--k-ivory);padding-block:55px}.kolachi-band .kolachi-container{display:flex;gap:30px;align-items:center;justify-content:space-between}.kolachi-band h2{color:#fff;margin:0 0 8px}.kolachi-band p{margin:0;color:#d9e6df}
.kolachi-page-hero{background:var(--k-emerald);color:#fff;padding-block:70px 75px}.kolachi-page-hero h1{color:#fff;max-width:840px;margin:5px 0 14px}.kolachi-page-hero p{max-width:650px;color:#deebe4;font-size:1.1rem}
.kolachi-page-body{padding-block:65px 110px}.kolachi-page-body>.wp-block-post-content{max-width:850px;margin-inline:auto}.kolachi-page-body .wp-block-post-content>*{margin-bottom:24px}.kolachi-page-body .wp-block-post-content h2{margin-top:52px}
.kolachi-page-body .wp-block-post-content .kolachi-wide{max-width:1220px;margin-left:50%;transform:translateX(-50%);width:calc(100vw - 40px)}
.kolachi-article-meta{color:var(--k-muted);font-size:.87rem}
.kolachi-footer{background:#05271e;color:#e2e9e3;padding:62px 0 25px}.kolachi-footer a{color:#d6b976}.kolachi-footer h3{color:#fff;font-size:1.35rem}.kolachi-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.kolachi-footer .wp-block-site-logo img{width:170px}.kolachi-footer p{max-width:400px;color:#c6d5cb;font-size:.92rem}.kolachi-footer ul{list-style:none;padding:0;margin:0}.kolachi-footer li{margin:8px 0}.kolachi-footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:50px;padding-top:20px;font-size:.78rem;color:#aabbb0}
.kolachi-mobile-actions{display:none}
@media(max-width:1000px){.kolachi-header-cta{display:none}.kolachi-header .wp-block-navigation{margin-left:auto}.kolachi-hero .kolachi-container{min-height:0}.kolachi-footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:760px){.kolachi-hero .kolachi-container{grid-template-columns:1fr;padding-block:55px 65px}.kolachi-hero-art{min-height:280px;box-shadow:14px 14px 0 rgba(198,161,91,.13)}.kolachi-card-grid,.kolachi-step-grid{grid-template-columns:1fr}.kolachi-card-art{height:180px}.kolachi-band .kolachi-container{display:block}.kolachi-band .wp-block-buttons{margin-top:24px}.kolachi-footer-grid{grid-template-columns:1fr 1fr}.kolachi-footer-grid>:first-child{grid-column:1/-1}.kolachi-mobile-actions{position:fixed;z-index:99;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:var(--k-emerald);padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -5px 20px rgba(0,0,0,.2)}.kolachi-mobile-actions a{display:block;padding:11px;text-align:center;background:var(--k-gold);color:var(--k-emerald);font-weight:800;text-decoration:none;border-radius:4px;min-height:44px}.kolachi-mobile-actions a:last-child{background:transparent;color:#fff;border:1px solid var(--k-gold)}body{padding-bottom:62px}.kolachi-section-heading{display:block}.kolachi-section-heading a{display:inline-block;margin-top:14px}.kolachi-page-hero{padding-block:55px}.kolachi-page-body{padding-block:45px 85px}}
@media(max-width:480px){.kolachi-header .kolachi-container{min-height:76px}.kolachi-header .wp-block-site-logo img{width:126px}.kolachi-footer-grid{grid-template-columns:1fr}.kolachi-footer-grid>:first-child{grid-column:auto}.kolachi-hero-art{min-height:235px}}
@media(max-width:1100px) and (min-width:761px){.kolachi-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.kolachi-hero-photo img{min-height:280px}}
@media(max-width:480px){.kolachi-hero-photo img{min-height:235px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}