/*
Theme Name: My-Moroccan Artisans (Child)
Theme URI: https://my-moroccan-artisans.com/
Description: Child theme of Hello Elementor carrying the My-Moroccan Artisans static design system. Built for the HTML-to-WordPress conversion. NOT ACTIVATED automatically.
Author: Prepared via cPanel
Template: hello-elementor
Version: 0.1.0
*/

/* Design system lives in assets/mma-core.css, assets/mma-footer.css and assets/mma-home.css.
   They are enqueued from functions.php so they can be cached separately. */


/* ==============================================================
   WordPress integration overrides
   Added during the static -> WordPress migration.
   Deliberately scoped so the WooCommerce shop and the existing
   Elementor pages keep their current appearance.
   Remove this block to revert.
   ============================================================== */

/* Elementor's global kit defines a link colour with higher
   specificity than the design's .btn rules, which made the
   "Request a quote" pill render dark-on-dark. Restore it. */
body .btn.btn-gold,
body .btn.btn-gold:link,
body .btn.btn-gold:visited,
body .btn.btn-gold:hover,
body .btn.btn-gold:focus { color: #fff; }
body .btn,
body .btn:hover,
body .btn:focus { text-decoration: none; }

/* Converted design pages only (body class added in functions.php):
   run full-bleed and drop the parent theme's page title block,
   because each design page carries its own hero. */
body.mma-page main.site-main { max-width: none; margin: 0; padding: 0; }
body.mma-page .page-content { max-width: none; margin: 0; padding: 0; }
body.mma-page .page-header { display: none; }
body.mma-page a,
body.mma-page a:hover,
body.mma-page a:focus { text-decoration: none; }

/* WooCommerce/theme form resets stretch selects to 100%, which
   collapsed the header search field. Restore the design's width. */
body .searchbox select { width: auto; max-width: 40%; }

/* Gutenberg / WooCommerce block buttons were being stretched by the
   design's global element styles (seen on the empty-basket screen). */
body .wp-block-button { display: inline-block; }
body .wp-block-button__link {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 1.5;
}
body .wp-block-button__link:not(.has-text-color) { color: #fff; }