/*
Theme Name: Do It Arts Child
Template: astra
Version: 1.0
*/
:root {
  --candy-main: #ff5fa2;
  --candy-soft: #ffe4ef;
  --candy-text: #333;
}

body {
  color: var(--candy-text);
}

/* === HERO CANDYLAND === */
.wp-block-cover.hero-candy{
  min-height: 85vh;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
  margin: 12px auto 28px;
}

.wp-block-cover.hero-candy .wp-block-cover__inner-container{
  max-width: 1200px;
  margin: 0 auto;
}

.wp-block-cover.hero-candy h1{
  font-size: clamp(36px, 5vw, 62px);
  font-weight: 900;
  letter-spacing: -1px;
  margin-bottom: 12px;
}

.wp-block-cover.hero-candy p{
  font-size: 18px;
  max-width: 520px;
}

.wp-block-cover.hero-candy .wp-block-buttons{
  margin-top: 18px;
}

.wp-block-cover.hero-candy .wp-block-button__link{
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 800 !important;
}

.wp-block-cover.hero-candy .wp-block-button:not(.is-style-outline) .wp-block-button__link{
  background: var(--candy-main) !important;
  color: #fff !important;
}

.wp-block-cover.hero-candy .wp-block-button.is-style-outline .wp-block-button__link{
  border: 2px solid #fff !important;
  color: #fff !important;
  background: transparent !important;
}

@media (max-width: 768px){
  .wp-block-cover.hero-candy{
    min-height: 70vh;
    border-radius: 16px;
  }
  .wp-block-cover.hero-candy h1{
    font-size: 32px;
  }
}
body { background: #fff7fb !important; }
a { font-weight: 700; }
.site-header { box-shadow: 0 6px 20px rgba(0,0,0,.06); }
/* PRUEBA VISIBLE: si esto no se ve, el CSS no se está aplicando */
.site, .ast-separate-container, .site-content { background: #fff7fb !important; }

.main-header-menu > .menu-item > a { font-weight: 900 !important; }
.candy-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
}
.candy-card img{
  border-radius: 14px;
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.candy-card .wp-block-button__link{
  background: #ff5fa2 !important;
  color:#fff !important;
  border:0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
.candy-card{
  text-align:center;
}

.candy-card img{
  height: 170px !important;
  object-fit: contain !important;
  background: #fff;
}

.candy-card h2, .candy-card h3{
  margin: 12px 0 10px;
}
/* === PRODUCT GRID CANDY STYLE === */
.woocommerce ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

@media (max-width: 980px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
}

.woocommerce ul.products li.product img{
  border-radius: 14px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight: 900;
  font-size: 16px;
  margin: 10px 0 6px;
}

.woocommerce ul.products li.product .price{
  font-weight: 800;
  margin-bottom: 10px;
}

.woocommerce ul.products li.product .button{
  width: 100%;
  text-align:center;
  background: #ff5fa2;
  color:#fff;
  border-radius: 999px;
  font-weight: 900;
  padding: 12px 14px;
}
/* === CANDY PRODUCTS (Woo blocks) === */
.candy-products .wc-block-grid__products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

@media (max-width: 980px){
  .candy-products .wc-block-grid__products{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

.candy-products .wc-block-grid__product{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius: 18px !important;
  padding: 12px !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.06) !important;
}

.candy-products .wc-block-grid__product-image img{
  border-radius: 14px !important;
}

.candy-products .wc-block-grid__product-title{
  font-weight: 900 !important;
  font-size: 16px !important;
  margin: 10px 0 6px !important;
}

.candy-products .wc-block-grid__product-price{
  font-weight: 800 !important;
  margin-bottom: 10px !important;
}

.candy-products .wp-block-button__link,
.candy-products .wc-block-grid__product-add-to-cart a{
  width: 100% !important;
  text-align: center !important;
  background: #ff5fa2 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 12px 14px !important;
  border: 0 !important;
}
.wp-block-cover.cta-candy{
  min-height: 35vh;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,.10);
  margin: 26px auto 10px;
}
.wp-block-cover.cta-candy h2{
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 900;
  letter-spacing: -0.5px;
}
.wp-block-cover.cta-candy .wp-block-button__link{
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 900 !important;
  background: #ff5fa2 !important;
  color:#fff !important;
}