/*
 Theme Name:   Storefront Child
 Theme URI:    https://shop.notarius.zt.ua/
 Description:  Дочірня тема для Storefront — НЕКСІРА
 Author:       ФОП Янішевський Олександр Віталійович
 Author URI:   https://shop.notarius.zt.ua/
 Template:     storefront
 Version:      1.0.0
 Text Domain:  storefront-child
*/

/* ===== Оранжево-графітова схема ===== */

/* Основний акцентний колір — оранжевий */
:root {
  --color-accent: #E65C00;
  --color-graphite: #2B2B2B;
}

/* Кнопки */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .checkout-button,
button[type="submit"] {
  background-color: #E65C00 !important;
  color: #ffffff !important;
  border-radius: 4px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: #CC5000 !important;
}

/* Заголовок сайту */
.site-header {
  background-color: #2B2B2B !important;
}
.site-title a,
.site-description {
  color: #ffffff !important;
}

/* Навігаційне меню */
.storefront-primary-navigation,
.main-navigation ul li a {
  background-color: #2B2B2B !important;
  color: #ffffff !important;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
  color: #E65C00 !important;
}

/* Посилання */
a { color: #E65C00; }
a:hover { color: #CC5000; }

/* Приховати H1 на головній */
.home .entry-title,
.home .page-header { display: none; }

/* Банер — Cover блок */
.wp-block-cover {
  border-radius: 8px;
  margin-bottom: 2rem;
}

/* Кнопка в Cover блоці */
.wp-block-cover .wp-block-button__link {
  background-color: #E65C00 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 12px 28px !important;
}
.wp-block-cover .wp-block-button__link:hover {
  background-color: #CC5000 !important;
}

/* Категорії */
.wc-block-product-categories-list-item a:hover {
  color: #E65C00 !important;
}

/* Футер */
.site-footer {
  background-color: #2B2B2B !important;
  color: #aaaaaa !important;
}
.site-footer a {
  color: #E65C00 !important;
}
.site-footer a:hover {
  color: #CC5000 !important;
}

.site-header-cart .cart-contents {
  color: #fff;
}
.site-header-cart .button {
  font-size: 12px;
}

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
  max-width: 100% !important
}

.page-template-template-homepage .type-page, .page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.site-header {
  border-bottom: none !important
}

.wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
  border-radius: 0;
}

.product-category .count {
  display: none;
}

ul#menu-golovne a {
  color: #fff;
}

ul#menu-golovne a:hover  {
  text-decoration: underline;
}

.wc-block-components-country-input {
  margin-top: 12px !important;
}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .cart .button, .woocommerce .checkout-button, button[type="submit"], button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart {
  font-size: 12px;
  border-radius: 0;
  outline: none;
}
.wc-forward::after, .woocommerce-Button--next::after{
  display: none !important;
}

a {
  outline: none !important;
}

.product-full-description {clear: both;}
.product-full-description {
  max-width: 720px;
  margin: 2rem auto 3rem;
  line-height: 1.7;
}

.single-product div.product p.price {
  font-size: 32px;
  color: #e65c00;
  margin: 20px 0 10px;
}

.single-product div.product form.cart .qty {
  border: 1px solid;
  outline: none;
  box-shadow: none;
  height: 40px;
  text-align: center;
}

.single-product div.product form.cart button {
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
}

.single-product div.product .edit-link {
  display: none;
}

.single-product div.product .product_meta {
  font-size: 16px;
}

.product-full-description p+h2, .product-full-description p+h3, .product-full-description p+h4 {
  margin-top: 20px;
}

/* Рівна висота карток — переключаємо з float на flex */
ul.products {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
}

ul.products li.product {
  display: flex !important;
  flex-direction: column;
}

ul.products li.product a.woocommerce-LoopProduct-link {
  flex: 1;
  display: flex;
  flex-direction: column;
}

ul.products li.product .woocommerce-loop-product__title {
  flex: 1;
}

ul.products .added_to_cart {
  display: none;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
  background: #E65C00 !important;
}

.woocommerce-message a.button:hover {
  background: none !important;
}
.woocommerce-message a {
  font-size: 16px !important;
  padding: 0 !important;
  border: none !important;
}

.site-search .widget_product_search form::before {
  color: #e65c00;
}

ul.products li.product .price {
  font-size: 20px;
  color: #e65c00;
}

ul.products .loop-product-sku {
  color: #43454b !important;
}

/* Галерея товару — більші мініатюри, менші відступи */
.flex-control-thumbs li {
  width: 80px !important;
  margin: 0 8px 8px 0 !important;
}

.flex-control-thumbs li img {
  width: 80px !important;
  height: 80px !important;
  object-fit: contain;
  border-radius: 4px;
  border: 2px solid transparent;
  transition: border-color .2s;
}

.flex-control-thumbs li img:hover,
.flex-control-thumbs li img.flex-active {
  border-color: #E65C00;
}

.storefront-handheld-footer-bar {
  box-shadow: 0 0 6px rgb(230 92 0 / 70%);
}

.edit-link {
  display: none;
}

/* ===== КОШИК (WooCommerce Blocks) ===== */

/* Кнопка "Перейти до оформлення замовлення" */
.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-cart__submit-button, .wc-block-components-button:not(.is-link) {
  background-color: #E65C00 !important;
  border-color: #E65C00 !important;
  color: #fff !important;
  text-decoration: none !important;
}
.wc-block-cart__submit-button:hover {
  background-color: #CC5000 !important;
  border-color: #CC5000 !important;
}

/* Загальна сума */
.wc-block-cart__totals-title,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  color: #2B2B2B !important;
}
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
  color: #E65C00 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* Блок підсумків */
.wc-block-cart__totals {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px !important;
}
.wc-block-cart__totals .wc-block-components-panel__button {
  border-color: #eee !important;
}

/* Назва товару */
.wc-block-cart-item__product-name a {
  color: #2B2B2B !important;
}
.wc-block-cart-item__product-name a:hover {
  color: #E65C00 !important;
}

/* Ціна товару */
.wc-block-cart-item__prices .wc-block-formatted-money-amount {
  color: #E65C00 !important;
  font-weight: 600;
}

/* Кнопка видалення */
.wc-block-cart-item__remove-link {
  color: #bbb !important;
}
.wc-block-cart-item__remove-link:hover {
  color: #E65C00 !important;
}

/* Лічильник */
.wc-block-components-quantity-selector {
  border-color: #ddd !important;
  border-radius: 6px;
}
.wc-block-components-quantity-selector:focus-within {
  border-color: #E65C00 !important;
}
.wc-block-components-quantity-selector__button {
  color: #E65C00 !important;
}

#shipping-option, #payment-method, .wc-block-components-country-input {
  display: none !important;
}

@media (min-width: 768px) {
  .site-header {
    padding-top: 20px !important;
  }
  .site-header-cart .cart-contents {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  .blog main#main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  .blog main#main article {
    width: auto;
  }
}

@media (max-width: 767.98px) {
  ul.products li.product {
    width: 100%;
  }
}

.site-header .site-branding img {
  height: 45px !important;
  width: auto !important;
}

.site-info {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.blog main#main article h2 {
  font-size: 22px;
}