/*
 Theme Name:     JS | Divi Child
 Theme URI:      https://jswebstudios.com
 Description:    Divi Child Theme
 Template:       Divi
 Version:        0.4
*/

/* =Theme customization starts here
------------------------------------------------------- */
/*ITEMS wiht NO REGULAR Edits*/

/* ===== JSWS-BENCH-BEGIN ===== */
/* =Theme customization starts here
------------------------------------------------------- */
/*ITEMS wiht NO REGULAR Edits*/

#et-main-area {
    overflow: hidden;
    }

/* ===== JSWS continuous marquee (3-up, seamless) ===== */
.jsws-marquee{ overflow:hidden; --marq-gap:24px; --marq-speed:40s; }
.jsws-marquee .jsws-marquee-track{
  display:flex; flex-direction:row; flex-wrap:nowrap;
  align-items:stretch; width:100%;
  animation: jsws-marq var(--marq-speed) linear infinite;
}
.jsws-marquee:hover .jsws-marquee-track{ animation-play-state:paused; }
.jsws-marquee .jsws-marquee-track > .et_pb_blurb{
  flex:0 0 calc(100%/3 - var(--marq-gap));
  max-width:none; margin:0 var(--marq-gap) 0 0; box-sizing:border-box;
}
@keyframes jsws-marq{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media (max-width:980px){ .jsws-marquee .jsws-marquee-track > .et_pb_blurb{ flex:0 0 calc(100%/2 - var(--marq-gap)); } }
@media (max-width:767px){ .jsws-marquee .jsws-marquee-track > .et_pb_blurb{ flex:0 0 calc(100% - var(--marq-gap)); } }

/* ===== Home-2 hero: copy + phone widget ===== */
/* The widget is ~580px tall, so centre the copy against it instead of leaving
   it stranded at the top of a very tall row. */
@media (min-width:981px){
  .et_flex_column:has(.hero-main){ justify-content:center; }
}
/* The row is set to nowrap on desktop only, but Divi applies that at every
   breakpoint — so on tablet/phone the hero stayed a cramped two-up. Let it
   stack once there is no longer room for copy and phone side by side. */
@media (max-width:980px){
  .et_flex_row:has(.uhp-wrap){ flex-wrap:wrap; row-gap:34px; }
  .et_flex_row:has(.uhp-wrap) > .et_flex_column{ flex-basis:100%; }
}
/* ===== end home-2 hero ===== */
/* ===== JSWS-BENCH-END ===== */

.et_pb_tabs .et_animated,
.et_pb_accordion .et_animated{opacity:1}

.menu-account > a:before {
  font-family: 'ETMODULES';
  content: '\e08a';
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -10px;
  color: white;
  background: var(--dark-menus);
  border-radius: 100px;
  padding: 6px 5px 5px 6px;
  font-size: 0.9em;
  transition: all .3s ease;
}

@media only screen and (min-width: 980px) {
  #top-menu .menu-account.menu-item-has-children > a:first-child {
    padding-right: 0px !important;
  }
}

#top-menu .menu-account.menu-item-has-children > a:first-child:after {
  display: none !important;
}

.menu-account .sub-menu {
  left: auto;
  right: 0;
  margin-left: 0;
}

.menu-account.menu-item-has-children > .sub-menu {
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
  transition-delay: .35s;
}

.menu-account.menu-item-has-children:hover > .sub-menu {
  transition-delay: 0s;
}

.menu-account .mobile-toggle::before {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .menu-account > a:before {
    margin-left: 10px !important;
    margin-right: 0px !important;
  }
}


#et-top-navigation .et-cart-info {
  display: none !important;
}

.legal-body p {
  margin-bottom: 1.25em;
}

.legal-body ul,
.legal-body ol {
  margin-bottom: 1.25em;
}

.legal-body h3 {
  margin-top: 1.75em;
  margin-bottom: 0.5em;
}

body.woocommerce-cart .cart_totals tr.shipping:has(input.shipping_method[value^="free_shipping"]),
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping:has(input.shipping_method[value^="free_shipping"]) {
  display: none;
}