/* 
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
*/

/*
    Add your custom styles here
*/


a {color:var(----wp--preset--color--black);}
.woocommerce a.button.alt, .woocommerce button.button.alt {background-color:#494949 !important;}
.woocommerce form .form-row.woocommerce-invalid label {color:var(----wp--preset--color--black);}
.woocommerce-info::before {    color:  #363636;}
.klaviyo-close-form, .klaviyo-close-form {background-color:#000 !important;}


/* Sugar Golf mobile header repair - 2026-06-09
   Elementor header 239 was rendering full-size logo/cart imagery and a 914px mobile nav,
   creating a huge unusable header and horizontal overflow on phones. */
@media (max-width: 767px) {
  html, body { max-width: 100%; overflow-x: hidden; }

  .elementor-location-header,
  .elementor-location-header .elementor-section,
  .elementor-location-header .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-location-header .elementor-container {
    min-height: 52px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .elementor-location-header .elementor-column {
    width: auto !important;
    flex: 0 1 auto !important;
    min-height: 0 !important;
  }

  .elementor-location-header .elementor-widget-wrap,
  .elementor-location-header .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
  }

  .elementor-location-header img.wp-image-234 {
    width: auto !important;
    max-width: 88px !important;
    height: auto !important;
  }

  .elementor-location-header img.wp-image-10379 {
    width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
  }

  .elementor-location-header img.wp-image-419 {
    width: 32px !important;
    max-width: 32px !important;
    height: auto !important;
  }

  .elementor-location-header .elementor-nav-menu--dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 52px !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
  }

  body.admin-bar .elementor-location-header .elementor-nav-menu--dropdown {
    top: 52px !important;
  }

  .elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu,
  .elementor-location-header .elementor-nav-menu--dropdown li,
  .elementor-location-header .elementor-nav-menu--dropdown a {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-location-header .elementor-menu-toggle { margin: 0 !important; }
}


/* Hide logged-in WordPress admin bar on mobile storefront so it does not wreck the customer view while testing. */
@media (max-width: 767px) {
  body:not(.wp-admin) #wpadminbar { display: none !important; }
  html { margin-top: 0 !important; }
  body.admin-bar .elementor-location-header { margin-top: 0 !important; }
}


/* Sugar Golf mobile hero/expert spacing repair - 2026-06-09
   Hero copy should not sit over the background video on phones; expert heading spacing was too loose. */
@media (max-width: 767px) {
  .elementor-element-3cf3eff7 {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
  }

  .elementor-element-3cf3eff7 .elementor-background-video-container {
    position: relative !important;
    order: 1 !important;
    width: 100% !important;
    height: 210px !important;
    min-height: 210px !important;
    inset: auto !important;
  }

  .elementor-element-3cf3eff7 .elementor-background-overlay {
    display: none !important;
  }

  .elementor-element-3cf3eff7 .elementor-background-video-hosted {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
  }

  .elementor-element-3cf3eff7 > .elementor-container {
    order: 2 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    background: #fff !important;
    padding: 14px 16px 18px !important;
    margin: 0 !important;
  }

  .elementor-element-3cf3eff7 .elementor-column,
  .elementor-element-3cf3eff7 .elementor-widget-wrap,
  .elementor-element-3cf3eff7 .elementor-widget-container,
  .elementor-element-3cf3eff7 .elementor-inner-section,
  .elementor-element-3cf3eff7 .elementor-inner-section > .elementor-container {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .elementor-element-3cf3eff7 .elementor-heading-title {
    color: #111 !important;
    font-size: 30px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    margin: 0 0 12px !important;
  }

  .elementor-element-3cf3eff7 .elementor-widget-button {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-element-3cf3eff7 .elementor-button-wrapper,
  .elementor-element-3cf3eff7 .elementor-button {
    margin: 0 !important;
  }

  .elementor-element-2d576494,
  .elementor-element-2d576494 > .elementor-container,
  .elementor-element-2d576494 .elementor-column,
  .elementor-element-2d576494 .elementor-widget-wrap {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .elementor-element-2d576494 {
    padding: 18px 10px 8px !important;
  }

  .elementor-element-2d576494 .elementor-widget-heading {
    margin: 0 !important;
  }

  .elementor-element-2d576494 .elementor-heading-title {
    font-size: 27px !important;
    line-height: 1.08 !important;
    text-align: center !important;
    margin: 0 !important;
  }
}


/* Sugar Golf mobile experts video spacing repair - 2026-06-09 */
@media (max-width: 767px) {
  .elementor-element-2d576494 {
    padding: 12px 10px 4px !important;
  }

  .elementor-element-2d576494 .elementor-heading-title {
    font-size: 25px !important;
    line-height: 1.08 !important;
  }

  .elementor-element-31c25307 {
    display: none !important;
  }

  .elementor-element-3e8f183,
  .elementor-element-2be5ca9,
  .elementor-element-3e8f183 > .elementor-container,
  .elementor-element-2be5ca9 > .elementor-container,
  .elementor-element-3e8f183 .elementor-column,
  .elementor-element-2be5ca9 .elementor-column,
  .elementor-element-3e8f183 .elementor-widget-wrap,
  .elementor-element-2be5ca9 .elementor-widget-wrap {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .elementor-element-3e8f183 .elementor-widget-text-editor,
  .elementor-element-2be5ca9 .elementor-widget-text-editor {
    margin: 0 0 14px !important;
    height: auto !important;
  }

  .elementor-element-3e8f183 iframe,
  .elementor-element-2be5ca9 iframe {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
  }
}