/*
Theme Name: G7 Framework Commerce
Theme URI: https://g7innova.com
Author: G7 Innova
Author URI: https://g7innova.com
Description: Marketplace app-first: hero estilo Shein, homepage modular, carruseles infinitos, quick view, filtros, PWA y clave API.
Version: 5.0.0
Text Domain: g7-framework-commerce
Requires at least: 6.6
Requires PHP: 8.1
License: Proprietary — Exclusive to G7 Innova
*/
:root{
  --g7-bg:#0b0e12; --g7-text:#e6e8ea; --g7-muted:#a9afb8; --g7-accent:#FF6F00;
  --g7-card:#12161c; --g7-border:#1f2430; --g7-good:#22c55e; --g7-bad:#ef4444;
}
body{background:var(--g7-bg);color:var(--g7-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--g7-accent);text-decoration:none} a:hover{text-decoration:underline}
.g7-container{max-width:1240px;margin:0 auto;padding:16px}
.g7-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.g7-card{background:var(--g7-card);border:1px solid var(--g7-border);border-radius:12px;padding:14px}
.g7-btn{display:inline-block;background:var(--g7-accent);color:#0b0e12;padding:10px 16px;border-radius:10px}
.g7-btn[disabled]{opacity:.6;cursor:not-allowed}
header.site-header,footer.site-footer{background:#0e1218;border-top:1px solid var(--g7-border);border-bottom:1px solid var(--g7-border)}
.nav-primary ul{list-style:none;display:flex;gap:12px;margin:0;padding:0}

/* Hero slider estilo Shein */
.g7-slider.shein-style{position:relative;overflow:hidden;border-radius:12px;margin-bottom:12px}
.g7-slider .g7-slide{position:relative}
.g7-slider .g7-slide img{width:100%;height:420px;object-fit:cover;display:block}
.g7-slider .g7-overlay{position:absolute;bottom:18%;left:8%;color:#fff;text-shadow:0 2px 6px #000}
.g7-slider h2{font-size:2.2rem;margin:0}
.g7-slider p{font-size:1.1rem;margin:.25rem 0 0}
.g7-prev,.g7-next{position:absolute;top:50%;transform:translateY(-50%);background:#0008;color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer}
.g7-prev{left:10px}.g7-next{right:10px}
.g7-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.g7-dot{width:10px;height:10px;border-radius:50%;background:#3a3f4a;cursor:pointer}
.g7-dot.active{background:var(--g7-accent)}

/* Carousel horizontal tipo app */
.g7-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.g7-carousel .g7-item{flex:0 0 210px;scroll-snap-align:start}
.g7-carousel::-webkit-scrollbar{height:8px}
.g7-carousel::-webkit-scrollbar-thumb{background:#2a2f3a;border-radius:8px}

/* Skeleton loaders */
.g7-skel{background:#141922;border-radius:12px;height:180px;position:relative;overflow:hidden}
.g7-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:g7shimmer 1.2s infinite}
@keyframes g7shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* Quick view modal */
.g7-modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:9999}
.g7-modal.open{display:flex}
.g7-modal .g7-modal-content{background:#11161d;border:1px solid var(--g7-border);border-radius:12px;max-width:900px;width:92%;padding:18px}
.g7-modal .g7-close{float:right;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}

/* Menú inferior móvil tipo app */
.g7-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0e1218;border-top:1px solid var(--g7-border);display:flex;justify-content:space-around;padding:8px 0;z-index:999}
.g7-bottom-nav a{color:var(--g7-text);text-align:center;font-size:14px}
@media(min-width:992px){.g7-bottom-nav{display:none}}

/* Grid de categorías tipo retail */
.g7-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.g7-cat{background:#10141b;border:1px solid var(--g7-border);border-radius:12px;padding:12px;text-align:center}
.g7-cat img{width:64px;height:64px;object-fit:cover;margin-bottom:8px;border-radius:8px}

/* Sticky add to cart en página producto */
.g7-sticky-cart{position:sticky;bottom:12px;background:#10141b;border:1px solid var(--g7-border);border-radius:12px;padding:10px;display:flex;justify-content:space-between;align-items:center}

/* Woo tuning */
.woocommerce ul.products{gap:16px}
.woocommerce li.product.g7-card{list-style:none}
.woocommerce div.product .summary{background:var(--g7-card);padding:16px;border-radius:12px;border:1px solid var(--g7-border)}

@media(max-width:768px){
  .g7-slider .g7-slide img{height:320px}
  .g7-slider .g7-overlay{bottom:10%;left:6%;font-size:90%}
}