/*
 Theme Name:   Hello Child
 Description:  Hello Child Theme, this is where baby WordPress themes are made.
 Author:       Craig Smith
 Author URI:   https://www.webbernaut.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  helllochild
*/

/* Colors
    Orange #dc9846
    Red #c02a36
*/

/* .elementor-section-wrap {
    opacity:0;
} */

/* h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: 'ABfont';
} */

.comments-area a, .page-content a {
  text-decoration: none;
}

a {
    color: var(--e-global-color-primary);
}

[type="button"], [type="submit"], button {
    border: none;
}

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
  padding: 5px 0 !important;
  position: relative;
}

.wc-block-components-button {
	text-decoration: none !important;
}

/* woocommerce making main container larger than it is */
.alignwide {
  margin-inline: 0px; 
}

/* === Woocommerce color overwrites ==== */
/* template pages/woocommerce default layout doesn't have elementor wrappers */
#content.container, .wp-block-woocommerce-cart{
  width: 1140px;
  margin: 0 auto;
  margin-top: 45px;
}

#content .page-content .woocommerce {
    margin-top: 25px;
}

.woocommerce .quantity .qty {
  width: 5em;
  text-align: center;
  min-height: 48px;
}

.woocommerce button.button {
	padding: .825em 1em;
	background: #A64E9F !important;
}

.wp-block-button__link, .wc-block-grid__product-link {
    text-decoration: none !important;
}
:root {
    /* Product titles */
    --wc-product-title-color: var(--e-global-color-text);           /* or primary/secondary */
    
    /* General product text */
    --wc-product-content-color: var(--e-global-color-text);
    
    /* Prices */
    --wc-product-price-color: var(--e-global-color-primary);
    
    /* Buttons / Add to cart */
    --wc-button-color: var(--e-global-color-accent);               /* text color */
    --wc-button-background-color: var(--e-global-color-primary);
    --wc-button-hover-color: var(--e-global-color-text);
    --wc-button-hover-background-color: var(--e-global-color-secondary);
    
    /* Other common ones */
    --wc-product-sale-badge-color: var(--e-global-color-accent);
    --wc-product-sale-badge-background-color: var(--e-global-color-primary);
}

/* Specific targeting for product grid titles */
.wc-block-grid__product-title,
.wc-block-grid__product-title a,
.woocommerce-loop-product__title,
.woocommerce-loop-product__title a {
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
    font-weight: var(--e-global-typography-primary-font-weight, inherit) !important;
}

/* Make sure links inherit properly */
.wc-block-grid__product-title a {
    color: inherit;
}

/* Font consistency across WooCommerce blocks */
.wc-block-components-product-title,
.wc-block-grid__product .wc-block-grid__product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--e-global-typography-text-font-family, inherit) !important;
}

/* Product price */
.wc-block-grid__product-price,
.wc-block-components-product-price {
    color: var(--e-global-color-primary) !important;
}

/* General WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.add_to_cart_button {
    background-color: var(--e-global-color-primary) !important;
    color: white !important;           /* or --e-global-color-accent if you want contrast */
    text-decoration: none;
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
    font-weight: var(--e-global-typography-primary-font-weight, inherit) !important;
    border: none !important;
    border-radius: var(--e-global-border-radius, 4px) !important;   /* if you have global border radius */
    transition: all 0.3s ease !important;
}

/* Hover states */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-text) !important;
}

/* Block-based buttons (Product Grid, Cart, Checkout) */
.wc-block-components-button,
.wc-block-grid__product-add-to-cart .wc-block-components-button,
.wp-block-button__link {
    background-color: var(--e-global-color-primary) !important;
    color: white !important;
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
    text-decoration: none;
}

/* Hover for block buttons */
.wc-block-components-button:hover,
.wp-block-button__link:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
}

/* Outline / Secondary buttons (if any) */
.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background-color: var(--e-global-color-primary) !important;
    color: white !important;
    /* border: 2px solid var(--e-global-color-primary) !important; */
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
}
/* End Woocommerce color overwrites */