/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ============================================
   Theme Design Tokens (CSS Custom Properties)
   Mapped from Elementor Global Settings
   ============================================ */
:root {
  /* --- Colors (Mapped to Elementor Global Colors) --- */
  --color-primary: var(--e-global-color-primary, #000000);
  --color-secondary: var(--e-global-color-secondary, #F47D20);
  --color-text: var(--e-global-color-text, #000000);
  --color-accent: var(--e-global-color-accent, #F47D20);

  /* Elementor Custom Colors use dynamic hashes (e.g. var(--e-global-color-xxxxx)). 
     You can update these to the Elementor variables once created, or leave them as fallbacks */
  --color-dark-gray: #464646;
  --color-white: #FFFFFF;
  --color-light-gray: #DCDDDE;
  --color-ultra-light-gray: #f7f7f7;
  --color-mid-gray: #C8C8C8;

  /* --- Typography --- */
  --font-primary: var(--e-global-typography-primary-font-family, 'Barlow'), sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-size-base: 18px;
  --font-size-medium: 20px;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
}

#content-description {
  max-width: 1300px !important;
  display: block;
  margin: 0 auto;
}

#content-description .e-n-tabs-heading {
  display: none !important;
}

.woocommerce-info:has(ul.msg:empty) {
  display: none !important;
}

.e-woocommerce-notices-wrapper:not(:has(.woocommerce-info:not(:has(ul.msg:empty)))) {
  display: none !important;
}

@media (max-width: 1300px) {
  #content-description {
    display: inline !important;
  }
}

a#elementor-menu-cart__toggle_button {
  padding: 0;
  background: initial;
  border: 0;
}

input,
select {
  font-size: 16px;
  padding: 12px 15px;
  border-radius: 5px;
  border: 1px solid;
  border-color: #d7d7d9;
  width: 100%;
  outline: none;
  font-weight: 500;
  font-family: var(--font-primary);
}

button {
  cursor: pointer !important;
}

/* Text links color */
p a,
li a,
span a,
.elementor-text-editor a {
  color: var(--color-accent);
  transition: color 0.3s ease, opacity 0.3s ease;
}

p a:hover,
li a:hover,
span a:hover,
.elementor-text-editor a:hover {
  opacity: 0.9;
}

/* ============================================
   Elementor Mini Cart Adjustments
   ============================================ */
/* Hide bundled sub-items in the Elementor mini cart */
.elementor-menu-cart__products .bundled_table_item {
  display: none !important;
}

/* Fix product link and text colors in the mini cart */
.elementor-menu-cart__products .product-name a {
  color: var(--color-primary) !important;
  text-decoration: none !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: 16px !important;
}

.elementor-menu-cart__products .product-name a:hover {
  color: var(--color-accent) !important;
}

.elementor-menu-cart__products .product-price,
.elementor-menu-cart__products .product-price .amount {
  color: var(--color-primary) !important;
  font-weight: var(--font-weight-medium) !important;
}

/* ============================================
   Gutenberg Template Layout
   ============================================ */
.template-gutenberg-content {
  max-width: 1280px !important;
  margin: 0 auto;
  padding: 50px 15px;
  font-family: var(--font-primary);
}