/*
Theme Name: Kadence Child - Tendenza Grafica
Theme URI: https://tendenzagrafica.it
Description: Tema Child Kadence personalizzato con identità visiva coordinata al logo di Tendenza Grafica.
Author: Tendenza Grafica
Template: kadence
Version: 1.0.0
*/
/* ==========================================================================
   TENDENZA GRAFICA - THEME STYLING & BRAND IDENTITY (KADENCE)
   Brand Colors:
     - Primary Accent: #FA6932 (Coral Orange)
     - Primary Hover:  #E0531D (Deep Warm Terracotta)
     - Typography:     #111111 (Deep Jet Black)
     - Dark Accent:    #1E1E1E
     - Neutral Soft:   #F8F9FA
     - Brand Soft:     #FFF4EE
   ========================================================================== */

/* 1. Global Kadence Palette Override */
:root {
  --global-palette1: #FA6932 !important;
  --global-palette2: #E0531D !important;
  --global-palette3: #111111 !important;
  --global-palette4: #1E1E1E !important;
  --global-palette5: #4A5568 !important;
  --global-palette6: #E2E8F0 !important;
  --global-palette7: #F8F9FA !important;
  --global-palette8: #FFFFFF !important;
  --global-palette9: #FFFFFF !important;
  --global-palette-highlight: #FA6932 !important;
  --global-palette-highlight-alt: #E0531D !important;
  
  --tg-coral: #FA6932;
  --tg-coral-hover: #E0531D;
  --tg-coral-light: #FFF4EE;
  --tg-black: #111111;
  --tg-charcoal: #1E1E1E;
  --tg-border: #EAEAEA;
}

/* 2. Typography & Page Titles */
h1, h2, h3, h4, h5, h6,
.entry-title, .product_title, .woocommerce-products-header__title {
  color: var(--tg-black) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.woocommerce-products-header__title {
  font-size: 2.2rem !important;
  margin-bottom: 8px !important;
  position: relative;
  display: inline-block;
}

.woocommerce-products-header__title::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 42px;
  height: 3px;
  background: var(--tg-coral);
  border-radius: 2px;
}

/* 3. Navigation & Header */
.site-header {
  border-bottom: 1px solid var(--tg-border) !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

.primary-menu-container .menu-item a {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--tg-charcoal) !important;
  transition: color 0.2s ease !important;
}

.primary-menu-container .menu-item a:hover,
.primary-menu-container .menu-item.current-menu-item > a {
  color: var(--tg-coral) !important;
}

/* Header Cart Count Badge */
.header-cart-wrap .header-cart-button .cart-count,
.kadence-cart-count, .cart-contents-count {
  background: var(--tg-coral) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 4. WooCommerce Product Cards Enhancement */
ul.products {
  gap: 28px !important;
}

ul.products li.product {
  background: #ffffff !important;
  border: 1px solid var(--tg-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

ul.products li.product:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 36px rgba(17, 17, 17, 0.08), 0 4px 16px rgba(250, 105, 50, 0.08) !important;
  border-color: rgba(250, 105, 50, 0.35) !important;
}

ul.products li.product img {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  transition: transform 0.4s ease !important;
  display: block !important;
  width: 100% !important;
  object-fit: cover !important;
}

ul.products li.product:hover img {
  transform: scale(1.03);
}

ul.products li.product .woocommerce-loop-product__title {
  padding: 16px 18px 6px !important;
  font-size: 1.12rem !important;
  font-weight: 600 !important;
  color: var(--tg-black) !important;
  line-height: 1.35 !important;
  transition: color 0.2s ease !important;
}

ul.products li.product:hover .woocommerce-loop-product__title {
  color: var(--tg-coral) !important;
}

ul.products li.product .price {
  padding: 0 18px 18px !important;
  color: var(--tg-coral) !important;
  font-weight: 700 !important;
  font-size: 1.18rem !important;
  margin-bottom: 0 !important;
}

ul.products li.product .price del {
  color: #A0AEC0 !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  margin-right: 6px !important;
}

ul.products li.product .price ins {
  text-decoration: none !important;
}

/* 5. Modern Buttons (Solid & Gradients with smooth micro-interactions) */
.button, .button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button {
  background: linear-gradient(135deg, #FA6932 0%, #FF7A47 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 26px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(250, 105, 50, 0.28) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.button:hover, .button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.single_add_to_cart_button:hover {
  background: linear-gradient(135deg, #E0531D 0%, #FA6932 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(250, 105, 50, 0.38) !important;
  color: #ffffff !important;
}

/* 6. CookieAdmin Banner Harmonization */
#cookieadmin-accept-all, 
.cookieadmin-btn-primary,
button.cookieadmin-btn-primary {
  background: linear-gradient(135deg, #FA6932 0%, #FF7A47 100%) !important;
  border-color: #FA6932 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(250, 105, 50, 0.25) !important;
  transition: all 0.2s ease !important;
}

#cookieadmin-accept-all:hover, 
.cookieadmin-btn-primary:hover {
  background: linear-gradient(135deg, #E0531D 0%, #FA6932 100%) !important;
  box-shadow: 0 6px 16px rgba(250, 105, 50, 0.35) !important;
}

/* 7. Badges, Sale Labels, Sconti */
.onsale, .woocommerce span.onsale {
  background: var(--tg-coral) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  box-shadow: 0 4px 12px rgba(250, 105, 50, 0.35) !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
}

/* 8. Sorting Dropdown & Form Controls */
.woocommerce-ordering select {
  border-radius: 10px !important;
  border: 1px solid var(--tg-border) !important;
  padding: 8px 16px !important;
  font-size: 0.92rem !important;
  background-color: #ffffff !important;
  color: var(--tg-charcoal) !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce-ordering select:focus {
  border-color: var(--tg-coral) !important;
  box-shadow: 0 0 0 3px rgba(250, 105, 50, 0.15) !important;
}

/* 9. Grid & List Layout Toggle Buttons */
.kadence-grid-list-toggle button.active,
.kadence-grid-list-toggle button:hover {
  color: var(--tg-coral) !important;
}

/* 10. Modern Footer Styling */
.site-footer {
  border-top: 1px solid var(--tg-border) !important;
  background: #FDFDFD !important;
  padding: 32px 0 24px !important;
}

.site-footer .site-info {
  color: #718096 !important;
  font-size: 0.9rem !important;
}