/* Crocsbazaar landing patterns — loaded on the front end AND in the block editor. */
:root{
  --cb-ink:#163238;--cb-ink-soft:#4B6066;--cb-brand:#FFC845;--cb-brand-dark:#E8A61B;
  --cb-lagoon:#1B8A8A;--cb-coral:#FF6B5B;--cb-coral-dark:#E2503F;--cb-sand:#F5F1E6;--cb-line:#E7E2D3;
  --cb-good:#1E8E5A;--cb-bad:#C8463A;
}

.cb-label{font-size:.76rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cb-coral-dark);margin:0 0 .4em!important;}

/* Key takeaways */
.cb-takeaways{background:var(--cb-sand);border-left:5px solid var(--cb-brand);border-radius:0 16px 16px 0;padding:18px 22px;margin:1.8em 0;}
.cb-takeaways ul{margin:0;padding:0;list-style:none;}
.cb-takeaways li{position:relative;padding-left:1.7em;margin:.45em 0;font-weight:500;}
.cb-takeaways li::before{content:"→";position:absolute;left:0;font-weight:800;color:var(--cb-lagoon);}

/* Stats row */
.wp-block-columns.cb-stats{gap:12px;margin:1.6em 0;}
.cb-stats .wp-block-column{background:#fff;border:2px solid var(--cb-ink);border-radius:14px;padding:14px 16px;text-align:center;}
.cb-stat{margin:0!important;font-size:.85rem;color:var(--cb-ink-soft);line-height:1.3;}
.cb-stat strong{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.55rem;color:var(--cb-ink);line-height:1.15;}
@media (max-width:781px){.wp-block-columns.cb-stats{flex-wrap:nowrap!important;}.cb-stats .wp-block-column{flex-basis:0!important;padding:10px 8px;}.cb-stat strong{font-size:1.2rem;}}

/* Wear-test photo story */
.cb-wear{background:#fff;border:2px solid var(--cb-ink);border-radius:20px;padding:20px;margin:2em 0;box-shadow:6px 6px 0 var(--cb-lagoon);}
.cb-wear .wp-block-columns{margin:0;gap:24px;align-items:center;}
.cb-wear .wp-block-image{margin:0!important;}
.cb-wear .wp-block-image img{border-radius:14px;width:100%;aspect-ratio:4/5;object-fit:cover;margin:0!important;box-shadow:none!important;}
.cb-wear figcaption{font-size:.82rem;color:var(--cb-ink-soft);margin-top:.5em;text-align:left;}
.cb-wear h3{margin:.1em 0 .5em;}
.cb-facts{list-style:none;margin:0;padding:0;}
.cb-facts li{padding:.5em 0;border-bottom:1px dashed var(--cb-line);margin:0;}
.cb-facts li:last-child{border-bottom:0;}

/* Buy / skip */
.wp-block-columns.cb-buyskip{gap:14px;margin:2em 0;}
.cb-buyskip .wp-block-column{border-radius:16px;padding:16px 18px;}
.cb-buyskip h3{font-size:1.1rem;margin:0 0 .4em;}
.cb-buyskip ul{list-style:none;margin:0;padding:0;}
.cb-buyskip li{position:relative;padding-left:1.6em;margin:.35em 0;}
.cb-buy{background:#EAF7F0;border:2px solid #BFE3CF;}
.cb-skip{background:#FCEDEB;border:2px solid #F2CBC5;}
.cb-buy li::before{content:"✓";position:absolute;left:0;color:var(--cb-good);font-weight:800;}
.cb-skip li::before{content:"✕";position:absolute;left:0;color:var(--cb-bad);font-weight:800;}

/* Verdict */
.cb-verdict{background:var(--cb-ink);color:#E6F0F0;border-radius:22px;padding:26px;margin:2.4em 0;position:relative;overflow:hidden;}
.cb-verdict::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--cb-brand);opacity:.15;right:-60px;top:-70px;}
.cb-verdict h2,.cb-verdict h3{color:#fff;margin:.1em 0 .4em;border:0!important;padding:0!important;display:block!important;}
.cb-verdict h2::before{display:none!important;}
.cb-verdict .cb-label{color:var(--cb-brand);}
.cb-verdict p{color:#D3E2E2;}
.cb-verdict .buy-amazon{background:#fff;color:var(--cb-ink);}
.cb-verdict .buy-amazon .buy-btn-sub{color:#E07F00;}
.cb-verdict .buy-btn{border-color:#fff;box-shadow:3px 3px 0 var(--cb-brand);}

/* CTA band */
.cb-cta-band{background:linear-gradient(135deg,#FFF6D9 0%,#FFE7A3 100%);border:2px solid var(--cb-ink);border-radius:20px;padding:22px 24px;margin:2.2em 0;display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center;}
.cb-cta-band h3{margin:0;grid-column:1;}
.cb-cta-band p{margin:0;grid-column:1;font-size:.95rem;color:var(--cb-ink-soft);}
.cb-cta-band .buy-buttons{grid-column:2;grid-row:1 / span 2;}
@media (max-width:700px){.cb-cta-band{grid-template-columns:1fr;}.cb-cta-band .buy-buttons{grid-column:1;grid-row:auto;margin-top:10px;}.cb-cta-band .buy-btn{flex:1 1 0;}}

/* Sizing table */
.wp-block-table.cb-sizing{margin:1.8em 0;overflow-x:auto;}
.cb-sizing table{border-collapse:separate!important;border-spacing:0;border:2px solid var(--cb-ink)!important;border-radius:14px;overflow:hidden;background:#fff;}
.cb-sizing th{background:var(--cb-ink)!important;color:#fff;border:0!important;}
.cb-sizing td{border:0!important;border-top:1px solid var(--cb-line)!important;}
.cb-sizing tr:nth-child(even) td{background:#FBF9F3;}
.cb-sizing figcaption{font-size:.8rem;color:var(--cb-ink-soft);}

/* FAQ */
.cb-faq{margin:2.4em 0;}
.cb-faq > h2{border:0!important;padding:0!important;}
.cb-faq > h2::before{display:none!important;}
.cb-faq .wp-block-details{border:2px solid var(--cb-ink);border-radius:14px;margin:0 0 10px;background:#fff;overflow:hidden;}
.cb-faq summary{cursor:pointer;list-style:none;padding:14px 48px 14px 18px;font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:1.06rem;position:relative;}
.cb-faq summary::-webkit-details-marker{display:none;}
.cb-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--cb-brand);display:flex;align-items:center;justify-content:center;font-weight:800;line-height:1;}
.cb-faq details[open] summary::after{content:"–";}
.cb-faq details[open] summary{border-bottom:1px dashed var(--cb-line);}
.cb-faq details > *:not(summary){padding:0 18px;}
.cb-faq details > p:last-child{padding-bottom:14px;margin-bottom:0;}
.cb-faq details > p:nth-child(2){padding-top:12px;}

/* Photo gallery */
.cb-photos{margin:2em 0;}
.cb-photos .wp-block-gallery{gap:10px!important;}
.cb-photos .wp-block-gallery img{border-radius:14px!important;margin:0!important;box-shadow:none!important;}
.cb-photos .wp-block-gallery{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px!important;}
.cb-photos .wp-block-gallery > figure.wp-block-image{width:auto!important;margin:0!important;}
.cb-photos .wp-block-gallery img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;}
@media (max-width:520px){.cb-photos .wp-block-gallery{grid-template-columns:1fr 1fr;}}