/*
Theme Name: Flatsome Child
Template: flatsome
*/

/* ── DRIFTY.CL — VARIABLES GLOBALES ── */
:root {
  --rojo: #E8141C;
  --naranja: #FF6B00;
  --negro: #0A0A0A;
  --gris-oscuro: #141414;
  --gris-medio: #1E1E1E;
  --gris-claro: #2A2A2A;
  --blanco: #FFFFFF;
  --texto-gris: #AAAAAA;
  --amarillo: #FFD700;
}

/* ── BODY / FONDO GLOBAL ── */
body { background: var(--negro) !important; color: var(--blanco) !important; }
.header-main, .header-wrapper { background: var(--negro) !important; border-bottom: 2px solid var(--rojo) !important; }

/* ── COLOR PRIMARIO FLATSOME ── */
a { color: var(--rojo); }
.button.primary, .btn-primary, button[type="submit"],
.woocommerce .button.alt, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
input[type="submit"] { background-color: var(--rojo) !important; border-color: var(--rojo) !important; color: #fff !important; }
.button.primary:hover, .woocommerce .button.alt:hover { background-color: #c0101a !important; }

/* ── NAVBAR ── */
.nav-bar, .nav-bar-wrapper, #main-nav { background: var(--gris-oscuro) !important; }
.nav-bar a, #main-nav a { color: var(--blanco) !important; font-weight: 600 !important; text-transform: uppercase !important; }
.nav-bar a:hover, #main-nav a:hover { color: var(--rojo) !important; }
.current-menu-item > a { color: var(--rojo) !important; border-bottom: 3px solid var(--rojo); }

/* ── TOPBAR ── */
.header-top, .top-bar { background: var(--rojo) !important; color: #fff !important; font-weight: 600; }
.header-top a, .top-bar a { color: #fff !important; }

/* ── LOGO ── */
.logo a, .header-logo a { font-size: 28px !important; font-weight: 900 !important; text-transform: uppercase !important; color: #fff !important; letter-spacing: -1px !important; }

/* ── FOOTER ── */
.footer-container, footer.footer { background: var(--gris-oscuro) !important; border-top: 2px solid var(--rojo) !important; color: var(--texto-gris) !important; }
.footer-container a { color: var(--texto-gris) !important; }
.footer-container a:hover { color: var(--rojo) !important; }

/* ── PRODUCTOS ── */
.product-small .box, .product-small.box, ul.products li.product .box,
.woocommerce ul.products li.product { background: var(--gris-medio) !important; border: 1px solid #222 !important; border-radius: 8px !important; transition: all .25s; }
.product-small .box:hover, ul.products li.product:hover .box { border-color: var(--rojo) !important; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(232,20,28,0.15) !important; }
.price ins, .woocommerce-Price-amount, .amount { color: var(--rojo) !important; font-weight: 900 !important; }
.star-rating span { color: var(--amarillo) !important; }

/* ── WIDGETS / SIDEBAR ── */
.widget, .sidebar, aside { background: var(--gris-medio) !important; border: 1px solid #222 !important; border-radius: 8px; padding: 20px; }

/* ── INPUTS ── */
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
  background: var(--gris-claro) !important; border: 1px solid #333 !important; color: var(--blanco) !important; border-radius: 4px !important;
}
input::placeholder { color: var(--texto-gris) !important; }

/* ── CART ICON ── */
.cart-icon .cart-count { background: var(--rojo) !important; }

/* ── DROPDOWN MENUS ── */
.nav-dropdown { background: var(--gris-oscuro) !important; border-top: 2px solid var(--rojo) !important; }
.nav-dropdown a { color: var(--blanco) !important; }
.nav-dropdown a:hover { color: var(--rojo) !important; }

/* ── BADGES WOO ── */
.onsale { background: var(--rojo) !important; }

/* ── SECCIONES UX BUILDER ── */
.section { background: var(--negro); }
.section.dark { background: var(--gris-oscuro) !important; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--negro); }
::-webkit-scrollbar-thumb { background: var(--rojo); border-radius: 3px; }

/* ── LOGO DRIFTY ── */
#logo img, #logo img.header_logo, img.header_logo { display: none !important; }
#logo a {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
#logo a::before {
  content: 'DRIFTY';
  font-size: 30px;
  font-weight: 900;
  color: #fff !important;
  letter-spacing: -1px;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  font-family: 'Segoe UI', Arial, sans-serif;
}
#logo a::after {
  content: 'RC STORE \00B7 CHILE';
  font-size: 10px;
  color: #AAAAAA !important;
  letter-spacing: 3px;
  font-weight: 400;
  display: block;
  margin-top: 4px;
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* ── MENÚ ── */
#main-nav .nav > li > a { font-weight: 600 !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 0.5px !important; padding: 14px 18px !important; }
#main-nav .nav > li > a:hover { color: var(--rojo) !important; }
.header-wrapper, header.header { border-bottom: 2px solid var(--rojo) !important; }

/* ── PRODUCTOS WOO ── */
.woocommerce ul.products li.product { background: #1E1E1E !important; border: 1px solid #222 !important; border-radius: 8px !important; transition: all .25s; padding: 0 !important; }
.woocommerce ul.products li.product:hover { border-color: var(--rojo) !important; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(232,20,28,0.15) !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #fff !important; font-size: 14px !important; font-weight: 700 !important; }
.woocommerce ul.products li.product .price { color: var(--rojo) !important; font-weight: 900 !important; font-size: 18px !important; }
.woocommerce ul.products li.product .button { background: var(--rojo) !important; color: #fff !important; border-radius: 4px !important; font-weight: 700 !important; }
.woocommerce ul.products li.product .button:hover { background: #c0101a !important; }

/* ── FULL WIDTH HOMEPAGE ── */
.page-id-18 .sidebar-container, .page-id-18 #sidebar { display: none !important; }
.page-id-18 #content .col.large-9 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.page-id-18 .container { max-width: 100% !important; padding: 0 !important; }