/*
Theme Name:   Astra Child
Theme URI:    https://wpastra.com/
Description:  Child theme for Astra, used on the mthreed store. All custom CSS and
              PHP changes belong here so they survive Astra updates.
Author:       Target Edge
Template:     astra
Version:      1.0.23
Text Domain:  astra-child
*/

/* ---------------------------------------------------------------
   Add custom CSS below this line.
   Anything written here overrides Astra and is never overwritten
   when the parent theme updates.
   --------------------------------------------------------------- */

/* Global h3: one typography for every h3 on the site (and .m3d-h3 for non-h3 elements).
   Elementor heading widgets keep their own per-widget colour/size (higher specificity). */
h3, .m3d-h3,
.elementor h3, .entry-content h3, .elementor .m3d-h3 { font-family: "Google Sans Flex", sans-serif; font-size: 20px; font-weight: 700; line-height: 1.25; color: #1A1D21; }

/* Homepage hero typography (moved out of Elementor widget settings) */
.elementor-widget-heading.m3d-hero-title .elementor-heading-title {
	line-height: 70px;
}

.elementor-widget-heading.m3d-hero-subtitle .elementor-heading-title {
	font-weight: 500;
}

/* Homepage hero headline: proportional line spacing on tablet and phone */
@media (max-width: 1024px) {
	.elementor-widget-heading.m3d-hero-title .elementor-heading-title {
		line-height: 1.15;
	}
}

/* Homepage sections (Shop by Category, Shop by Printer, Featured Products) are built with
   native Elementor widgets; colours, typography, spacing, borders, hover border/shadow and the
   hover lift (Advanced > Transform > Hover) are all set in the Elementor panels.
   Class names used on the homepage containers (Advanced > CSS Classes):
     .m3d-card               - Shop by Category card (container rendered as a link)
     .m3d-home-printer-card  - Shop by Printer card
   The rules below exist only because Elementor cannot do them: the printer card's "Shop Now" button
   link is stretched over the whole card so the entire card is clickable (and hovering the card
   triggers the button's own hover colours). The image-box icon wrapper is made a block so the
   line-height of the inline figure does not add ~11px under the icon (spacing = Image Spacing). */
.m3d-card .elementor-image-box-img { display: block; }
/* Elementor centres image-box images on phones with !important; keep the icon left-aligned like the text */
@media (max-width: 767px) { .m3d-card .elementor-image-box-img { margin-left: 0 !important; margin-right: auto !important; } }
.m3d-home-printer-card .elementor-widget-button { position: static; }
/* the card hover-lift (e-transform) gives nested widget wrappers a no-op transform, which would trap the overlay */
.m3d-home-printer-card .elementor-widget-button > .elementor-widget-container { transform: none; }
.m3d-home-printer-card .elementor-button::after { content: ""; position: absolute; inset: 0; z-index: 1; }