/* Aromachio Storefront Native 1.4.0 - audited compatibility layer. */

/* Native cards: guaranteed readable hierarchy. */
body.aromachio-native-enabled .ac-product-card {
  color:#fff4dd;
  background:#15091b;
  border-color:rgba(244,218,145,.24);
}
body.aromachio-native-enabled .ac-product-info h3,
body.aromachio-native-enabled .ac-product-info h3 a {
  color:#fff4dd!important;
  -webkit-text-fill-color:#fff4dd!important;
}
body.aromachio-native-enabled .ac-product-price,
body.aromachio-native-enabled .ac-product-price .amount {
  color:#f4da91!important;
  -webkit-text-fill-color:#f4da91!important;
}
body.aromachio-native-enabled .ac-product-buy {
  background:linear-gradient(135deg,#f4da91,#d4a84c)!important;
  color:#24102c!important;
  -webkit-text-fill-color:#24102c!important;
  text-shadow:none!important;
}

/* Legacy/Suite cards that can still legitimately appear in Horóscopo,
   related content or old shortcodes: make them accessible without redesigning them. */
body.aromachio-native-enabled :is(
  .aroma-card-v2__title,.aroma-card-v2__title a,
  .acpem-product h3,.acpem-product h3 a,
  .acpr-card h3,.acpr-card h3 a,
  .aromachio-product-card h3,.aromachio-product-card h3 a
) {
  color:#fff4dd!important;
  -webkit-text-fill-color:#fff4dd!important;
}
body.aromachio-native-enabled :is(
  .aroma-card-v2__price,.aroma-card-v2__price .amount,
  .acpr-price,.acpr-price .amount,
  .aromachio-price,.aromachio-price .amount
) {
  color:#f4da91!important;
  -webkit-text-fill-color:#f4da91!important;
}
body.aromachio-native-enabled :is(
  .aroma-card-v2__add,.acpem-add,.acpr-btn--cart,
  .aromachio-button--cart,.aromachio-quick-buy__button,
  .acp-small-btn-cart,.woocommerce ul.products li.product .add_to_cart_button
) {
  background:linear-gradient(135deg,#f4da91,#d4a84c)!important;
  border:1px solid #e8c36e!important;
  color:#24102c!important;
  -webkit-text-fill-color:#24102c!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.aromachio-native-enabled :is(
  .aroma-card-v2__view,.acpem-view,.acpr-btn--view,.acp-small-btn-view
) {
  background:#16091d!important;
  border:1px solid rgba(244,218,145,.48)!important;
  color:#fff4dd!important;
  -webkit-text-fill-color:#fff4dd!important;
  text-shadow:none!important;
  opacity:1!important;
}

/* Product images must never expose the old light strip above them. */
body.aromachio-native-enabled :is(
  .ac-product-image,.aroma-card-v2__image,.acp-product-image
) {
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
body.aromachio-native-enabled :is(
  .ac-product-image,.aroma-card-v2__image,.acp-product-image
) img {
  display:block!important;
  margin:0!important;
  padding:0!important;
  vertical-align:top!important;
}

/* The requested home categories remain physically paired in mobile. */
@media (max-width:900px) {
  body.aromachio-native-home .ac-category-grid {
    width:100%!important;
    max-width:100%!important;
  }
  body.aromachio-native-home .ac-category-pair {
    display:flex!important;
    width:100%!important;
    gap:10px!important;
  }
  body.aromachio-native-home .ac-category-pair > .ac-category-card {
    flex:1 1 0!important;
    width:calc(50% - 5px)!important;
    min-width:0!important;
    max-width:calc(50% - 5px)!important;
  }
  body.aromachio-native-home .ac-category-copy strong {
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
}

/* Woo cart / checkout / account: text never inherits cream on white controls. */
body.aromachio-native-enabled :is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) input,
body.aromachio-native-enabled :is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) select,
body.aromachio-native-enabled :is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) textarea {
  color:#24102c!important;
  -webkit-text-fill-color:#24102c!important;
}


/* =========================================================
   Aromachio Storefront Native 1.4.2
   Auditoria movil: franja de imagen + contraste de compra
   ========================================================= */

body.aromachio-native-enabled :is(
  .ac-product-card,.aroma-card-v2,.acpem-product,.acpr-card,
  .aromachio-product-card,.acp-product-card,.woocommerce ul.products li.product
) {
  overflow:hidden!important;
  background:#15091b!important;
  border-color:rgba(244,218,145,.24)!important;
  -webkit-transform:translateZ(0);
}

body.aromachio-native-enabled :is(
  .ac-product-image,.ac-product-image-inner,
  .aroma-card-v2__image,.aroma-card-v2__media,
  .acpem-product-image,.acpem-image,
  .acpr-image,.acpr-card__image,
  .acp-product-image,
  .aromachio-product-card__image,.aromachio-product-card__media
) {
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  line-height:0!important;
  font-size:0!important;
  background:#15091b!important;
  box-shadow:none!important;
  vertical-align:top!important;
}

body.aromachio-native-enabled :is(
  .ac-product-image,.ac-product-image-inner,
  .aroma-card-v2__image,.aroma-card-v2__media,
  .acpem-product-image,.acpem-image,
  .acpr-image,.acpr-card__image,
  .acp-product-image,
  .aromachio-product-card__image,.aromachio-product-card__media
) > img,
body.aromachio-native-enabled :is(
  .ac-product-image,.ac-product-image-inner,
  .aroma-card-v2__image,.aroma-card-v2__media,
  .acpem-product-image,.acpem-image,
  .acpr-image,.acpr-card__image,
  .acp-product-image,
  .aromachio-product-card__image,.aromachio-product-card__media
) a > img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:top!important;
  line-height:0!important;
  background:transparent!important;
}

body.aromachio-native-enabled .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
body.aromachio-native-enabled .woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:hidden!important;
  background:#15091b!important;
}

body.aromachio-native-enabled .woocommerce ul.products li.product a.woocommerce-loop-product__link > img {
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  vertical-align:top!important;
}

body.aromachio-native-enabled :is(
  .ac-product-buy,.aroma-card-v2__add,.acpem-add,.acpr-btn--cart,
  .aromachio-button--cart,.aromachio-quick-buy__button,.acp-small-btn-cart,
  .add_to_cart_button,.ajax_add_to_cart,.single_add_to_cart_button,
  [data-ac-native-cart-button="1"]
),
body.aromachio-native-enabled :is(
  .ac-product-buy,.aroma-card-v2__add,.acpem-add,.acpr-btn--cart,
  .aromachio-button--cart,.aromachio-quick-buy__button,.acp-small-btn-cart,
  .add_to_cart_button,.ajax_add_to_cart,.single_add_to_cart_button,
  [data-ac-native-cart-button="1"]
):is(:hover,:focus,:focus-visible,:active,.loading,.added,.disabled,[disabled],[aria-disabled="true"]) {
  background:linear-gradient(135deg,#f4da91 0%,#e8c36e 56%,#d4a84c 100%)!important;
  border:1px solid #e8c36e!important;
  color:#24102c!important;
  -webkit-text-fill-color:#24102c!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  visibility:visible!important;
}

body.aromachio-native-enabled :is(
  .ac-product-buy,.aroma-card-v2__add,.acpem-add,.acpr-btn--cart,
  .aromachio-button--cart,.aromachio-quick-buy__button,.acp-small-btn-cart,
  .add_to_cart_button,.ajax_add_to_cart,.single_add_to_cart_button,
  [data-ac-native-cart-button="1"]
) :is(span,strong,b,i),
body.aromachio-native-enabled :is(
  .ac-product-buy,.aroma-card-v2__add,.acpem-add,.acpr-btn--cart,
  .aromachio-button--cart,.aromachio-quick-buy__button,.acp-small-btn-cart,
  .add_to_cart_button,.ajax_add_to_cart,.single_add_to_cart_button,
  [data-ac-native-cart-button="1"]
)::before,
body.aromachio-native-enabled :is(
  .ac-product-buy,.aroma-card-v2__add,.acpem-add,.acpr-btn--cart,
  .aromachio-button--cart,.aromachio-quick-buy__button,.acp-small-btn-cart,
  .add_to_cart_button,.ajax_add_to_cart,.single_add_to_cart_button,
  [data-ac-native-cart-button="1"]
)::after {
  color:#24102c!important;
  -webkit-text-fill-color:#24102c!important;
  opacity:1!important;
  text-shadow:none!important;
}

body.aromachio-native-enabled :is(
  .add_to_cart_button,.ajax_add_to_cart,.single_add_to_cart_button,
  .aroma-card-v2__add,.acpem-add,.acpr-btn--cart
):is(.disabled,[disabled],[aria-disabled="true"]) {
  cursor:not-allowed!important;
  opacity:1!important;
}

@media (max-width:900px) {
  body.aromachio-native-enabled :is(
    .ac-product-card,.aroma-card-v2,.acpem-product,.acpr-card,
    .aromachio-product-card,.acp-product-card
  ) { border-radius:18px!important; }

  body.aromachio-native-enabled :is(
    .ac-product-image,.aroma-card-v2__image,.aroma-card-v2__media,
    .acpem-product-image,.acpem-image,.acpr-image,.acpr-card__image,
    .acp-product-image,.aromachio-product-card__image,.aromachio-product-card__media
  ) { border-radius:17px 17px 0 0!important; }
}

/* =========================================================
   1.4.2 · ÚNICA FUENTE RESPONSIVE PARA TARJETAS DE PRODUCTO
   Storefront gobierna la presentación; Suite/Extras conservan
   datos, shortcodes y lógica. Móvil: 2 · Tablet: 3.
   ========================================================= */
@media (min-width:768px) and (max-width:1024px) {
  body.aromachio-native-enabled :is(
    .ac-product-grid,
    .aromachio-product-grid,
    .aroma-card-grid-v2,
    .acpr-grid,
    .acpem-products-grid,
    .acpem-mini-products.acpem-suggestion-grid,
    .ac-safe-related__grid,
    .ac-product-single__related-grid,
    .ac-shop-season__products,
    .ac-live-products-grid,
    .ac-live-products-grid--6,
    .acat-event__products,
    .acp-product-grid
  ),
  body.aromachio-native-enabled .woocommerce ul.products,
  body.aromachio-native-enabled .woocommerce-page ul.products,
  body.aromachio-native-enabled .related ul.products,
  body.aromachio-native-enabled .upsells ul.products,
  body.aromachio-native-enabled .cross-sells ul.products {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:767px) {
  body.aromachio-native-enabled :is(
    .ac-product-grid,
    .aromachio-product-grid,
    .aroma-card-grid-v2,
    .acpr-grid,
    .acpem-products-grid,
    .acpem-mini-products.acpem-suggestion-grid,
    .ac-safe-related__grid,
    .ac-product-single__related-grid,
    .ac-shop-season__products,
    .ac-live-products-grid,
    .ac-live-products-grid--6,
    .acat-event__products,
    .acp-product-grid
  ),
  body.aromachio-native-enabled .woocommerce ul.products,
  body.aromachio-native-enabled .woocommerce-page ul.products,
  body.aromachio-native-enabled .related ul.products,
  body.aromachio-native-enabled .upsells ul.products,
  body.aromachio-native-enabled .cross-sells ul.products {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:1024px) {
  body.aromachio-native-enabled :is(
    .ac-product-grid,
    .aromachio-product-grid,
    .aroma-card-grid-v2,
    .acpr-grid,
    .acpem-products-grid,
    .acpem-mini-products.acpem-suggestion-grid,
    .ac-safe-related__grid,
    .ac-product-single__related-grid,
    .ac-shop-season__products,
    .ac-live-products-grid,
    .ac-live-products-grid--6,
    .acat-event__products,
    .acp-product-grid
  ) > *,
  body.aromachio-native-enabled .woocommerce ul.products > li.product,
  body.aromachio-native-enabled .woocommerce-page ul.products > li.product,
  body.aromachio-native-enabled .related ul.products > li.product,
  body.aromachio-native-enabled .upsells ul.products > li.product,
  body.aromachio-native-enabled .cross-sells ul.products > li.product {
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    float:none!important;
    clear:none!important;
    box-sizing:border-box!important;
  }
  body.aromachio-native-enabled .acpr-shop {
    --acpr-mobile-columns:2!important;
  }
}

