.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3bd9199d:#4054B2;--e-global-color-ce62d12:#23A455;--e-global-color-27270855:#000;--e-global-color-520ae286:#FFF;--e-global-color-1460b67b:#B0ADAD;--e-global-color-1d6d555d:#FF0909;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:#E9E4E4;color:#787878;font-family:"Poppins", open-sans;font-size:15px;font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#FF0909;letter-spacing:1px;}.elementor-kit-7 a:hover{color:#FF0909;}.elementor-kit-7 h1{color:#333333;font-size:30px;font-weight:700;letter-spacing:0.05em;}.elementor-kit-7 h2{color:#333333;font-size:26px;font-weight:600;letter-spacing:0.05em;}.elementor-kit-7 h3{color:#333333;font-size:20px;font-weight:600;letter-spacing:0.05em;}.elementor-kit-7 h4{color:#333333;font-size:16px;font-weight:600;letter-spacing:0.05em;}.elementor-kit-7 h5{color:#333333;font-size:14px;font-weight:600;letter-spacing:0.05em;}.elementor-kit-7 h6{color:#333333;font-size:12px;font-weight:600;letter-spacing:0.05em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1150px;}.e-con{--container-max-width:1150px;}.elementor-widget:not(:last-child){margin-block-end:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7 a{letter-spacing:0.05em;}.elementor-kit-7 h1{font-size:34px;}.elementor-kit-7 h2{font-size:28px;}.elementor-kit-7 h3{font-size:19px;}.elementor-kit-7 h4{font-size:19px;}.elementor-kit-7 h5{font-size:17px;}.elementor-kit-7 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 a{letter-spacing:0.05em;}.elementor-kit-7 h1{font-size:30px;}.elementor-kit-7 h2{font-size:24px;}.elementor-kit-7 h3{font-size:18px;}.elementor-kit-7 h4{font-size:18px;}.elementor-kit-7 h5{font-size:16px;}.elementor-kit-7 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* OUT style without color */
.out {
  color: #ff3300;
  font-family: Georgia;
  font-weight: bold;
}

/* =========================
   Global typography
========================= */
body,
.entry-title a,
:root .has-primary-color {
    color: #333333;
}

p {
    line-height: normal;
}

ul {
    margin-bottom: 18px;
}

/* =========================
   Images (DO NOT force inline globally)
   This was causing layout drift
========================= */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* =========================
   WooCommerce layout fixes
========================= */
.products {
    text-align: center;
}

.woocommerce .cols-2 li.product a,
.woocommerce.columns-2 li.product a {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 250px;
}

ul.products li.product .price,
ul.products li.product .star-rating,
ul.products li.product .woocommerce-loop-product__title {
    color: #333333;
}

button:not(.toggle),
.button,
.woocommerce .add_to_cart_button {
    margin: auto;
    float: none;
    display: block;
    color: #ffffff;
    border-radius: 40px;
    font-size: 14px;
    background-color: green;
}

.single_add_to_cart_button:hover {
    color: #FF3300;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
.select2-container--default .select2-selection--single,
.woocommerce-cart-form .actions button[name=update_cart] {
    background: #f9f9f9;
}

a.remove {
    background: #e9e4e4;
}

.variations {
    margin-top: 0;
    margin-bottom: 10px;
}

.woocommerce-product-gallery {
    margin-bottom: 0;
}

.wc_payment_method {
    list-style: none;
    display: grid;
}

.wc_payment_method > label:first-of-type img {
    max-height: 80px;
    max-width: 200px;
    float: right;
}

/* =========================
   Elementor Nav Menu (DESKTOP)
   Keep padding here – OK for desktop
========================= */
.elementor-nav-menu .elementor-item {
    font-family: "Open Sans", sans-serif;
    padding: 1.3125rem 1.25rem;
}

/* =========================
   MOBILE FIXES (THIS IS THE IMPORTANT PART)
========================= */
@media (max-width: 767px) {

    /* REMOVE inherited padding that offsets the hamburger */
    .elementor-nav-menu .elementor-menu-toggle {
        padding: 0 !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: auto !important;
    }

    /* Force the nav-menu widget itself to center */
    .elementor-widget-nav-menu {
        display: flex !important;
        justify-content: center !important;
    }

    /* Make sure the icon itself is centered */
    .elementor-menu-toggle i,
    .elementor-menu-toggle svg {
        margin: 0 auto !important;
    }
}

/* Hide "Downloads" tab in WooCommerce My Account menu */
.woocommerce-MyAccount-navigation-link--downloads {
  display: none !important;
}

/* =========================================================
   Unify WooCommerce terms + Elementor acceptance checkbox UI
   ========================================================= */

/* Target the *actual inputs* for Elementor acceptance + Woo terms */
.woocommerce #terms.woocommerce-form__input-checkbox,
.elementor-form .elementor-field-type-acceptance input[type="checkbox"],
.elementor-form input.elementor-acceptance-field[type="checkbox"],
.elementor-form input[type="checkbox"][name*="accept"],
.elementor-form input[type="checkbox"][id*="accept"] {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;

  border: 2.5px solid #111 !important;
  border-radius: 4px;
  background: #fff !important;

  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;

  box-shadow: 0 0 0 2px rgba(255,255,255,0.9), 0 1px 4px rgba(0,0,0,0.25);
  cursor: pointer;
  position: relative;

  /* kill any theme “checked icon” images */
  background-image: none !important;
}

/* Checked: same green fill everywhere */
.woocommerce #terms.woocommerce-form__input-checkbox:checked,
.elementor-form .elementor-field-type-acceptance input[type="checkbox"]:checked,
.elementor-form input.elementor-acceptance-field[type="checkbox"]:checked,
.elementor-form input[type="checkbox"][name*="accept"]:checked,
.elementor-form input[type="checkbox"][id*="accept"]:checked {
  background: #1f7a00 !important;
  border-color: #0b3d00 !important;
}

/* White checkmark */
.woocommerce #terms.woocommerce-form__input-checkbox:checked::after,
.elementor-form .elementor-field-type-acceptance input[type="checkbox"]:checked::after,
.elementor-form input.elementor-acceptance-field[type="checkbox"]:checked::after,
.elementor-form input[type="checkbox"][name*="accept"]:checked::after,
.elementor-form input[type="checkbox"][id*="accept"]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Focus ring */
.woocommerce #terms.woocommerce-form__input-checkbox:focus,
.elementor-form .elementor-field-type-acceptance input[type="checkbox"]:focus,
.elementor-form input.elementor-acceptance-field[type="checkbox"]:focus,
.elementor-form input[type="checkbox"][name*="accept"]:focus,
.elementor-form input[type="checkbox"][id*="accept"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(31, 122, 0, 0.35), 0 0 0 2px rgba(255,255,255,0.9), 0 1px 4px rgba(0,0,0,0.25) !important;
}

/* Make Elementor acceptance line up nicely with multi-line text */
.elementor-form .elementor-field-type-acceptance .elementor-field-subgroup,
.elementor-form .elementor-field-type-acceptance label {
  display: flex;
  align-items: flex-start; /* checkbox sits at top like Woo */
  gap: 10px;
  cursor: pointer;
}

/* Readable label text */
.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-form__label-for-checkbox,
.elementor-field-subgroup .elementor-field-option,
.elementor-field-subgroup label,
.elementor-form .elementor-field-type-acceptance label {
  font-size: 16px;
  line-height: 1.35;
}

/* FAQ question titles: keep OUT styling but no special color */
.out--plain { color: inherit !important; }


/* Only Elementor text editor widgets */
.elementor-widget-text-editor strong {
  color: inherit;
}

/* But not inside headings */
.elementor-widget-text-editor h1 strong,
.elementor-widget-text-editor h2 strong,
.elementor-widget-text-editor h3 strong,
.elementor-widget-text-editor h4 strong,
.elementor-widget-text-editor h5 strong,
.elementor-widget-text-editor h6 strong {
  color: inherit;
}

/* Allow links to control their own color even if wrapped in <strong> */
.elementor-widget-text-editor a strong {
  color: inherit !important;
}

/* Remove only the extra space UNDER the last paragraph in a container */
.elementor-widget-container p:last-child{
  margin-bottom: 0 !important;
}

/* Cart: clean up + vertically center the variation (Model) line */
.woocommerce-cart .product-name dl.variation{
  display: flex;
  align-items: center;      /* vertical align */
  gap: 6px;
  margin: 0 !important;
}

.woocommerce-cart .product-name dl.variation dt,
.woocommerce-cart .product-name dl.variation dd{
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-cart .product-name dd.variation-Model p{
  margin: 0 !important;     /* IMPORTANT: removes the default <p> bottom gap */
  line-height: 1.2;         /* optional: tighter */
}

/* Hide the original visible labels */
.trp-language-switcher .trp-ls-shortcode-current-language > a,
.trp-language-switcher .trp-ls-shortcode-language a {
    font-size: 0 !important;
}

/* Show custom labels */
.trp-language-switcher .trp-ls-shortcode-current-language > a::after {
    font-size: 16px !important;
    content: "EN";
}

.elementor-widget-text-editor h3 {
  margin-bottom: 15px;
}

.elementor-widget-text-editor h4 {
  margin-bottom: 15px;
}

.elementor-widget-text-editor h5 {
  margin-bottom: 15px;
}

.elementor-widget-text-editor h6 {
  margin-bottom: 15px;
}/* End custom CSS */