/*
 Theme Name: Flatsome Child
 Template: flatsome
 Description: SCN Store — Custom redesign
 Version: 2.0
*/

/* ══════════════════════════════════════
   GLOBAL
   ══════════════════════════════════════ */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #333;
}
h1,h2,h3,h4,h5,h6,.heading-font { font-weight: 700; }
.is-divider { background-color: #43a047 !important; }

a { color: #43a047; }
a:hover { color: #2e7d32; }

.button, button, input[type="submit"] {
  border-radius: 4px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.button.primary, .button.checkout, .button.alt,
.single_add_to_cart_button,
.checkout-button {
  background-color: #43a047 !important;
  border-color: #43a047 !important;
}
.button.primary:hover, .button.checkout:hover, .button.alt:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover {
  background-color: #388e3c !important;
  border-color: #388e3c !important;
}

/* ══════════════════════════════════════
   HEADER
   ══════════════════════════════════════ */
.top-bar { letter-spacing: 0.3px; font-size: .82rem; }
.header-main { border-bottom: 1px solid #eee; }
/* Force header right elements visible */
.header-main .flex-right { display: flex !important; visibility: visible !important; opacity: 1 !important; min-width: 250px; }
.header-main .flex-right .cart-item,
.header-main .flex-right .account-item,
.header-main .flex-right .header-divider { display: list-item !important; visibility: visible !important; }
.header-main .flex-right .header-nav { display: flex !important; }
.header-main .header-cart-link,
.header-main .nav-top-link,
.header-main .header-cart-title,
.header-main .header-account-title,
.header-main .cart-icon strong,
.header-main .menu-title,
.header-main .account-item a,
.header-main .cart-price { color: #333 !important; }
.header-main .cart-icon strong { border-color: #43a047 !important; color: #fff !important; background: #43a047 !important; }
.header-main i.icon-shopping-cart,
.header-main i.icon-user { color: #333 !important; font-size: 1.1rem; }
.header-bottom { letter-spacing: 0.5px; font-weight: 600; }
.header-bottom .nav > li > a,
.header-bottom-nav > li > a,
.header:not(.transparent) .header-bottom-nav.nav > li > a,
.header:not(.transparent) .header-nav-main.nav > li > a { font-size: .85rem; color: #fff !important; font-weight: 700 !important; letter-spacing: 0.3px; }
.header-bottom .nav > li > a:hover,
.header-bottom-nav > li > a:hover { color: rgba(255,255,255,0.75) !important; }
.header-bottom .nav > li > a > i,
.header-bottom-nav > li > a > i.icon-angle-down,
.header-bottom .nav > li > a > .icon-angle-down { color: #fff !important; }

/* Product card buttons — uniform size + Spanish text */
.product-small .add_to_cart_button,
.product-small .product-hover-buttons a {
  font-size: .75rem !important;
  padding: 8px 14px !important;
  min-width: 120px;
  text-align: center;
  border-radius: 3px !important;
}
.product-small .quick-view { font-size: .75rem !important; }

/* ══════════════════════════════════════
   PRODUCT CARDS
   ══════════════════════════════════════ */
.product-small .box-image {
  border-radius: 8px;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
.product-small:hover .box-image {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}
.product-small .box-text { padding: 10px 5px; }
.product-small .box-text .category {
  font-size: .72rem;
  text-transform: uppercase;
  color: #888;
  letter-spacing: 0.5px;
}
.product-small .box-text .name { font-size: .9rem; font-weight: 600; margin: 4px 0; }
.product-small .box-text .price { color: #43a047; font-weight: 700; }
.product-small .box-text .price del { color: #999; font-weight: 400; }
.product-small .box-text .price ins { text-decoration: none; color: #d32f2f; font-weight: 700; }

/* Sale badge */
.badge-inner.on-sale {
  background-color: #d32f2f !important;
  font-weight: 700;
  border-radius: 50%;
}

/* ══════════════════════════════════════
   PRODUCT DETAIL PAGE
   ══════════════════════════════════════ */
.product-info .price { font-size: 1.5rem; color: #43a047; }
.product-info .price del { color: #999; font-size: 1rem; }
.product-info .price ins { color: #d32f2f; text-decoration: none; }

.woocommerce-tabs .tabs li.active a {
  color: #43a047 !important;
  border-color: #43a047 !important;
}

/* ══════════════════════════════════════
   SHOP / CATEGORY PAGE
   ══════════════════════════════════════ */
.shop-sidebar .widget-title {
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #43a047;
  padding-bottom: 8px;
}
.woocommerce-ordering select {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 8px 12px;
}

/* Cart update button fix */
button[name="update_cart"],
.woocommerce .cart button[type="submit"] {
  background-color: #43a047 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: 600;
  cursor: pointer;
}

/* ══════════════════════════════════════
   CART & CHECKOUT
   ══════════════════════════════════════ */
.woocommerce-cart .cart_item img { border-radius: 6px; }
.woocommerce-checkout #place_order {
  background: #43a047 !important;
  font-size: 1.1rem;
  padding: 15px 30px !important;
}

/* ══════════════════════════════════════
   FOOTER
   ══════════════════════════════════════ */
.scn-custom-footer a:hover { color: #fff !important; text-decoration: underline; }

.absolute-footer {
  background: #2e7d32 !important;
  color: rgba(255,255,255,0.7);
  font-size: .82rem;
}
.absolute-footer a { color: rgba(255,255,255,0.8); }
.absolute-footer .social-icons a,
.absolute-footer .follow-icons a {
  color: #fff !important;
  opacity: 0.8;
  border-color: rgba(255,255,255,0.4) !important;
}
.absolute-footer .social-icons a:hover { opacity: 1; }

/* ══════════════════════════════════════
   MOBILE
   ══════════════════════════════════════ */
@media (max-width: 849px) {
  .product-small .box-image { border-radius: 6px; }
  .scn-custom-footer .row { gap: 20px !important; }
  .header-bottom .nav > li > a { font-size: .78rem; padding: 0 8px; }
}

@media (max-width: 549px) {
  .single_add_to_cart_button { width: 100%; min-height: 48px; font-size: 1rem; }
  .scn-custom-footer { padding: 25px 15px !important; }
}