/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* ==========================================
   Layout adjustments for the promo section
   Make image and text take up full width equally,
   Remove excess vertical spacing,
   And style the contents for readability.
========================================== */

/* The main section: set to flex container and remove margins/padding */
.promo-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

/* Each direct child (image block and text block) takes half the width */
.promo-section > .wp-block-image,
.promo-section > .wp-block-group,
.promo-section > .wp-block-column {
    flex: 1 1 50%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ensure the image fills its column nicely */
.promo-section .wp-block-image img {
    width: 100%;
    height: auto;
    border-radius: 12px; /* adjust or remove the rounding if needed */
}

/* Align text vertically and adjust font size */
.promo-section .wp-block-group,
.promo-section .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem; /* add some breathing room */
}

/* Make sure headings and paragraphs don’t have extra margin if not needed */
.promo-section h2,
.promo-section h3,
.promo-section p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
/* FORCE WooCommerce "Add to cart" always visible (disable hover-hide) */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: inline-flex !important;
}

/* some themes hide it by setting container to 0 / hidden */
.woocommerce ul.products li.product .woocommerce-loop-product__link ~ .button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  margin-top: 12px !important;
  z-index: 999 !important;
}

/* kill any hover rules that hide/show */
.woocommerce ul.products li.product:hover a.button,
.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover .add_to_cart_button {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Force Add to Cart always visible */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart,
.wc-block-grid__product .wp-block-button__link,
.wp-block-woocommerce-product-button .wp-block-button__link {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  display: inline-flex !important;
  pointer-events: auto !important;
}