/* -----------------------------
   🔸 SHOLTY STUDIO – WooCommerce
   Moderný dark štýl s jednotnou typografiou
-------------------------------- */

/* ✅ Všeobecné písmo a farby */
.woocommerce,
.woocommerce-page,
.woocommerce div.product,
.woocommerce-tabs,
.woocommerce-Reviews,
.woocommerce-breadcrumb {
  font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
  color: #f2f2f2;
  line-height: 1.6;
}

/* ✅ Nadpisy */
.woocommerce div.product h1,
.woocommerce div.product h2,
.woocommerce div.product h3,
.woocommerce div.product h4,
.woocommerce-Tabs-panel h2,
.comment-reply-title,
.wp-block-query-title,
.wp-block-post-title a {
  font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.3px;
}

/* ✅ Odseky a text */
.woocommerce div.product p,
.woocommerce div.product .woocommerce-tabs p,
.woocommerce div.product .woocommerce-tabs table td,
.woocommerce div.product .woocommerce-tabs table th {
  font-size: 15px;
  color: #cccccc;
}

.wp-block-post-excerpt__excerpt,
.wp-block-woocommerce-product-results-count,
.woocommerce-ordering,
.woocommerce-Price-amount {
	font-family: 'Poppins', 'Syne', 'Inter', sans-serif;
}

/* ✅ Cena */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 22px;
  font-weight: 600;
  color: #FFD600;
}

/* ✅ Breadcrumb navigácia */
.woocommerce-breadcrumb {
  font-size: 14px;
  margin-bottom: 20px;
  color: #aaa;
}
.woocommerce-breadcrumb a {
  color: #FFD600;
  text-decoration: none;
  transition: color 0.25s ease;
}
.woocommerce-breadcrumb a:hover {
  color: #ffffff;
}
.woocommerce-breadcrumb span {
  color: #888;
}

/* ✅ Varianty (napr. Farba) */
.woocommerce div.product form.cart .variations label {
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 15px;
}

/* ✅ Dropdown zoradenia (vylepšený) */
.woocommerce-ordering select {
  background-color: #0f0f0f;
  color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 10px 40px 10px 14px; /* viac miesta pre ikonku */
  font-size: 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  line-height: 1.4;
  font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFD600' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px 6px;
  transition: all 0.25s ease;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  border-color: #FFD600;
  box-shadow: 0 0 6px #FFD60033;
  outline: none;
}


/* ✅ SELECT na výber varianty (farba, veľkosť) – jednotný štýl */
.woocommerce div.product form.cart .variations select {
  background-color: #0f0f0f;
  color: #ffffff;
  border: 1px solid #333333;
  border-radius: 8px;
  padding: 10px 40px 10px 14px; /* miesto pre ikonku */
  font-size: 15px;
  width: 100%;
  max-width: 240px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  line-height: 1.4;
  font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFD600' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px 6px;
  transition: all 0.25s ease;
}

.woocommerce div.product form.cart .variations select:hover,
.woocommerce div.product form.cart .variations select:focus {
  border-color: #FFD600;
  box-shadow: 0 0 6px #FFD60033;
  outline: none;
}


/* ✅ Input (množstvo) */
.woocommerce .quantity input.qty {
  background-color: #111;
  border: 1px solid #333;
  color: #fff;
  border-radius: 6px;
  width: 60px;
  text-align: center;
  font-size: 15px;
  padding: 8px 0;
}

/* ✅ Tlačidlo Pridať do košíka */
.woocommerce div.product form.cart .button,
.woocommerce .wc-block-components-product-button__button {
  background-color: #ffc000;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px 28px;
  transition: all 0.25s ease;
  border: none;
  font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce .wc-block-components-product-button__button:hover {
  background-color: transparent;
  transform: translateY(-1px);
}

/* ✅ Tabs (Popis / Ďalšie informácie / Recenzie) */
.woocommerce-tabs ul.tabs {
  border-bottom: 1px solid #333;
}
.woocommerce-tabs ul.tabs li a {
  color: #aaa !important;
  font-weight: 500;
  font-size: 15px;
}
.woocommerce-tabs ul.tabs li.active a {
  color: #FFD600 !important;
  border-bottom: 2px solid #FFD600 !important;
}
.woocommerce-Tabs-panel {
  color: #ddd;
  font-size: 15px;
  padding-top: 10px;
}

/* ✅ Sekcia Recenzie */
.woocommerce #reviews #comments h2 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}
.woocommerce #review_form #respond label {
  color: #ccc;
  font-weight: 400;
  margin-top: 8px;
}
.woocommerce #review_form #respond input,
.woocommerce #review_form #respond textarea {
  background-color: #0f0f0f;
  border: 1px solid #333;
  color: #fff;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  font-size: 15px;
}
.woocommerce #review_form #respond textarea {
  min-height: 120px;
}
.woocommerce #review_form #respond input[type=submit] {
  background-color: #FFD600;
  color: #000;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px 24px;
  border: none;
  transition: all 0.25s ease;
  cursor: pointer;
}
.woocommerce #review_form #respond input[type=submit]:hover {
  background-color: #e6c000;
  transform: translateY(-1px);
}

/* ----------------------------------------
   🔸 SHOLTY STUDIO – WooCommerce Obchod
----------------------------------------- */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background-color: #111;
  border-radius: 14px; /* väčší, aby karty pôsobili mäkšie */
  padding: 22px;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 15px #FFD60033;
}

.woocommerce ul.products li.product a img {
  border-radius: 12px;
  margin-bottom: 14px;
  transition: transform 0.25s ease;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.03);
}

/* ✅ Názov produktu */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
  transition: color 0.25s ease;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #FFD600;
}

/* ✅ Cena */
.woocommerce ul.products li.product .price {
  color: #FFD600;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}

/* ✅ Tlačidlo “Výber možností” alebo “Pridať do košíka” */
.woocommerce ul.products li.product .button {
  background-color: #FFD600;
  color: #000;
  border-radius: 10px; /* ➕ zväčšený border-radius pre jemnejší look */
  font-weight: 600;
  padding: 10px 22px;
  border: none;
  font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
  transition: all 0.25s ease;
  display: inline-block;
}
.woocommerce ul.products li.product .button:hover {
  background-color: #e6c000;
  transform: translateY(-1px);
}

/* ✅ Grid layout */
.woocommerce ul.products {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* ✅ Pagination */
.woocommerce nav.woocommerce-pagination ul {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background-color: #111;
  color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 8px 14px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #FFD600;
  color: #000;
  border-color: #FFD600;
}

/* ----------------------------------------
   🔸 SHOLTY STUDIO – WooCommerce Košík & Pokladňa
----------------------------------------- */

/* ✅ Všeobecné */
.woocommerce-cart,
.woocommerce-checkout {
  color: #f2f2f2;
  font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
}

/* ✅ Tabuľky */
.woocommerce table.shop_table {
  background-color: #111;
  border: 1px solid #333;
  border-radius: 12px;
  color: #fff;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: #222;
  color: #ccc;
  padding: 14px;
}
.woocommerce-cart-form__cart-item .product-name a {
  color: #FFD600;
  text-decoration: none;
}
.woocommerce-cart-form__cart-item .product-name a:hover {
  color: #fff;
}

/* ✅ Tlačidlá v košíku a pokladni */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  background-color: #FFD600;
  color: #000;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  padding: 12px 24px;
  transition: all 0.25s ease;
}
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  background-color: #e6c000;
  transform: translateY(-1px);
}

/* ✅ Pole kupónu, formuláre */
.woocommerce form input,
.woocommerce form textarea,
.woocommerce form select {
  background-color: #0f0f0f;
  border: 1px solid #333;
  color: #fff;
  border-radius: 6px;
  padding: 10px;
}
.woocommerce form input:focus,
.woocommerce form textarea:focus,
.woocommerce form select:focus {
  border-color: #FFD600;
  outline: none;
  box-shadow: 0 0 6px #FFD60033;
}

/* ✅ Súhrn objednávky */
.woocommerce-checkout-review-order-table {
  border-radius: 12px;
}
.woocommerce-checkout #payment {
  background-color: #111;
  border-radius: 12px;
  border: 1px solid #333;
  color: #ccc;
}
.woocommerce-checkout #payment div.payment_box {
  background-color: #0f0f0f;
  color: #ddd;
  border-radius: 8px;
  padding: 12px;
}

/* ✅ Mini kosik */
.wc-block-mini-cart__footer-actions .wc-block-components-button {
		font-weight: 600;
		border-radius: 8px;
		padding: 12px 28px;
		transition: all 0.25s ease;
		border: none;
		font-family: 'Syne', 'Inter', 'Poppins', sans-serif;
}
.wc-block-mini-cart__footer-actions a.wc-block-components-button.contained {
	background-color: #ffc000;
		color: #fff;
}