/*
Theme Name: Pet Acc — Astra Child
Theme URI: https://pet-acc.com
Description: Custom child theme for Pet Acc. Premium · Warm · Modern design system. Built on Astra parent.
Author: Pet Acc Team
Author URI: https://pet-acc.com
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Tags: e-commerce, woocommerce, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   Pet Acc — Child Theme style.css
   All custom styles are loaded via /assets/css/ files
   enqueued in functions.php. This file is kept minimal as
   required by WordPress for child theme registration.
   ============================================================ */


/* ============================================================
   Mobile fixes (2026-04-30)
   ============================================================ */
@media (max-width: 768px) {
  body .prod-add,
  body .prod-card .prod-add,
  body .product-card .prod-add {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    margin-top: 0 !important;
  }
  body.tax-product_cat .pa-cat-img-wrap {
    aspect-ratio: 4 / 5 !important;
    max-height: none !important;
  }
}




/* ============================================================
   Category hero mobile lock (2026-04-30 b)
   Force single full-width column so dog image isn’t squished
   into a 199px sub-column (theme grid was collapsing).
   ============================================================ */
@media (max-width: 768px) {
  body.tax-product_cat .pa-cat-hero { padding: 32px 16px 24px !important; }
  body.tax-product_cat .pa-cat-hero-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  body.tax-product_cat .pa-cat-hero-inner > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.tax-product_cat .pa-cat-img-wrap {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    max-height: none !important;
  }
}