/*
Theme Name: Chicken Square Bronkhorstspruit Astra Child
Theme URI: https://chickensquare.co.za/
Description: Custom Astra child theme for Chicken Square Bronkhorstspruit. WordPress-editable pages, menu gallery, location details and WhatsApp ordering.
Author: Desire2Win
Template: astra
Version: 1.2.1
Text Domain: chicken-square
*/
:root{--cs-red:#ed1029;--cs-red-dark:#b8091c;--cs-cream:#fff1dc;--cs-gold:#ffc943;--cs-ink:#17191d;--cs-charcoal:#24262b;--cs-white:#fff;--cs-muted:#6b6b70;--cs-radius:18px}
body{color:var(--cs-ink);font-family:Arial,Helvetica,sans-serif}a{color:var(--cs-red-dark)}a:hover{color:var(--cs-red)}
.cs-topbar{background:var(--cs-ink);color:#fff;font-size:13px;padding:9px 20px;text-align:center}.cs-topbar a{color:#fff;text-decoration:none}
.cs-header{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:5}.cs-header-inner{max-width:1200px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-brand{font-weight:900;font-size:25px;line-height:1;color:var(--cs-red);text-decoration:none;letter-spacing:-.7px}.cs-brand span{display:block;color:var(--cs-ink);font-size:12px;letter-spacing:1.8px;margin-top:6px}.cs-nav{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.cs-nav a{color:var(--cs-ink);text-decoration:none;font-weight:700;font-size:14px}.cs-nav a:hover{color:var(--cs-red)}.cs-nav .cs-order-link,.cs-btn{background:var(--cs-red);color:#fff!important;border-radius:999px;padding:13px 20px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.cs-nav .cs-order-link:hover,.cs-btn:hover{background:var(--cs-red-dark);transform:translateY(-1px)}
.cs-hero{background:linear-gradient(110deg,rgba(20,20,24,.93),rgba(20,20,24,.58)),var(--cs-hero-image,linear-gradient(135deg,#b8091c,#ed1029));background-size:cover;background-position:center;color:#fff;padding:90px 22px 82px}.cs-hero-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.cs-eyebrow{color:var(--cs-gold);font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.cs-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;color:#fff;margin:14px 0 20px;max-width:720px;letter-spacing:-1.7px}.cs-hero p{font-size:18px;line-height:1.7;max-width:620px;color:#f7f7f7}.cs-hero-art{background:var(--cs-cream);border-radius:24px;padding:12px;box-shadow:0 20px 50px #0004;transform:rotate(1deg)}.cs-hero-art img{display:block;width:100%;height:auto;border-radius:16px}.cs-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.cs-btn-secondary{border:2px solid #fff;color:#fff!important;background:transparent}.cs-btn-secondary:hover{background:#fff;color:var(--cs-ink)!important}
.cs-trust{background:var(--cs-red);color:#fff;padding:20px 22px}.cs-trust-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center;font-weight:800}.cs-trust strong{display:block;color:var(--cs-gold);font-size:20px;margin-bottom:4px}.cs-section{padding:76px 22px}.cs-wrap{max-width:1200px;margin:0 auto}.cs-section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.cs-section-heading .cs-eyebrow{color:var(--cs-red)}.cs-section h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1px;margin:10px 0 15px;color:var(--cs-ink)}.cs-section-heading p{color:var(--cs-muted);font-size:17px;line-height:1.7}.cs-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cs-card{border:1px solid #eee;border-radius:var(--cs-radius);padding:27px;background:#fff;box-shadow:0 8px 25px #17191d0b}.cs-card .cs-card-icon{width:48px;height:48px;border-radius:14px;background:var(--cs-cream);display:grid;place-items:center;color:var(--cs-red);font-size:24px;margin-bottom:18px}.cs-card h3{margin:0 0 9px;font-size:21px}.cs-card p{margin:0;color:var(--cs-muted);line-height:1.7}.cs-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cs-menu-item{overflow:hidden;border-radius:16px;background:#fff;border:1px solid #eee;box-shadow:0 8px 25px #17191d0b}.cs-menu-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.cs-menu-item div{padding:17px 19px}.cs-menu-item h3{margin:0 0 6px;font-size:18px}.cs-menu-item p{margin:0;color:var(--cs-muted);font-size:14px;line-height:1.6}.cs-soft{background:var(--cs-cream)}.cs-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.cs-split img{width:100%;border-radius:var(--cs-radius);display:block}.cs-checks{list-style:none;padding:0;margin:24px 0}.cs-checks li{padding:10px 0 10px 30px;position:relative;line-height:1.6}.cs-checks li:before{content:'✓';position:absolute;left:0;top:10px;color:var(--cs-red);font-weight:900}.cs-cta{background:var(--cs-ink);color:#fff;padding:58px 22px;text-align:center}.cs-cta h2{color:#fff;margin:0 0 12px;font-size:clamp(28px,4vw,42px)}.cs-cta p{color:#eee;max-width:680px;margin:0 auto 25px;line-height:1.7}.cs-page-hero{background:var(--cs-ink);color:#fff;padding:58px 22px}.cs-page-hero .cs-wrap{max-width:1200px}.cs-page-hero h1{color:#fff;font-size:clamp(34px,4vw,52px);margin:0 0 12px}.cs-page-hero p{max-width:760px;color:#eee;line-height:1.7;margin:0}.cs-content{max-width:900px;margin:0 auto;padding:55px 22px 75px;line-height:1.8}.cs-content img{border-radius:14px}.cs-order-panel{max-width:820px;margin:auto;background:#fff;border:1px solid #eee;box-shadow:0 10px 35px #0000000c;border-radius:20px;padding:30px}.cs-order-form label{font-weight:800;display:block;margin:14px 0 7px}.cs-order-form input,.cs-order-form select,.cs-order-form textarea{width:100%;border:1px solid #d8d8dc;border-radius:10px;padding:13px;font:inherit;background:#fff}.cs-order-form .cs-btn{border:0;cursor:pointer;margin-top:20px;font-size:16px}.cs-small{font-size:13px;color:var(--cs-muted);line-height:1.6}.cs-map{width:100%;height:420px;border:0;border-radius:18px}.cs-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cs-footer{background:#111216;color:#fff;padding:46px 22px 20px}.cs-footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.cs-footer h3{color:#fff;margin:0 0 13px}.cs-footer p,.cs-footer li{color:#d4d4d7;line-height:1.8}.cs-footer a{color:#fff}.cs-footer-bottom{border-top:1px solid #33343a;margin-top:30px;padding-top:18px;text-align:center;font-size:13px;color:#aaa}.cs-mobile-order{display:none}
@media(max-width:900px){.cs-header-inner{align-items:flex-start;flex-direction:column;gap:15px}.cs-nav{gap:14px}.cs-hero-inner,.cs-split{grid-template-columns:1fr}.cs-hero{padding:62px 20px}.cs-hero-art{max-width:540px}.cs-cards,.cs-menu-grid{grid-template-columns:repeat(2,1fr)}.cs-footer-inner{grid-template-columns:1fr 1fr}.cs-trust-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cs-header-inner{padding:14px 16px}.cs-brand{font-size:23px}.cs-nav{gap:11px}.cs-nav a{font-size:12px}.cs-nav .cs-order-link{padding:10px 13px}.cs-hero{padding:52px 17px}.cs-hero h1{font-size:42px}.cs-hero p{font-size:16px}.cs-section{padding:52px 17px}.cs-cards,.cs-menu-grid,.cs-contact-grid,.cs-footer-inner{grid-template-columns:1fr}.cs-trust-inner{gap:20px;font-size:13px}.cs-trust strong{font-size:18px}.cs-order-panel{padding:20px}.cs-map{height:320px}.cs-mobile-order{display:block;position:fixed;bottom:12px;left:12px;right:12px;z-index:999;background:#20a957;color:#fff!important;text-align:center;border-radius:999px;padding:15px;font-weight:900;text-decoration:none;box-shadow:0 6px 24px #0003}.cs-footer{padding-bottom:82px}}

/* v1.1.0 enhancements */
.cs-family-message{overflow:hidden;background:var(--cs-gold);color:var(--cs-ink);font-weight:1000;text-align:center;padding:15px 12px;font-size:clamp(17px,2.6vw,27px);letter-spacing:1px}.cs-family-message span{display:inline-block;animation:cs-family-pulse 2.8s ease-in-out infinite}@keyframes cs-family-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.035);opacity:.76}}.cs-extra-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cs-extra-gallery-grid figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #17191d0b}.cs-extra-gallery-grid img{width:100%;height:230px;object-fit:cover;display:block}.cs-extra-gallery-grid figcaption{padding:13px 15px;font-weight:800}.cs-editor-section:empty{display:none}.cs-editor-section .wp-block-image img{border-radius:14px}.cs-order-row{border:1px solid #ececef;border-radius:14px;padding:16px;margin:15px 0;background:#fffdf9}.cs-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-order-fields input{background:#f8f8f8}.cs-order-total{display:flex;justify-content:space-between;align-items:center;background:var(--cs-cream);padding:17px 20px;border-radius:12px;margin:20px 0;font-size:18px}.cs-order-total strong{font-size:23px;color:var(--cs-red-dark)}.cs-credit{display:inline-block;margin-top:9px;color:#d4d4d7}.cs-credit a{color:#fff;text-decoration:underline}
@media(max-width:900px){.cs-extra-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cs-extra-gallery-grid{grid-template-columns:1fr 1fr}.cs-extra-gallery-grid img{height:150px}.cs-order-fields{grid-template-columns:1fr 1fr}.cs-family-message{font-size:16px}}

/* v1.2.0 — complete menu gallery */
.cs-full-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.cs-full-menu-card{margin:0;background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #17191d0b}.cs-full-menu-card img{display:block;width:100%;height:auto}.cs-full-menu-card figcaption{padding:12px 16px;font-weight:800;color:var(--cs-ink)}.cs-full-menu .cs-section-heading p{margin-bottom:0}
@media(max-width:650px){.cs-full-menu-grid{grid-template-columns:1fr;gap:16px}}

/* v1.2.1 — falling chicken and chips after the family message */
.cs-family-message{position:relative;isolation:isolate}.cs-family-copy{position:relative;z-index:2}.cs-food-fall{display:inline-flex;vertical-align:middle;align-items:flex-start;gap:5px;margin-left:12px;white-space:nowrap}.cs-food-fall span{display:inline-block;font-size:clamp(20px,2.5vw,30px);line-height:1;animation:cs-food-drop 2.4s ease-in-out infinite;transform-origin:top center}.cs-food-fall span:nth-child(2){animation-delay:.22s}.cs-food-fall span:nth-child(3){animation-delay:.44s}.cs-food-fall span:nth-child(4){animation-delay:.66s}.cs-food-fall span:nth-child(5){animation-delay:.88s}.cs-food-fall span:nth-child(6){animation-delay:1.1s}.cs-food-fall span:nth-child(7){animation-delay:1.32s}@keyframes cs-food-drop{0%{transform:translateY(-15px) rotate(-18deg);opacity:0}18%{opacity:1}65%{transform:translateY(9px) rotate(14deg);opacity:1}82%{transform:translateY(14px) rotate(-8deg);opacity:.9}100%{transform:translateY(-15px) rotate(0);opacity:0}}@media(prefers-reduced-motion:reduce){.cs-family-message span,.cs-food-fall span{animation:none}.cs-food-fall span{opacity:1;transform:none}}@media(max-width:600px){.cs-food-fall{gap:2px;margin-left:5px}.cs-food-fall span{font-size:20px}}
