/* ============================================================
   Cricket ID — white + green design system (Astra child theme)
   All colors read from CSS vars so the Customizer can override.
   ============================================================ */
:root{
  --ck-brand:#0E8744;        /* primary green */
  --ck-brand-dark:#0A5C30;   /* deep green */
  --ck-brand-deep:#07401F;   /* hero gradient end */
  --ck-tint:#E8F5EE;         /* light green tint */
  --ck-gold:#D9A413;         /* stars / rating accent */
  --ck-wa:#25D366;           /* WhatsApp green */
  --ck-ink:#122018;
  --ck-muted:#5A6B60;
  --ck-line:#DCE8E0;
  --ck-bg:#FFFFFF;
  --ck-soft:#F4F9F6;
  --ck-radius:14px;
  --ck-marquee-dur:5s;       /* 10 logos x 0.5s per logo (80% of previous speed) */
}
body{color:var(--ck-ink);background:var(--ck-bg);font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.7;}
h1,h2,h3,h4{font-weight:800;line-height:1.22;color:var(--ck-ink);}
.ck-wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
@media(max-width:480px){.ck-wrap{padding:0 16px;}}

/* ---------- sections ---------- */
.ck-section{padding:64px 0;background:var(--ck-bg);}
.ck-section.ck-soft{background:var(--ck-soft);}
@media(max-width:768px){.ck-section{padding:48px 0;}}
.ck-eyebrow{display:inline-block;background:var(--ck-tint);color:var(--ck-brand-dark);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px;}
.ck-center{text-align:center;}
.ck-sub{color:var(--ck-muted);max-width:76ch;}
.ck-center .ck-sub{margin-left:auto;margin-right:auto;}

/* ---------- hero ---------- */
.ck-hero{background:linear-gradient(135deg,var(--ck-brand) 0%,var(--ck-brand-dark) 55%,var(--ck-brand-deep) 100%);color:#fff;padding:96px 0;}
.ck-hero h1,.ck-hero h2,.ck-hero p,.ck-hero li{color:#fff;}
.ck-hero .ck-sub{color:#E4F3EA;}
@media(max-width:768px){.ck-hero{padding:72px 0;}}
.ck-hero .ck-eyebrow{background:rgba(255,255,255,.16);color:#D9F2E2;}
.ck-hero .wp-block-buttons{margin:4px 0 20px;}
.ck-hero .ck-rate-note{color:#BFE6CD !important;}
.ck-hero .ck-img-ph{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);}
.ck-hero .ck-img-ph p{color:#E4F3EA !important;}
.ck-page-hero{background:linear-gradient(135deg,var(--ck-brand) 0%,var(--ck-brand-dark) 70%);color:#fff;padding:72px 0 60px;text-align:center;}
.ck-page-hero h1,.ck-page-hero p{color:#fff;}

/* ---------- buttons ---------- */
.ck-btn,a.ck-btn{display:inline-block;border-radius:999px;padding:14px 28px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease;}
.ck-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,92,48,.18);}
.ck-btn-primary,a.ck-btn-primary{background:var(--ck-brand);color:#fff !important;border-color:var(--ck-brand);}
.ck-btn-wa,a.ck-btn-wa{background:var(--ck-wa);color:#07401F !important;border-color:var(--ck-wa);}
.ck-btn-light,a.ck-btn-light{background:#fff;color:var(--ck-brand-dark) !important;border-color:#fff;}
.ck-btn-outline,a.ck-btn-outline{background:transparent;color:var(--ck-brand-dark) !important;border-color:var(--ck-brand);}
.ck-hero .ck-btn-outline{color:#fff !important;border-color:#fff;}
.ck-btn-row{display:flex;gap:14px;flex-wrap:wrap;}
.ck-center .ck-btn-row{justify-content:center;}

/* ---------- stats strip ---------- */
.ck-stats{background:var(--ck-brand-deep);border:1px solid rgba(255,255,255,.18);border-radius:var(--ck-radius);padding:28px 18px;}
.ck-stats p{margin:0;color:#CFE9DA;text-align:center;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
.ck-stats .ck-stat-num{font-size:40px;font-weight:800;color:#fff;letter-spacing:0;text-transform:none;line-height:1.1;margin-bottom:6px;}
.ck-stats .ck-stat-num .g{color:#7BE39E;}
@media(max-width:768px){.ck-stats .ck-stat-num{font-size:30px;}}

/* ---------- cards & grids ---------- */
.ck-card{background:#fff;border:1px solid var(--ck-line);border-radius:var(--ck-radius);padding:26px;height:100%;}
.ck-soft .ck-card{box-shadow:0 1px 2px rgba(18,32,24,.04);}
.ck-card h3{margin:10px 0 8px;font-size:21px;}
.ck-card p{color:var(--ck-muted);margin:0 0 10px;font-size:15.5px;}
.ck-card .ck-ico,.ck-ico{font-size:28px;line-height:1;background:var(--ck-tint);width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 4px;}
.ck-ico svg{width:28px;height:28px;color:var(--ck-brand-dark);display:block;}
.ck-chip-row{display:flex;flex-wrap:wrap;gap:8px;}
.ck-chip{background:var(--ck-tint);color:var(--ck-brand-dark);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;}

/* ---------- platform wall ---------- */
.ck-platform{background:#fff;border:1px solid var(--ck-line);border-radius:12px;padding:16px 10px;text-align:center;font-weight:700;color:var(--ck-ink);}
.ck-platform a{text-decoration:none;color:inherit;}
.ck-platform:hover{border-color:var(--ck-brand);color:var(--ck-brand-dark);}

/* ---------- steps ---------- */
.ck-step{position:relative;background:#fff;border:1px solid var(--ck-line);border-radius:var(--ck-radius);padding:26px;}
.ck-step .ck-step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ck-brand);color:#fff;font-weight:800;margin-bottom:10px;}

/* ---------- payment marquee ---------- */
.ck-pay{background:linear-gradient(135deg,var(--ck-brand-dark),var(--ck-brand));border-radius:var(--ck-radius);padding:40px 0 34px;overflow:hidden;}
.ck-pay h2{color:#fff;text-align:center;margin:0 0 24px;}
.ck-marquee{overflow:hidden;position:relative;}
.ck-marquee-track{display:flex;gap:18px;width:max-content;animation:ck-scroll var(--ck-marquee-dur) linear infinite;}
.ck-marquee:hover .ck-marquee-track{animation-play-state:paused;}
.ck-pay-logo{flex:0 0 auto;width:170px;height:64px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--ck-muted);font-size:14px;margin:0;overflow:hidden;}
.ck-pay-logo img{max-height:48px;max-width:150px;width:auto;height:auto;display:block;}
@keyframes ck-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.ck-marquee-track{animation:none;}}

/* ---------- rating widget ---------- */
.ck-rating{background:var(--ck-brand-deep);border-radius:var(--ck-radius);padding:40px 28px;color:#fff;}
.ck-rating h2,.ck-rating h3,.ck-rating p{color:#fff;}
.ck-rate-big{font-size:64px;font-weight:800;color:var(--ck-gold);line-height:1;margin:0;}
.ck-rate-big small{font-size:26px;color:#CFE9DA;font-weight:700;}
.ck-stars{color:var(--ck-gold);font-size:22px;letter-spacing:3px;}
.ck-rate-note{color:#CFE9DA !important;font-size:14px;}
.ck-bar-row{display:flex;align-items:center;gap:12px;margin:0 0 10px;}
.ck-bar-row p{margin:0;color:#E4F3EA;font-size:14px;min-width:34px;}
.ck-bar-row .ck-count{min-width:54px;text-align:right;}
.ck-bar{flex:1;background:rgba(255,255,255,.16);border-radius:999px;height:12px;overflow:hidden;}
.ck-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--ck-gold),#F2C94C);border-radius:999px;}
.w-87{width:87%;}.w-9{width:9%;}.w-2{width:2.4%;}.w-1{width:1%;}.w-06{width:.6%;}
.ck-badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.ck-badge{border:1px solid rgba(255,255,255,.35);color:#D9F2E2;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;}
.ck-review-card{background:#fff;border:1px solid var(--ck-line);border-radius:var(--ck-radius);padding:22px;height:100%;}
.ck-review-card p{font-size:15px;color:var(--ck-ink);}
.ck-review-who{color:var(--ck-muted) !important;font-size:13.5px;}

/* ---------- FAQ ---------- */
details.ck-qa{background:#fff;border:1px solid var(--ck-line);border-radius:12px;padding:16px 20px;margin:0 0 12px;}
details.ck-qa summary{font-weight:700;cursor:pointer;color:var(--ck-ink);}
details.ck-qa[open]{border-color:var(--ck-brand);}
details.ck-qa p{color:var(--ck-muted);margin:10px 0 0;font-size:15.5px;}

/* ---------- image / logo placeholders ---------- */
.ck-img-ph{border:2px dashed var(--ck-brand);background:var(--ck-tint);border-radius:var(--ck-radius);min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;}
.ck-img-ph p{color:var(--ck-brand-dark) !important;font-weight:700;margin:0;padding:12px;}
.ck-img-ph.ck-ph-sm{min-height:120px;}

/* ---------- city grid (exactly above footer) ---------- */
.ck-cities{background:var(--ck-ink);padding:56px 0;}
.ck-cities h2{color:#fff;text-align:center;margin:0 0 8px;}
.ck-cities .ck-sub{color:#B9C9BF;text-align:center;margin:0 auto 28px;}
.ck-city{background:#1D2E24;border:1px solid #2C4434;border-radius:12px;padding:18px 12px;text-align:center;}
.ck-city a{color:#E4F3EA;text-decoration:none;font-weight:600;font-size:15px;}
.ck-city:hover{border-color:var(--ck-brand);}

/* ---------- footer columns (theme hook) ---------- */
.ck-footer{background:var(--ck-brand-deep);color:#CFE9DA;padding:56px 0 32px;}
.ck-footer h4{color:#fff;font-size:16px;margin:0 0 14px;}
.ck-footer ul{list-style:none;margin:0;padding:0;}
.ck-footer li{margin:0 0 9px;}
.ck-footer a{color:#CFE9DA;text-decoration:none;font-size:14.5px;}
.ck-footer a:hover{color:#fff;}
.ck-footer-cols{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:24px;}
@media(max-width:1000px){.ck-footer-cols{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.ck-footer-cols{grid-template-columns:repeat(2,1fr);}}
.ck-footer-badges{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);}
.ck-footer-badges img{height:42px;width:auto;display:block;}
.ck-footer-badges .ck-badge-note{color:#9FC2AC;font-size:13px;font-weight:600;}
.ck-footer-note{margin-top:20px;font-size:12.5px;color:#9FC2AC;}

/* ---------- floating WhatsApp ---------- */
.ck-wa-float{position:fixed;right:18px;bottom:18px;z-index:999;background:var(--ck-wa);color:#07401F;font-weight:800;border-radius:999px;padding:14px 22px;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.25);}

/* ---------- core button block skins ---------- */
.ck-btns .wp-block-button__link{border-radius:999px;padding:14px 28px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;}
.ck-btns .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,92,48,.18);}
.ck-btn-wa .wp-block-button__link{background:var(--ck-wa);color:#07401F;}
.ck-btn-white .wp-block-button__link{background:#fff;color:var(--ck-brand-dark);}
.ck-btn-green .wp-block-button__link{background:var(--ck-brand);color:#fff;}
.wp-block-buttons{gap:14px;}

/* ---------- block layout shims (preview parity with WP) ---------- */
.wp-block-columns{display:flex;gap:24px;flex-wrap:nowrap;margin:0 0 24px;}
.wp-block-column{flex:1;min-width:0;}
@media(max-width:781px){.wp-block-columns{flex-direction:column;}.wp-block-column{flex-basis:auto !important;}}
.wp-block-buttons{display:flex;flex-wrap:wrap;}
.ck-center .wp-block-buttons{justify-content:center;}
.wp-block-group{box-sizing:border-box;}
h2.wp-block-heading{font-size:clamp(26px,3.4vw,36px);margin:0 0 14px;}
h3.wp-block-heading{font-size:21px;margin:0 0 8px;}
h3.wp-block-heading a{color:inherit;text-decoration:none;}
h3.wp-block-heading a:hover{color:var(--ck-brand-dark);}
p{margin:0 0 16px;}
ul.ck-check{list-style:none;padding:0;margin:0 0 18px;}
ul.ck-check li{padding-left:30px;position:relative;margin:0 0 10px;color:var(--ck-ink);}
ul.ck-check li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ck-brand);font-weight:800;}
ul.ck-check a{color:var(--ck-brand-dark);text-decoration:none;}
.ck-platform{margin:0 0 12px;}
.ck-chip-row{margin-top:4px;}
.ck-chip{margin:0;}
.ck-bar-fill{min-height:12px;}

/* ---------- preview-only header (Astra renders the real one) ---------- */
.ckp-header{background:#fff;border-bottom:1px solid var(--ck-line);position:sticky;top:0;z-index:50;}
.ckp-bar{display:flex;align-items:center;gap:26px;max-width:1120px;margin:0 auto;padding:12px 24px;}
.ckp-logo{border:2px dashed var(--ck-brand);border-radius:10px;padding:8px 16px;font-weight:800;color:var(--ck-brand-dark);font-size:14px;white-space:nowrap;}
.ckp-nav{display:flex;gap:4px;margin-left:auto;align-items:center;}
.ckp-nav>div{position:relative;}
.ckp-nav a{display:block;padding:10px 12px;color:var(--ck-ink);font-weight:600;font-size:15px;text-decoration:none;border-radius:8px;}
.ckp-nav a:hover{background:var(--ck-tint);color:var(--ck-brand-dark);}
.ckp-sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--ck-line);border-radius:12px;min-width:230px;padding:8px;box-shadow:0 14px 30px rgba(18,32,24,.12);max-height:60vh;overflow:auto;}
.ckp-nav>div:hover .ckp-sub{display:block;}
.ckp-sub a{padding:9px 12px;font-size:14px;}
.ckp-cta{margin-left:8px;}
@media(max-width:1000px){.ckp-nav{display:none;}}