/*
 Theme Name:   InkTech - Flatsome Child
 Theme URI:    https://inktech.com.gt
 Description:  Child theme de Flatsome para InkTech Guatemala. Identidad visual personalizada con tema oscuro, paleta CMYK y tipografía InkTech.
 Author:       InkTech
 Author URI:   https://inktech.com.gt
 Template:     flatsome
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  flatsome-child-inktech
*/

/* =============================================================
   INKTECH — ESTILOS PERSONALIZADOS
   Este archivo se carga DESPUÉS de Flatsome, así que
   cualquier regla aquí sobreescribe al theme padre.
   ============================================================= */

/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600&display=swap');

/* ===== VARIABLES CSS ===== */
:root {
  --it-bg: #0A0A0A;
  --it-bg-alt: #0E0E0E;
  --it-bg-card: #141414;
  --it-bg-card-hover: #1A1A1A;
  --it-cyan: #00D4FF;
  --it-cyan-dim: #00A8CC;
  --it-magenta: #FF1493;
  --it-yellow: #FFD700;
  --it-blue: #2E6FFF;
  --it-white: #F0F0F0;
  --it-gray: #888888;
  --it-gray-light: #CCCCCC;
  --it-border: #1E1E1E;
  --it-border-hover: #2A2A2A;
}

/* ===== FONDO OSCURO GLOBAL ===== */
html,
body,
.page-wrapper,
.main-content,
#content,
#main,
.page-content,
.row-main {
  background-color: var(--it-bg) !important;
  color: var(--it-white) !important;
}

/* ===== TIPOGRAFÍA GLOBAL ===== */
body, p, li, td, th, span, div {
  font-family: 'Barlow', sans-serif !important;
  color: var(--it-white);
}

h1, h2, h3, h4, h5, h6,
.section-title,
.box-text h1, .box-text h2, .box-text h3, .box-text h4,
.banner h1, .banner h2, .banner h3,
.page-title,
.product_title,
.woocommerce-loop-product__title {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--it-white) !important;
  letter-spacing: 1px;
}

.nav a, .header-nav a, .menu-item a,
.button, .btn, label, .badge, .tag,
.widget-title, .accordion-title {
  font-family: 'Barlow Condensed', sans-serif !important;
}

/* Texto secundario */
.product-short-description,
.woocommerce-product-details__short-description,
.entry-summary p,
.accordion-inner p,
.ux-text-block p {
  color: var(--it-gray-light) !important;
  font-weight: 400 !important;
}

/* ===== HEADER / NAVEGACIÓN ===== */
.header-wrapper,
.header-main,
.header-inner,
.header-bottom,
.header-top,
.top-bar,
.header-bg,
#header,
.header {
  background-color: rgba(10, 10, 10, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--it-border) !important;
}

.header-wrapper.stuck,
.stuck .header-main {
  background-color: rgba(10, 10, 10, 0.95) !important;
}

/* Header transparente homepage */
.transparent .header-wrapper,
.transparent .header-main {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(30, 30, 30, 0.5) !important;
}

.transparent .header-wrapper.stuck,
.transparent .stuck .header-main {
  background-color: rgba(10, 10, 10, 0.95) !important;
  border-bottom: 1px solid var(--it-border) !important;
}

/* Links del nav */
.nav > li > a,
.header-nav > li > a,
.menu-item > a {
  color: var(--it-gray) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease !important;
}

.nav > li > a:hover,
.header-nav > li > a:hover,
.menu-item > a:hover,
.nav > li.active > a,
.nav > li.current-menu-item > a {
  color: var(--it-white) !important;
}

/* Dropdown menú */
.nav-dropdown, .sub-menu, .children {
  background-color: var(--it-bg-card) !important;
  border: 1px solid var(--it-border) !important;
}

.nav-dropdown li a, .sub-menu li a {
  color: var(--it-gray-light) !important;
  border-bottom: 1px solid var(--it-border) !important;
}

.nav-dropdown li a:hover, .sub-menu li a:hover {
  color: var(--it-cyan) !important;
  background-color: var(--it-bg-card-hover) !important;
}

/* Logo */
.logo-text, .header-logo a, .logo a {
  color: var(--it-white) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 3px !important;
}

/* Header icons */
.header-button .icon, .cart-icon, .header-search-icon, .account-icon, .header-button i {
  color: var(--it-gray-light) !important;
}

.header-button:hover .icon, .header-button:hover i {
  color: var(--it-white) !important;
}

/* Cart count */
.cart-icon .cart-count, .header-cart .cart-count {
  background-color: var(--it-cyan) !important;
  color: var(--it-bg) !important;
  font-weight: 700 !important;
}

/* ===== BOTONES ===== */
.button, .btn, button,
input[type="submit"],
.woocommerce .button,
.checkout-button,
.single_add_to_cart_button,
a.button,
.wp-block-button__link {
  background-color: var(--it-cyan) !important;
  color: var(--it-bg) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  transition: all 0.25s ease !important;
}

.button:hover, .btn:hover, button:hover,
input[type="submit"]:hover,
.woocommerce .button:hover,
a.button:hover {
  background-color: var(--it-cyan-dim) !important;
  color: var(--it-bg) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 212, 255, 0.2) !important;
}

/* Botón secundario */
.button.secondary, .button.is-outline, a.button.secondary {
  background-color: transparent !important;
  color: var(--it-white) !important;
  border: 1px solid var(--it-border-hover) !important;
}

.button.secondary:hover, .button.is-outline:hover {
  border-color: var(--it-cyan) !important;
  color: var(--it-cyan) !important;
  background-color: transparent !important;
}

/* ===== FORMULARIOS ===== */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="url"],
input[type="search"], textarea, select,
.select2-container .select2-selection,
.input-text {
  background-color: var(--it-bg-card) !important;
  border: 1px solid var(--it-border) !important;
  color: var(--it-white) !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  border-radius: 0 !important;
  transition: border-color 0.2s ease !important;
}

input:focus, textarea:focus, select:focus, .input-text:focus {
  border-color: var(--it-cyan) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.1) !important;
}

input::placeholder, textarea::placeholder {
  color: var(--it-gray) !important;
}

label {
  color: var(--it-gray-light) !important;
  font-weight: 500 !important;
}

/* ===== WOOCOMMERCE — PRODUCTOS ===== */
.product-small,
.product-small .col-inner,
.product-small .box,
.product-small .box-text {
  background-color: var(--it-bg-card) !important;
  border: 1px solid var(--it-border) !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
}

.product-small:hover,
.product-small:hover .col-inner {
  border-color: var(--it-border-hover) !important;
}

.product-small .box-text {
  border: none !important;
  padding: 16px !important;
}

/* Título producto */
.woocommerce-loop-product__title,
.product-title,
.product-small .name,
.product-small .product-title {
  color: var(--it-white) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

/* Precio */
.price, .woocommerce-Price-amount,
.product-small .price, ins .woocommerce-Price-amount, .amount {
  color: var(--it-cyan) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 22px !important;
  letter-spacing: 1px !important;
}

del .woocommerce-Price-amount, del .amount {
  color: var(--it-gray) !important;
  font-size: 16px !important;
}

/* Badge descuento */
.badge-container .badge, .onsale, .callout {
  background-color: var(--it-magenta) !important;
  color: white !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
}

/* Stars */
.star-rating span::before, .star-rating::before {
  color: var(--it-yellow) !important;
}

/* ===== PRODUCTO INDIVIDUAL ===== */
.product-page, .product-info, .product-gallery,
.woocommerce-tabs, .woocommerce-tabs .tabs, .woocommerce-tabs .panel {
  background-color: var(--it-bg) !important;
}

.product_title.entry-title {
  font-size: 42px !important;
}

.woocommerce-tabs .tabs li a {
  color: var(--it-gray) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.woocommerce-tabs .tabs li.active a {
  color: var(--it-cyan) !important;
  border-bottom-color: var(--it-cyan) !important;
}

.quantity input.qty {
  background-color: var(--it-bg-card) !important;
  border: 1px solid var(--it-border) !important;
  color: var(--it-white) !important;
}

/* ===== CARRITO ===== */
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: var(--it-border) !important;
  color: var(--it-white) !important;
}

.woocommerce table.shop_table th {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--it-gray) !important;
  background-color: var(--it-bg-alt) !important;
}

.cart_totals, .cart_totals table {
  background-color: var(--it-bg-card) !important;
  border: 1px solid var(--it-border) !important;
}

.order-total .amount {
  font-size: 28px !important;
  color: var(--it-cyan) !important;
}

/* Mini cart */
.widget_shopping_cart, .mini-cart,
.cart-sidebar-content, .off-canvas-cart {
  background-color: var(--it-bg-card) !important;
}

.mini-cart .cart-item,
.widget_shopping_cart .cart_list li {
  border-bottom: 1px solid var(--it-border) !important;
}

/* ===== CHECKOUT ===== */
.woocommerce-checkout, #order_review,
.woocommerce-checkout-review-order-table {
  background-color: var(--it-bg) !important;
}

.woocommerce-checkout h3, #order_review_heading {
  color: var(--it-white) !important;
}

.payment_methods, .wc_payment_methods {
  background-color: var(--it-bg-card) !important;
  border: 1px solid var(--it-border) !important;
}

.payment_method label {
  color: var(--it-white) !important;
}

/* ===== MI CUENTA ===== */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation ul {
  background-color: var(--it-bg-alt) !important;
}

.woocommerce-MyAccount-navigation li a {
  color: var(--it-gray-light) !important;
  border-bottom: 1px solid var(--it-border) !important;
  padding: 12px 16px !important;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  color: var(--it-cyan) !important;
  background-color: var(--it-bg-card) !important;
}

.woocommerce-MyAccount-content {
  background-color: var(--it-bg) !important;
}

/* ===== ACCORDION / FAQ ===== */
.accordion, .accordion-item, .accordion-title {
  background-color: transparent !important;
  border-color: var(--it-border) !important;
}

.accordion-title {
  color: var(--it-white) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 20px 0 !important;
}

.accordion-title:hover,
.accordion-title.active {
  color: var(--it-cyan) !important;
}

.accordion-inner {
  color: var(--it-gray-light) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* ===== BANNERS ===== */
.banner h1, .banner h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--it-white) !important;
}

.banner p, .banner .lead {
  color: var(--it-gray-light) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
}

/* ===== SIDEBAR / WIDGETS ===== */
.sidebar, .widget, .is-sidebar {
  background-color: var(--it-bg) !important;
}

.widget-title {
  color: var(--it-white) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 1px !important;
}

.widget a {
  color: var(--it-gray-light) !important;
}

.widget a:hover {
  color: var(--it-cyan) !important;
}

/* ===== FOOTER ===== */
.footer-wrapper,
.footer,
#footer,
.absolute-footer,
.footer-1, .footer-2 {
  background-color: var(--it-bg) !important;
  border-top: 1px solid var(--it-border) !important;
  color: var(--it-white) !important;
}

.footer-wrapper h3,
.footer .widget-title {
  color: var(--it-white) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.footer a, .absolute-footer a {
  color: var(--it-gray) !important;
}

.footer a:hover, .absolute-footer a:hover {
  color: var(--it-cyan) !important;
}

.absolute-footer, .footer-secondary {
  background-color: var(--it-bg) !important;
  border-top: 1px solid var(--it-border) !important;
  color: var(--it-gray) !important;
}

/* ===== BREADCRUMBS ===== */
.breadcrumbs, .woocommerce-breadcrumb {
  color: var(--it-gray) !important;
}

.breadcrumbs a, .woocommerce-breadcrumb a {
  color: var(--it-gray) !important;
}

.breadcrumbs a:hover, .woocommerce-breadcrumb a:hover {
  color: var(--it-cyan) !important;
}

/* ===== PAGINATION ===== */
.page-numbers li a, .page-numbers li span {
  color: var(--it-gray) !important;
  border-color: var(--it-border) !important;
  background: var(--it-bg-card) !important;
}

.page-numbers li .current,
.page-numbers li a:hover {
  background: var(--it-cyan) !important;
  color: var(--it-bg) !important;
  border-color: var(--it-cyan) !important;
}

/* ===== MENSAJES / NOTICES ===== */
.woocommerce-message, .woocommerce-info {
  background-color: var(--it-bg-card) !important;
  border-top-color: var(--it-cyan) !important;
  color: var(--it-white) !important;
}

.woocommerce-error {
  background-color: var(--it-bg-card) !important;
  border-top-color: var(--it-magenta) !important;
  color: var(--it-white) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--it-cyan) !important;
}

/* ===== SEARCH ===== */
.search-form, .header-search-form {
  background-color: var(--it-bg-card) !important;
}

.search-form input, .header-search-form input {
  background-color: var(--it-bg-card) !important;
  color: var(--it-white) !important;
  border-color: var(--it-border) !important;
}

/* ===== MOBILE MENU ===== */
.mfp-content .nav,
.mobile-sidebar,
.off-canvas-left,
.off-canvas-right {
  background-color: var(--it-bg-card) !important;
}

.mobile-sidebar .nav > li > a,
.off-canvas-left .nav > li > a {
  color: var(--it-white) !important;
  border-bottom: 1px solid var(--it-border) !important;
}

.mobile-sidebar .nav > li > a:hover {
  color: var(--it-cyan) !important;
}

/* ===== SCROLL TO TOP ===== */
.back-to-top {
  background-color: var(--it-bg-card) !important;
  border: 1px solid var(--it-border) !important;
  color: var(--it-cyan) !important;
}

.back-to-top:hover {
  background-color: var(--it-cyan) !important;
  color: var(--it-bg) !important;
}

/* ===== LOADING / PRELOADER ===== */
.processing .blockOverlay {
  background-color: rgba(10, 10, 10, 0.7) !important;
}

/* ===== UTILITY CLASSES ===== */
.text-cyan { color: var(--it-cyan) !important; }
.text-magenta { color: var(--it-magenta) !important; }
.text-yellow { color: var(--it-yellow) !important; }
.text-blue { color: var(--it-blue) !important; }
.bg-card { background-color: var(--it-bg-card) !important; }
.bg-dark-alt { background-color: var(--it-bg-alt) !important; }
.border-it { border: 1px solid var(--it-border) !important; }