/* ============================================
   BODIN YUMOV — Global Styles (FINAL)
   Header/Footer colors: Customizer only
   This file: content area + WooCommerce + filters
   ============================================ */


/* === BASE === */
html { scroll-behavior: smooth; }
a { text-decoration: none; }
::selection { background: #F5F0E6; color: #1C1C1E; }
body { animation: byBodyIn 0.4s ease both; }
@keyframes byBodyIn { from { opacity: 0; } to { opacity: 1; } }


/* === CONTENT AREA — slightly lighter than header === */
.site-main,
.by-front-page { --by-dark: #222224; }

.site-main,
.entry-content,
.type-page,
.woocommerce-products-header,
.woo-listing-top,
[data-hero-section],
.hero-section,
.page-title-panel,
.ct-breadcrumbs,
.archive-title-panel {
  background-color: #222224 !important;
}


/* === HEADER HEIGHT (color set in Customizer) === */
header[data-id="type-1"] [data-row="middle"],
.ct-header [data-row="middle"] {
  min-height: 60px !important;
}
@media (max-width: 640px) {
  header[data-id="type-1"] [data-row="middle"],
  .ct-header [data-row="middle"] {
    min-height: 52px !important;
  }
}


/* === BUTTONS === */
.wp-element-button,
.wc-block-components-button,
button[type="submit"],
.ct-button,
input[type="submit"] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}


/* === WOOCOMMERCE LAYOUT === */
.woocommerce-page .ct-sidebar,
.woocommerce-page aside#secondary { display: none !important; }
.woocommerce-page .site-main,
.woocommerce-page .ct-container > *:first-child { width: 100% !important; max-width: 100% !important; }
.woocommerce-result-count,
.woocommerce-ordering { display: none !important; }
.woocommerce ul.products li.product .star-rating { display: none; }


/* === WOOCOMMERCE DARK THEME === */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price { color: #F5F0E6 !important; }
.woocommerce ul.products li.product .ct-image-container { background-color: #2C2C2E !important; }
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button { background-color: #F5F0E6 !important; color: #1C1C1E !important; border: none !important; }
ul.products li.product a img { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
ul.products li.product:hover a img { transform: scale(1.04); }
.woocommerce-info,
.woocommerce-message,
.woocommerce-error { background-color: #2C2C2E !important; color: #F5F0E6 !important; border-color: #3A3A3C !important; }


/* === SHOP FILTERS — horizontal on all devices === */
.by-shop-filters {
  display: flex; justify-content: center; align-items: center;
  gap: 32px; flex-wrap: wrap; padding: 20px 0 40px; margin: 0;
}
.by-shop-filter {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 12px; font-weight: 500; letter-spacing: 0.1em;
  text-transform: uppercase; color: #8E8E93; text-decoration: none;
  padding: 8px 0; border: none; border-bottom: 1px solid transparent;
  background: none; cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease;
}
.by-shop-filter:hover { color: #F5F0E6; }
.by-shop-filter.active { color: #F5F0E6; border-bottom-color: #F5F0E6; }

@media (max-width: 767px) {
  .by-shop-filters { gap: 20px; padding: 16px 16px 28px; }
  .by-shop-filter { font-size: 10px; letter-spacing: 0.08em; padding: 6px 0; }
}


/* === FOOTER LINKS === */
footer .ct-widget a,
footer .footer-menu a { text-transform: uppercase; letter-spacing: 0.05em; font-size: 12px; }