/*
Theme Name:   Hello Child
Template:     hello-elementor
Version:      1.0.1
Description:  Child theme for Hello Elementor — MRM Metrology.
              Theme-level styling only. No site content lives here:
              all headings, text, images, links, prices and business
              details are edited in Elementor, WooCommerce, WordPress
              menus, the Media Library, or Settings → MRM Metrology.
*/

/* ---------------------------------------------------------------
   Brand tokens recovered from the legacy mrmprecision stylesheet.
   Elementor templates reference these colours directly; they are
   declared here so any future CSS stays consistent.
   --------------------------------------------------------------- */
:root {
	--mrm-red:        #da291c; /* promo bar, utility nav */
	--mrm-red-deep:   #bf0000; /* headings, accents */
	--mrm-red-action: #da0203; /* buttons, prices */
	--mrm-grey-bg:    #f8f8f8; /* footer background */
	--mrm-text:       #3f3f3f; /* body copy */
	--mrm-blue:       #3c6cb0; /* phone icon */
}

/* ---------------------------------------------------------------
   WooCommerce compatibility.
   Hello Elementor ships almost no Woo styling, so these few rules
   keep notices, quantity inputs and the sale badge legible inside
   Elementor-built templates.
   --------------------------------------------------------------- */
.woocommerce span.onsale {
	background-color: var(--mrm-red-action);
	color: #fff;
}

.woocommerce .quantity .qty {
	padding: 6px;
	text-align: center;
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--mrm-red-action);
}

.woocommerce-error {
	border-top-color: var(--mrm-red-deep);
}

/* Custom checkout fields added by the MRM Metrology Custom plugin. */
.woocommerce-checkout .custom-field {
	margin-bottom: 12px;
}

.woocommerce-checkout .custom-field label {
	font-weight: 600;
}


/* From Old Theme. */


.woocommerce #respond input#submit, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button {
	width: 80% !important;
	text-align: center !important;
	background: #da0203 !important;
	border-radius: 5px !important;
	    padding: 15px 0 !important;
    color: #fff !important;
	display:block !important;
	margin:0 auto !important;
}
/* =========================================
   MRM NAVIGATION
   ========================================= */

/* Full navigation bar - RED */
.mrm-main-menu,
.mrm-main-menu .elementor-nav-menu--main,
.mrm-main-menu .elementor-nav-menu {
    width: 100% !important;
    background-color: #e10600 !important;
}

/* Menu layout */
.mrm-main-menu .elementor-nav-menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Equal width menu items */
.mrm-main-menu .elementor-nav-menu > li {
    flex: 1 1 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Normal menu text */
.mrm-main-menu .elementor-nav-menu > li > a {
    width: 100% !important;
    min-height: 56px !important;
    box-sizing: border-box !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    background-color: #e10600 !important;
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    text-align: center !important;
    white-space: nowrap !important;

    padding: 15px 10px !important;
    margin: 0 !important;
}

/* Hover - keep RED background and WHITE text */
.mrm-main-menu .elementor-nav-menu > li > a:hover {
    background-color: #e10600 !important;
    color: #ffffff !important;
}

/* =========================================
   ACTIVE PAGE
   ========================================= */

.mrm-main-menu .elementor-nav-menu > li.current-menu-item > a,
.mrm-main-menu .elementor-nav-menu > li.current_page_item > a,
.mrm-main-menu .elementor-nav-menu > li > a.elementor-item-active {
    background-color: #ffffff !important;
    color: #e10600 !important;
}

/* Active page hover */
.mrm-main-menu .elementor-nav-menu > li.current-menu-item > a:hover,
.mrm-main-menu .elementor-nav-menu > li.current_page_item > a:hover,
.mrm-main-menu .elementor-nav-menu > li > a.elementor-item-active:hover {
    background-color: #ffffff !important;
    color: #e10600 !important;
}


body.woocommerce ul.products li.product .woocommerce-loop-product__title{
margin :5px !important;
	text-align:center !important;
}