/* Crazy Clothing World theme — what theme.json can't say. */

/* Sticker cards and badges ------------------------------------------------ */
.is-style-sticker { border: 2px solid var(--wp--preset--color--ink); border-radius: 14px; box-shadow: 4px 4px 0 0 var(--wp--preset--color--ink); background: var(--wp--preset--color--white); }
.is-style-tilt { border: 2px solid var(--wp--preset--color--ink); border-radius: 14px; transform: rotate(-2deg); }
.is-style-tilt:nth-child(even) { transform: rotate(1.5deg); }
.wp-block-image.is-style-sticker img { border: 2px solid var(--wp--preset--color--ink); border-radius: 14px; box-shadow: 4px 4px 0 0 var(--wp--preset--color--ink); }
.wp-block-button.is-style-quiet .wp-block-button__link { background: transparent; box-shadow: none; }
.ccwt-badge { display: inline-block; font-family: var(--wp--preset--font-family--display); font-size: 0.8rem; padding: 0.2em 0.8em; border: 2px solid var(--wp--preset--color--ink); border-radius: 999px; background: var(--wp--preset--color--pink); color: var(--wp--preset--color--ink); transform: rotate(6deg); }
.ccwt-chips { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.ccwt-chips a { display: inline-block; padding: 0.45em 1em; border: 2px solid var(--wp--preset--color--ink); border-radius: 999px; background: var(--wp--preset--color--white); text-decoration: none; font-weight: 500; }
.ccwt-chips a:nth-child(4n+1) { background: var(--wp--preset--color--sun); }
.ccwt-chips a:nth-child(4n+2) { background: var(--wp--preset--color--sky); }
.ccwt-chips a:nth-child(4n+3) { background: var(--wp--preset--color--bubblegum); }
.ccwt-chips a:nth-child(4n) { background: var(--wp--preset--color--mint); }
.ccwt-chips a:hover { transform: rotate(-2deg); }

/* Header ------------------------------------------------------------------ */
.ccwt-header { border-bottom: 2px solid var(--wp--preset--color--ink); }
.ccwt-logo img { display: block; height: auto; }
@media (max-width: 600px) { .ccwt-header .ccwt-logo img { width: 88px; } }
.ccwt-header .wp-block-site-title a { background: var(--wp--preset--color--pink); color: var(--wp--preset--color--ink); padding: 0.1em 0.45em; border-radius: 6px; }

/* Products in sticker mode ------------------------------------------------ */
body:not(.ccw-calm) .wc-block-product,
body:not(.ccw-calm) ul.products li.product { border: 2px solid var(--wp--preset--color--ink); border-radius: 14px; background: var(--wp--preset--color--white); padding: 0.6rem; transition: transform .15s ease, box-shadow .15s ease; }
body:not(.ccw-calm) .wc-block-product:hover,
body:not(.ccw-calm) ul.products li.product:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 0 var(--wp--preset--color--ink); }
body:not(.ccw-calm) .wc-block-components-product-image img,
body:not(.ccw-calm) ul.products li.product img { border-radius: 9px; }
.wc-block-components-product-sale-badge, .onsale { font-family: var(--wp--preset--font-family--display); border: 2px solid var(--wp--preset--color--ink) !important; background: var(--wp--preset--color--sun) !important; color: var(--wp--preset--color--ink) !important; border-radius: 999px !important; }
.ccw-sponsored, body .ccw-sponsored { display: inline-block; font-family: var(--wp--preset--font-family--display); font-size: 0.75rem; padding: 0.15em 0.7em; border: 2px solid var(--wp--preset--color--ink); border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); }

/* Calm (gallery) mode: product, cart, checkout, account ------------------- */
body.ccw-calm { background: var(--wp--preset--color--white); font-family: var(--wp--preset--font-family--calm); }
body.ccw-calm h1, body.ccw-calm h2, body.ccw-calm h3, body.ccw-calm h4 { font-family: var(--wp--preset--font-family--calm); font-weight: 600; letter-spacing: -0.015em; }
body.ccw-calm .wp-element-button, body.ccw-calm .wp-block-button__link, body.ccw-calm button.button, body.ccw-calm .button { font-family: var(--wp--preset--font-family--calm); font-weight: 600; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--white); border: 0; border-radius: 8px; box-shadow: none; }
body.ccw-calm .wp-element-button:hover, body.ccw-calm .wp-block-button__link:hover, body.ccw-calm button.button:hover, body.ccw-calm .button:hover { background: var(--wp--preset--color--pink-dark); color: var(--wp--preset--color--white); }
body.ccw-calm .wc-block-components-text-input input, body.ccw-calm .wc-block-components-select select, body.ccw-calm input.input-text { border-radius: 8px; }
.ccwt-header-calm { border-bottom: 1px solid var(--wp--preset--color--line); }
.ccwt-trust { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; color: var(--wp--preset--color--stone); font-size: var(--wp--preset--font-size--small); }

/* Footer ------------------------------------------------------------------ */
.ccwt-footer .wc-block-product-categories-list { list-style: none; padding: 0; margin: 0; }
.ccwt-footer .wc-block-product-categories-list li { margin: 0 0 .25em; }
.ccwt-footer { border-top: 2px solid var(--wp--preset--color--ink); }
.ccw-calm .ccwt-footer { border-top-width: 1px; border-color: var(--wp--preset--color--line); }

/* MultiVendorX store pages -------------------------------------------------- */
body:not(.ccw-calm) .multivendorx-store-banner, body:not(.ccw-calm) .store-banner { border: 2px solid var(--wp--preset--color--ink); border-radius: 14px; overflow: hidden; }

/* Accessibility --------------------------------------------------------------- */
.screen-reader-text:focus { clip: auto !important; clip-path: none; height: auto; width: auto; padding: 0.5rem 1rem; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); z-index: 100000; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
	.is-style-tilt, .is-style-tilt:nth-child(even), .ccwt-badge { transform: none; }
}

/* Header search: a plain icon button, not a big sticker button. */
.ccwt-header .wp-block-search__button { box-shadow: none; padding: 0.45em; border-width: 2px; background: var(--wp--preset--color--white); }
.ccwt-header .wp-block-search__button:hover { background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); }