/* =========================================================
   KIDS CANDY & SLUSH — inner-page reskin.
   Scoped to body.kcs-inner (every page except the front page: shop, product,
   cart, checkout, account and regular WordPress pages).
   Brings the front page's electric-purple / frosted-glass look to the rest of the site.
   ========================================================= */

:root{
  --kcs-ink:#150838;
  --kcs-pink:#EC2C74;
  --kcs-blue:#22A8DF;
  --kcs-yellow:#F1BA18;
  --kcs-green:#52B870;
  --kcs-txt:#fff;
  --kcs-dim:rgba(255,255,255,.66);
  --kcs-line:rgba(255,255,255,.16);
  --kcs-glass:linear-gradient(160deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.04) 55%,rgba(255,255,255,.02) 100%);
  --kcs-ff:"Poppins","Cairo","Segoe UI",system-ui,sans-serif;
}

/* ---------- base ---------- */
body.kcs-inner{
  --ink:var(--kcs-txt);
  --muted:var(--kcs-dim);
  --panel:rgba(21,8,56,.94);
  --paper:#211443;
  --blue-soft:#25194a;
  --pink-soft:#30204e;
  --border:var(--kcs-line);
  --font-body:var(--kcs-ff);
  --font-display:var(--kcs-ff);
  --shadow:0 18px 50px rgba(0,0,0,.25);
  color-scheme:dark;
  background:var(--kcs-ink);
  color:var(--kcs-txt);
  font-family:var(--kcs-ff);
}
body.kcs-inner::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60vw 60vw at 8% 0%, rgba(236,44,116,.35), transparent 60%),
    radial-gradient(60vw 60vw at 100% 12%, rgba(34,168,223,.30), transparent 60%),
    radial-gradient(70vw 70vw at 30% 100%, rgba(138,61,255,.35), transparent 62%),
    var(--kcs-ink);
}
body.kcs-inner a{color:var(--kcs-txt);}
body.kcs-inner a:hover{color:var(--kcs-yellow);}
body.kcs-inner h1,body.kcs-inner h2,body.kcs-inner h3,
body.kcs-inner h4,body.kcs-inner .woocommerce-products-header__title,
body.kcs-inner .product_title{color:var(--kcs-txt);font-family:var(--kcs-ff);font-weight:700;letter-spacing:-.01em;}
body.kcs-inner p,body.kcs-inner li,body.kcs-inner dd,body.kcs-inner label,
body.kcs-inner .woocommerce-result-count{color:var(--kcs-dim);}

/* ---------- footer (the header is kcs/header.css) ---------- */
body.kcs-inner .site-footer{background:rgba(0,0,0,.35);color:var(--kcs-dim);border-top:1px solid var(--kcs-line);}
body.kcs-inner .site-footer a{color:var(--kcs-txt);}
body.kcs-inner .site-footer a:hover{color:var(--kcs-yellow);}
body.kcs-inner .site-footer h2{color:var(--kcs-txt);}

/* ---------- buttons ---------- */
body.kcs-inner .button,
body.kcs-inner a.button,
body.kcs-inner button.button,
body.kcs-inner input[type="submit"],
body.kcs-inner .wp-element-button,
body.kcs-inner .wc-block-components-button{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:#fff;color:var(--kcs-ink);
  border:1px solid rgba(255,255,255,.9);border-radius:999px;
  padding:.85em 1.6em;font-family:var(--kcs-ff);font-weight:600;
  font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:background-color .25s,color .25s,transform .25s,box-shadow .25s;
  box-shadow:none;text-decoration:none;line-height:1.2;
}
body.kcs-inner .button:hover,
body.kcs-inner a.button:hover,
body.kcs-inner button.button:hover,
body.kcs-inner input[type="submit"]:hover,
body.kcs-inner .wp-element-button:hover,
body.kcs-inner .wc-block-components-button:hover{
  background:var(--kcs-yellow);border-color:var(--kcs-yellow);color:var(--kcs-ink);
  transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(241,186,24,.6);
}
body.kcs-inner .button.alt,
body.kcs-inner .single_add_to_cart_button,
body.kcs-inner .checkout-button,
body.kcs-inner #place_order{
  background:var(--kcs-pink);border-color:var(--kcs-pink);color:#fff;
}
body.kcs-inner .button.alt:hover,
body.kcs-inner .single_add_to_cart_button:hover,
body.kcs-inner .checkout-button:hover,
body.kcs-inner #place_order:hover{
  background:var(--kcs-yellow);border-color:var(--kcs-yellow);color:var(--kcs-ink);
}
body.kcs-inner .added_to_cart{
  margin-inline-start:.5em;color:var(--kcs-yellow);text-decoration:underline;font-weight:600;
}

/* ---------- product grid ---------- */
body.kcs-inner ul.products li.product,
body.kcs-inner .wc-block-grid__product{
  background:var(--kcs-glass);
  border:1px solid var(--kcs-line);
  border-radius:22px;
  padding:16px 16px 20px;
  backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.22);
}
body.kcs-inner ul.products li.product img,
body.kcs-inner .wc-block-grid__product-image img{
  border-radius:16px;margin-bottom:12px;
}
body.kcs-inner ul.products li.product .woocommerce-loop-product__title,
body.kcs-inner .wc-block-grid__product-title{
  color:var(--kcs-txt);font-weight:600;font-size:1rem;padding-top:0;
}
body.kcs-inner ul.products li.product .price,
body.kcs-inner .wc-block-grid__product-price,
body.kcs-inner .price{color:var(--kcs-yellow);font-weight:700;}
body.kcs-inner ul.products li.product .price del{color:var(--kcs-dim);font-weight:400;}
body.kcs-inner ul.products li.product .price ins{color:var(--kcs-yellow);text-decoration:none;}
body.kcs-inner .star-rating span::before,
body.kcs-inner .star-rating::before{color:var(--kcs-yellow);}
body.kcs-inner .onsale{
  background:var(--kcs-pink);color:#fff;border:0;border-radius:999px;
  font-weight:600;letter-spacing:.05em;min-height:0;min-width:0;padding:.35em .8em;
}

/* ---------- single product ---------- */
body.kcs-inner.single-product div.product .woocommerce-product-gallery img{border-radius:18px;}
body.kcs-inner.single-product div.product .summary .price{font-size:1.6rem;}
/* tabs: underlined like the header links (WooCommerce paints the active tab white) */
body.kcs-inner.woocommerce div.product .woocommerce-tabs ul.tabs li,
body.kcs-inner.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:transparent;border:0;}
body.kcs-inner.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--kcs-dim);}
body.kcs-inner.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:var(--kcs-txt);}
body.kcs-inner.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--kcs-txt);border-bottom-color:var(--kcs-yellow);}
body.kcs-inner .woocommerce-tabs .panel{
  background:var(--kcs-glass);border:1px solid var(--kcs-line);border-radius:18px;padding:22px;
}
body.kcs-inner .quantity input.qty{
  background:rgba(255,255,255,.08);border:1px solid var(--kcs-line);color:var(--kcs-txt);
  border-radius:12px;padding:.5em;
}

/* ---------- tables (cart, orders, account) ---------- */
body.kcs-inner table.shop_table,
body.kcs-inner .woocommerce-cart-form table,
body.kcs-inner .woocommerce-orders-table{
  background:var(--kcs-glass);border:1px solid var(--kcs-line);border-radius:18px;overflow:hidden;
  border-collapse:separate;border-spacing:0;
}
body.kcs-inner table.shop_table th,
body.kcs-inner table.shop_table td{
  border-color:var(--kcs-line);color:var(--kcs-txt);background:transparent;
}
body.kcs-inner table.shop_table thead th{color:var(--kcs-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;}
body.kcs-inner .cart_totals h2,body.kcs-inner .cross-sells h2{color:var(--kcs-txt);}
body.kcs-inner .cart-collaterals .cart_totals,
body.kcs-inner .checkout .woocommerce-checkout-review-order,
body.kcs-inner .woocommerce-cart-form,
body.kcs-inner .woocommerce form.checkout_coupon,
body.kcs-inner .woocommerce form.login,
body.kcs-inner .woocommerce form.register{
  background:var(--kcs-glass);border:1px solid var(--kcs-line);border-radius:18px;padding:22px;
}

/* The block cart and checkout have their own surfaces, separate from classic templates. */
body.kcs-inner .wc-block-cart__main,
body.kcs-inner .wc-block-checkout__main,
body.kcs-inner .wc-block-cart__sidebar,
body.kcs-inner .wc-block-checkout__sidebar{
  background:var(--kcs-glass);border:1px solid var(--kcs-line);
  color:var(--kcs-txt);
}
body.kcs-inner .wc-block-components-product-price,
body.kcs-inner .wc-block-components-totals-item__value,
body.kcs-inner.single-product div.product p.price,
body.kcs-inner.single-product div.product span.price{
  color:var(--kcs-yellow);
}
body.kcs-inner .wc-block-components-quantity-selector button{
  color:var(--kcs-txt);
}
body.kcs-inner .wc-block-cart-item__remove-link{
  color:var(--kcs-dim)!important;
}

/* ---------- forms / inputs ---------- */
body.kcs-inner input[type="text"],
body.kcs-inner input[type="email"],
body.kcs-inner input[type="tel"],
body.kcs-inner input[type="password"],
body.kcs-inner input[type="number"],
body.kcs-inner input[type="search"],
body.kcs-inner textarea,
body.kcs-inner select,
body.kcs-inner .select2-container .select2-selection{
  background:rgba(255,255,255,.08)!important;
  border:1px solid var(--kcs-line)!important;
  color:var(--kcs-txt)!important;
  border-radius:12px!important;
  padding:.7em .9em;
}
body.kcs-inner ::placeholder{color:rgba(255,255,255,.5);}
body.kcs-inner select option{background:var(--kcs-ink);color:var(--kcs-txt);}
body.kcs-inner .select2-selection__rendered{color:var(--kcs-txt)!important;}
body.kcs-inner input:focus,body.kcs-inner textarea:focus,body.kcs-inner select:focus{
  outline:2px solid var(--kcs-yellow);outline-offset:2px;
}
body.kcs-inner .select2-dropdown{background:rgba(21,8,56,.98);border:1px solid var(--kcs-line);color:var(--kcs-txt);}
body.kcs-inner .select2-results__option{color:var(--kcs-txt);}
body.kcs-inner .select2-results__option--highlighted{background:var(--kcs-pink)!important;}
body.kcs-inner label{color:var(--kcs-txt);}

/* ---------- checkout / payment ---------- */
body.kcs-inner #payment{background:transparent;}
body.kcs-inner #payment ul.payment_methods{
  background:rgba(255,255,255,.05);border:1px solid var(--kcs-line);border-radius:14px;
}
body.kcs-inner #payment div.payment_box{
  background:rgba(0,0,0,.25);color:var(--kcs-dim);border-radius:12px;
}
body.kcs-inner #payment div.payment_box::before{border-bottom-color:rgba(0,0,0,.25);}

/* ---------- notices ---------- */
body.kcs-inner .woocommerce-message,
body.kcs-inner .woocommerce-info,
body.kcs-inner .woocommerce-error,
body.kcs-inner .wc-block-components-notice-banner{
  background:var(--kcs-glass);border:1px solid var(--kcs-line);border-top:3px solid var(--kcs-yellow);
  border-radius:14px;color:var(--kcs-txt);
}
body.kcs-inner .woocommerce-error{border-top-color:var(--kcs-pink);}
body.kcs-inner .woocommerce-message{border-top-color:var(--kcs-green);}
body.kcs-inner .woocommerce-message a,
body.kcs-inner .woocommerce-info a{color:var(--kcs-yellow);}

/* ---------- misc ---------- */
body.kcs-inner .woocommerce-breadcrumb{color:var(--kcs-dim);}
body.kcs-inner .woocommerce-breadcrumb a{color:var(--kcs-txt);}
body.kcs-inner .woocommerce-ordering select,
body.kcs-inner .woocommerce-pagination a,
body.kcs-inner .woocommerce-pagination span{color:var(--kcs-txt);}
body.kcs-inner .woocommerce-pagination .page-numbers li .current{
  background:var(--kcs-pink);border-radius:8px;color:#fff;
}
body.kcs-inner .woocommerce-MyAccount-navigation ul li{
  background:rgba(255,255,255,.05);border:1px solid var(--kcs-line);border-radius:10px;margin-bottom:8px;
}
body.kcs-inner .woocommerce-MyAccount-navigation ul li.is-active{background:rgba(255,255,255,.14);}

/* ---------- regular WordPress pages (about, contact, policies) ---------- */
body.kcs-inner .eyebrow{color:var(--kcs-yellow);letter-spacing:.12em;}
body.kcs-inner:not(.woocommerce-page) .entry-content a:not(.button):not(.wp-element-button){color:var(--kcs-yellow);}
body.kcs-inner:not(.woocommerce-page) .entry-content a:not(.button):not(.wp-element-button):hover{color:#fff;}
body.kcs-inner .info-card,
body.kcs-inner .location-card,
body.kcs-inner .faq-list details{
  background:var(--kcs-glass);border-color:var(--kcs-line);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18);
}
body.kcs-inner .info-card{border-top-color:var(--kcs-blue);}
body.kcs-inner .info-card:nth-child(even){border-top-color:var(--kcs-pink);}
body.kcs-inner .notice-panel{background:rgba(236,44,116,.12);border-inline-start-color:var(--kcs-pink);}
body.kcs-inner .faq-list summary{color:var(--kcs-txt);}
body.kcs-inner .faq-list details[open] summary{color:var(--kcs-yellow);}
body.kcs-inner .location-card iframe{background:rgba(255,255,255,.06);}
body.kcs-inner .home-gallery__item{box-shadow:0 20px 40px -24px rgba(0,0,0,.7);}
body.kcs-inner .button--dark{background:var(--kcs-pink);border-color:var(--kcs-pink);color:#fff;}
/* sections that follow a card grid need room; the grid had no bottom spacing */
body.kcs-inner .entry-content > .info-grid + *,
body.kcs-inner .entry-content > .notice-panel + *,
body.kcs-inner .entry-content > [class*="__grid"] + *{margin-top:clamp(48px,6vw,72px);}
body.kcs-inner .entry-content > section{margin-top:clamp(36px,4vw,52px);}
body.kcs-inner .entry-content > section > h2{font-size:clamp(24px,2.6vw,32px);line-height:1.25;margin-bottom:.6em;}
body.kcs-inner .screen-reader-text:focus{background:var(--kcs-yellow);color:var(--kcs-ink);}

/* ---------- Arabic: same type family as the front page, and no Latin tracking ---------- */
html[lang^="ar"] body.kcs-inner,
html[lang^="ar"] body.kcs-inner :is(button,input,select,textarea,h1,h2,h3,h4,h5,h6,.button){
  font-family:"Cairo","Poppins","Segoe UI",system-ui,sans-serif;
}
html[lang^="ar"] body.kcs-inner :is(h1,h2,h3,h4,h5,h6,.eyebrow,.button,.product_title,.woocommerce-loop-product__title){
  letter-spacing:0;text-transform:none;
}
html[lang^="ar"] body.kcs-inner :is(h1,h2,h3,h4){line-height:1.35;}
:where(html[lang^="ar"] body.kcs-inner) :is(p,li){line-height:1.9;}
/* the decorative logo watermark sits on the side opposite the start of the text */
html[dir="rtl"] body.kcs-inner .site-watermark{right:auto;left:clamp(16px,3vw,60px);}

/* product block grids (e.g. "New in store" on the empty cart): spaced cards, no underlined titles */
body.kcs-inner .wc-block-grid__products{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:20px;margin:0;padding:0;
}
body.kcs-inner .wc-block-grid__products .wc-block-grid__product{
  display:flex;flex-direction:column;width:auto;max-width:none;flex:none;margin:0;text-align:center;
}
body.kcs-inner .wc-block-grid__product-link{text-decoration:none;}
body.kcs-inner .wc-block-grid__product-add-to-cart{margin-top:auto;}

/* checkout country / state dropdowns: WooCommerce paints their wrapper white */
body.kcs-inner .wc-blocks-components-select .wc-blocks-components-select__container{
  background:rgba(255,255,255,.08);border:1px solid var(--kcs-line);border-radius:12px;
}
body.kcs-inner .wc-blocks-components-select .wc-blocks-components-select__select{
  background:transparent!important;border:0!important;color:var(--kcs-txt)!important;
}
body.kcs-inner .wc-blocks-components-select .wc-blocks-components-select__label{color:var(--kcs-dim);}
body.kcs-inner .wc-blocks-components-select .wc-blocks-components-select__expand{fill:var(--kcs-txt);}
