/*
Theme Name: VoltGear
Theme URI: https://example.com/voltgear
Author: OpenAI
Description: A vivid, mobile-first WooCommerce theme for phone accessories, built with Tailwind CSS utilities and a custom high-definition color system.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voltgear
Tags: e-commerce, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
  --vg-ink: #07111f;
  --vg-violet: #6c4bff;
  --vg-cyan: #22d3ee;
  --vg-coral: #ff6b6b;
  --vg-lime: #b8f500;
  --vg-paper: #f7f8fc;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--vg-paper); color: var(--vg-ink); }
body.admin-bar .vg-sticky { top: 32px; }
::selection { background: var(--vg-cyan); color: var(--vg-ink); }
.custom-logo { max-height: 40px; width: auto; }
.vg-logo-dot { box-shadow: 0 0 20px rgba(34, 211, 238, .8); }
.vg-glass { background: rgba(255, 255, 255, .82); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.vg-gradient-text { background: linear-gradient(95deg, #fff 15%, var(--vg-cyan) 55%, #c7baff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vg-product-card { transition: transform .3s ease, box-shadow .3s ease; }
.vg-product-card:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(7, 17, 31, .12); }
.vg-product-card img { transition: transform .45s ease; }
.vg-product-card:hover img { transform: scale(1.05); }
.vg-chip { border: 1px solid rgba(7, 17, 31, .08); }
.vg-chip:hover, .vg-chip:focus { border-color: var(--vg-violet); color: var(--vg-violet); }
.vg-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,17,31,.98) 0%, rgba(7,17,31,.9) 37%, rgba(7,17,31,.15) 72%, rgba(7,17,31,.04) 100%); pointer-events: none; }
.vg-noise { background-image: radial-gradient(rgba(255,255,255,.14) .7px, transparent .7px); background-size: 8px 8px; }
.vg-entry-content > * { max-width: 760px; margin-left: auto; margin-right: auto; }
.vg-entry-content > .alignwide { max-width: 1180px; }
.vg-entry-content > .alignfull { max-width: none; }
.vg-entry-content a { color: var(--vg-violet); text-decoration: underline; }
.vg-entry-content img { border-radius: 1.25rem; }

/* WooCommerce alignment */
.woocommerce .woocommerce-breadcrumb { color: #64748b; font-size: .875rem; margin: 0 0 1.5rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--vg-violet); }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { background: #fff; border: 1px solid #e8eaf1; border-radius: 1.5rem; overflow: hidden; padding: .75rem .75rem 1.25rem; margin: 0 !important; width: auto !important; transition: transform .3s ease, box-shadow .3s ease; }
.woocommerce ul.products li.product:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(7,17,31,.1); }
.woocommerce ul.products li.product a img { border-radius: 1rem; margin: 0 0 1rem; aspect-ratio: 1; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--vg-ink); font-size: 1rem; font-weight: 700; padding: .25rem .25rem .5rem; }
.woocommerce ul.products li.product .price { color: var(--vg-violet); font-size: 1rem; font-weight: 800; padding: 0 .25rem; }
.woocommerce span.onsale { min-height: auto; min-width: auto; line-height: 1; background: var(--vg-coral); border-radius: 999px; padding: .5rem .75rem; margin: 1.15rem !important; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { background: var(--vg-ink); color: #fff; border-radius: 999px; font-weight: 700; padding: .85rem 1.2rem; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background: var(--vg-violet); color: #fff; }
.woocommerce div.product { background: #fff; border: 1px solid #e8eaf1; border-radius: 2rem; padding: clamp(1rem, 4vw, 3rem); overflow: hidden; }
.woocommerce div.product div.images img { border-radius: 1.25rem; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--vg-violet); font-weight: 900; }
.woocommerce div.product .product_title { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--vg-cyan); border-radius: 1rem; background: #fff; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--vg-violet); }
.woocommerce table.shop_table { border-radius: 1rem; overflow: hidden; background: #fff; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border: 1px solid #d8dce7; border-radius: .85rem; padding: .85rem 1rem; }

@media (max-width: 1024px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 782px) { body.admin-bar .vg-sticky { top: 46px; } }
@media (max-width: 640px) {
  .vg-hero::after { background: linear-gradient(90deg, rgba(7,17,31,.97), rgba(7,17,31,.76)); }
  .woocommerce ul.products { gap: .85rem; }
  .woocommerce ul.products li.product { border-radius: 1rem; padding: .5rem .5rem 1rem; }
}