/* Ooloom Store Full CSS with Checkout and Cart Styling - Updated */

/* Checkout ja Cart sisukonteiner kitsamaks */
.woocommerce-checkout form.woocommerce-checkout,
.woocommerce-cart form.woocommerce-cart-form {
  max-width: 1200px;
  margin: 0 auto;
}

/* Üksiku toote lehe üldpaigutus */
.single-product .site-main,
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 2rem 0;
}

/* Summary blokk */
.single-product .summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1rem;
  text-align: left;
  max-width: 600px;
  gap: 0.5rem;
}

/* Pealkiri ja hind ühel real */
.product_title-price-wrapper {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

.single-product .product_title {
  font-family: 'Lunchbox', sans-serif;
  font-size: 3rem;
  color: #24baa9;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0;
}

.single-product .summary .price {
  font-family: 'Lunchbox', sans-serif;
  font-size: 3rem;
  font-weight: normal;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 0;
}

.single-product .summary .price del {
  color: #999;
  text-decoration: line-through;
  margin-right: 0.5rem;
}

/* Tootekirjeldus */
.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-product-details__short-description {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  text-align: left;
}

.woocommerce-Tabs-panel h3 {
  font-family: 'Lunchbox', sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  color: #24baa9;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.woocommerce-Tabs-panel h2 {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: none;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
  display: block !important;
  border: none;
  padding: 0;
}

/* Tootekirjeldus pealkirjad */
.single-product .woocommerce-product-details__short-description h2,
.single-product .woocommerce-product-details__short-description h3,
.woocommerce-billing-fields > h3,
.woocommerce h3#order_review_heading,
.woocommerce .cart_totals > h2 {
  font-family: 'Lunchbox', sans-serif;
  font-size: 2.5rem;
  color: #24baa9;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.single-product .woocommerce-product-details__short-description h2:first-of-type {
  color: #333;
}

/* Delivery ja laoseis blokk */
.delivery-stock-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #f5f5f5;
  padding: 1rem;
  border-radius: 8px;
  margin-top: 0.5rem;
}

.delivery-info {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  color: #333;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.delivery-info .truck-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('/wp-content/themes/ooloom/assets/svg/icon-shipping.svg') no-repeat center;
  background-size: contain;
}

.stock-info {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  color: #6a6a6a;
  font-weight: 500;
}

/* Hall kast - Add to Cart ala */
.cart-wrapper {
  background: #f5f5f5;
  padding: 1rem;
  border-radius: 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.single-product .variations_form {
  width: 100%;
}

.single-product .variations td.label {
  padding-right: 1rem;
  vertical-align: middle;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.single-product .variations select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
}

.single-product .summary form.cart {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  align-items: stretch;
}

.single-product .summary form.cart .quantity input.qty {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  text-align: right;
  box-sizing: border-box;
}

.single-product .summary .single_add_to_cart_button {
  background-color: #24baa9 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0.75rem;
  border-radius: 6px;
  border: none;
  box-shadow: none;
  width: 100%;
  letter-spacing: 0.03em;
}

.single-product .summary form.cart .quantity::before {
  display: none;
}

.single-product .summary form.cart .quantity input.qty::placeholder {
  color: #999;
  font-size: 0.9rem;
  font-family: 'Roboto', sans-serif;
  text-align: left;
  direction: ltr;
}

/* Related products sektsioon */
.single-product .related {
  background-color: #f2f2f2;
  padding: 3rem 0;
  margin-top: 4rem;
}

.single-product .related h2 {
  font-family: 'Lunchbox', sans-serif;
  font-size: 2.5rem;
  color: #24baa9;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0;
}

/* Archive lehe üldine paigutus */
.woocommerce.archive .site-main {
  padding: 100px 3rem 0;
  max-width: 1400px;
  margin: 0 auto;
}

.woocommerce-breadcrumb, .woocommerce-page-title, .woocommerce-products-header {
  display: none !important;
}

.woocommerce-result-count, .woocommerce-ordering {
  display: none !important;
}

.woocommerce ul.products {
  gap: 3rem 2rem;
}

.woocommerce ul.products li.product {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
  text-align: center;
}

.woocommerce ul.products li.product a img {
  margin-bottom: 1rem;
  transition: transform 0.3s ease;
}

.woocommerce ul.products li.product a:hover img {
  transform: scale(1.05);
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  font-family: 'Lunchbox', sans-serif;
  font-size: 2rem;
  color: #24baa9;
  text-transform: uppercase;
  margin: 0.5rem 0 0;
}

.woocommerce ul.products li.product .price {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  color: #333;
  margin: 0.2rem 0 1rem;
}

.woocommerce ul.products li.product .price ins {
  font-weight: normal;
  text-decoration: none;
}

.woocommerce ul.products li.product .out-of-stock {
  display: inline-block;
  background-color: #f33f53;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.3rem 0.7rem;
  border-radius: 15px;
  margin-top: 0.5rem;
}

.woocommerce ul.products li.product.outofstock a img {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.woocommerce ul.products li.product.outofstock a:hover img {
  opacity: 0.8;
}

.woocommerce ul.products li.product .button {
  display: none !important;
}

.archive-category-heading {
  font-family: 'Lunchbox', sans-serif;
  font-size: 2.5rem;
  color: #24baa9;
  text-transform: uppercase;
  margin: 4rem 0 2rem;
  text-align: center;
}

.woocommerce span.onsale {
  background-color: #f33f53 !important;
  color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 50px;
  font-size: 1rem;
  display: inline-block;
  text-align: center;
  box-shadow: none;
}

/* Üksiku toote galerii pisipildid väiksemaks */
.woocommerce-product-gallery__wrapper .flex-control-thumbs {
  gap: 0.5rem;
}

.woocommerce-product-gallery__wrapper .flex-control-thumbs li {
  max-width: 80px;
}

.woocommerce-product-gallery__wrapper .flex-control-thumbs img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Checkout kupongi teavitus */
.woocommerce .woocommerce-form-coupon-toggle {
  background-color: #f5f5f5;
  color: #333;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}

.woocommerce .woocommerce-form-coupon-toggle a {
  color: #24baa9;
  text-decoration: underline;
}

/* Cart tabeli stiil */
.woocommerce-cart table.shop_table,
.woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: collapse;
  background: #f5f5f5;
  border-radius: 8px;
  overflow: hidden;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 1rem;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}

.woocommerce-cart table.shop_table th,
.woocommerce-checkout-review-order-table th {
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}

/* Cart ja Checkout nupud */
.woocommerce-cart .button,
.woocommerce-checkout .button {
  background-color: #24baa9 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 1rem 2rem;
  border-radius: 6px;
  border: none;
  box-shadow: none;
  letter-spacing: 0.03em;
}

/* Vormiväljad */
.woocommerce input.input-text,
.woocommerce select,
.woocommerce textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  box-sizing: border-box;
}

/* Checkout shipping ja kokkuvõtte kastid */
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-cart .cart_totals {
  background: #f5f5f5;
  padding: 1rem;
  border-radius: 8px;
  margin-top: 1rem;
}

/* Raadionupud shipping valikus */
.woocommerce-checkout .woocommerce-shipping-methods input[type="radio"] {
  margin-right: 0.5rem;
}

/* Teavituste stiilid */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  border: none;
  background-color: #f33f53;
  color: #fff;
  padding: 1rem;
  border-radius: 8px;
  font-weight: 700;
  text-transform: uppercase;
}

body.post-type-archive-product .site-main {
  padding-top: 250px; /* või sobiva suurusega – sõltub headeri kõrgusest */
}

body.post-type-archive-product main {
  padding-top: 250px;
}

.woocommerce.archive ul.products {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  gap: 3rem 1.5rem;
}


.woocommerce .page-title {
  display: none;
}

/* Kategooriariba ja lingid */
.product-category-links {
  background-color: #218D84; /* Roheline taust */
  padding: 2rem 1.5rem 1.5rem; /* Ülalt 2rem, alt 1.5rem */
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  position: relative;
  z-index: 2;
  padding-top: 7rem;
}

.product-category-links .category-link {
  font-family: 'Roboto', sans-serif;
  margin: 0 1rem;
  text-decoration: none;
  font-size: 1rem;
  color: #ffffff;
}

.product-category-links .category-link:hover {
  text-decoration: underline;
}

.product-category-links .category-link.active {
  font-weight: bold;
  color: #96BEB8;
  text-decoration: underline;
}


.product-category-links .category-link:hover {
  text-decoration: underline;
}

/* Kategooria kirjelduse kujundus */
.term-description {
  max-width: 800px;
  margin: 0 auto 4rem auto;
  padding: 0 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
  color: #404040;
}

/* Parandab top paddingu archive lehtedel */
body.post-type-archive-product .site-main {
  padding-top: 250px !important; /* Veendu, et see on piisav */
}

/* Tootekirjelduste pealkirjade stiilid */
.woocommerce-product-details__short-description h1,
.woocommerce-product-details__short-description h2,
.woocommerce-product-details__short-description h3,
.woocommerce-product-details__short-description h4,
.woocommerce-product-details__short-description h5,
.woocommerce-product-details__short-description h6 {
  font-family: 'Lunchbox', sans-serif;
  color: #24baa9;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1.2;
}

/* Esimene h2 veidi tumedam, kui vaja */
.woocommerce-product-details__short-description h2:first-of-type {
  color: #333;
}

.category-link.active {
  font-weight: bold;
  text-decoration: underline;
}

.store-banner {
  background-color: var(--banner-bg, #BFD8DF);
  display: flex;
  justify-content: center;
  padding: 0;
  margin-bottom: 2rem;
}

.store-banner-wrapper {
  background-color: #BFD8DF;
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}


.store-banner img {
  max-width: 1000px;
  width: 100%;
  height: auto;
  display: block;
}

.category-link:hover {
  text-decoration: underline;
}

.category-link.active {
  font-weight: bold;
  color: #96BEB8;
}

html {
  scroll-padding-top: 100px;
}

/* === MOBIILIVAADE: KATEGOORIARIBA ÕHEM === */
@media (max-width: 600px) {
  .product-category-links {
    padding: 0.8rem;
  }
}