/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
table.nasa-info-size-guide td.nasa-font-color-red {
	color: #f54543;
}

/*Information blocks*/
.form-red  {
   background: #f2f2f2;
   border-left: 3px solid #f44336;
}
.form-green  {
   background: #f2f2f2;
   border-left: 3px solid #0faa23;
}
.form-grey  {
   background: #f2f2f2;
   border-left: 3px solid #999999;
}
.form-red p, .form-green p, .form-grey p  {
   padding: 15px;
}
/*Header*/
#masthead {
    padding: 10px 0;
}
/*Footer*/
#nasa-footer .nasa-footer-bottom {
  padding: 0 !important;
}

/*Sizes page*/
.nasa-info-sizes-page {
    width: 100%;
    overflow-x: auto;
  }
  .nasa-info-sizes-page table {
    width: 100%;
    table-layout: fixed;
  }
  .nasa-info-sizes-page thead tr {
    background-color: #eaeaea;
  }
  .nasa-info-sizes-page tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
  }
  .nasa-info-sizes-page tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
  }
  .nasa-info-sizes-page td {
    text-align: center;
    padding: 8px;
    word-wrap: break-word;
  }
  .nasa-info-sizes-page td:first-child {
    white-space: nowrap;
    width: 20%;
    text-align: left;
  }
  .nasa-font-color-red {
    color: #f54543;
    font-weight: bold;
  }
  @media (max-width: 768px) {
    .nasa-info-sizes-page table {
      width: 600px;
    }
  }
/*Скрити елементи кошику та сторынки оформлення замовлення*/
.woocommerce-shipping-destination,
.woocommerce-shipping-calculator,
.woocommerce-shipping-fields,
.customer-info-addr{
    display: none !important;
}
.woocommerce-billing-fields > h3 {
    display: none;
  }

#apply_coupon_clone {
    min-width: 150px !important;
}

/*Колір wishlist icon*/
.btn-link.btn-wishlist.nasa-added .nasa-icon {
    color: #f76b6a;
}

/* Відключає авто-зум при фокусі на мобільній версії, без втрати користувацького зуму сторінки*/

@media (max-width: 768px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}
html, body {
  overscroll-behavior: contain;
}

@media (max-width: 768px) {
  /* 1) Вмикаємо Flexbox у рядок */
  ul.sub-menu > li > a.nasa-title-menu {
    display: flex !important;      /* флекс-контейнер */
    flex-direction: row;           /* іконка + текст у рядок */
    align-items: center;           /* вертикальне вирівнювання по центру */
  }

  /* 2) Невеликий відступ між іконкою та текстом */
  ul.sub-menu > li > a.nasa-title-menu svg {
    margin-right: 6px;
    flex-shrink: 0;                /* щоб svg не стискувався */
  }
}

/*Зміна дизайну кнопок оформлення замовлення для мобільної версії*/
@media only screen and (max-width: 767px) {
    #main-content .checkout-modern-wrap form.checkout .nasa-checkout-step .nasa-switch-step {
        text-transform: uppercase !important;
    }

/* Вирішуємо проблему з пробілом внотатках при оформленні замовлення*/
html, body {
  overscroll-behavior: contain;
}