/*
Theme Name: Voltique Appliances
Theme URI: https://example.com/voltique
Template: hello-elementor
Author: Voltique
Author URI: https://example.com
Description: SEO + performance optimized Elementor-compatible child theme for a Home Appliances WooCommerce store. Built on Hello Elementor for max page-speed.
Version: 1.0.0
Requires PHP: 7.4
Requires at least: 6.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voltique-appliances
Tags: e-commerce, woocommerce, elementor, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
  --vq-primary:#0a2540;
  --vq-accent:#ff6a3d;
  --vq-bg:#ffffff;
  --vq-muted:#f5f7fa;
  --vq-text:#1a1f2c;
  --vq-radius:14px;
  --vq-shadow:0 6px 24px rgba(10,37,64,.08);
}
body{font-family:'Inter',system-ui,sans-serif;color:var(--vq-text);background:var(--vq-bg);line-height:1.6;}
h1,h2,h3,h4{font-family:'Sora','Inter',sans-serif;letter-spacing:-.02em;color:var(--vq-primary);}
a{color:var(--vq-accent);text-decoration:none;transition:color .2s ease;}
a:hover{color:var(--vq-primary);}

/* Header */
.vq-header{background:#fff;box-shadow:var(--vq-shadow);position:sticky;top:0;z-index:100;}
.vq-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:18px 24px;}
.vq-logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vq-primary);}
.vq-logo span{color:var(--vq-accent);}
.vq-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;}
.vq-nav a{color:var(--vq-primary);font-weight:500;}
.vq-cart{display:flex;align-items:center;gap:8px;background:var(--vq-primary);color:#fff !important;padding:10px 18px;border-radius:var(--vq-radius);font-weight:600;}
.vq-cart:hover{background:var(--vq-accent);color:#fff !important;}

/* WooCommerce */
.woocommerce ul.products li.product{background:#fff;border-radius:var(--vq-radius);box-shadow:var(--vq-shadow);padding:18px;transition:transform .25s ease,box-shadow .25s ease;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(10,37,64,.12);}
.woocommerce ul.products li.product .price{color:var(--vq-primary);font-weight:700;}
.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce .button.alt{background:var(--vq-accent) !important;color:#fff !important;border-radius:var(--vq-radius) !important;padding:12px 22px !important;font-weight:600 !important;transition:background .2s ease;}
.woocommerce a.button:hover{background:var(--vq-primary) !important;}

/* Footer */
.vq-footer{background:var(--vq-primary);color:#cdd6e1;padding:60px 24px 24px;margin-top:80px;}
.vq-footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;}
.vq-footer h4{color:#fff;margin-bottom:14px;}
.vq-footer a{color:#cdd6e1;}
.vq-footer a:hover{color:var(--vq-accent);}
.vq-footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:.9rem;}

/* Accessibility */
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:8px;top:8px;background:#fff;padding:10px;z-index:9999;}

/* ---- Hamburger button (hidden on desktop) ---- */
.vq-menu-toggle{
  display:none;
  background:none;border:none;cursor:pointer;padding:8px;
  margin-left:12px;z-index:201;
  flex-direction:column;justify-content:center;align-items:center;
  gap:5px;width:40px;height:40px;border-radius:8px;
  transition:background .2s;
}
.vq-menu-toggle:hover{background:var(--vq-muted);}
.vq-hamburger,
.vq-hamburger::before,
.vq-hamburger::after{
  display:block;width:22px;height:2px;
  background:var(--vq-primary);border-radius:2px;
  transition:transform .3s ease, opacity .2s ease;
}
.vq-hamburger{position:relative;}
.vq-hamburger::before,
.vq-hamburger::after{content:'';position:absolute;left:0;}
.vq-hamburger::before{top:-6px;}
.vq-hamburger::after{top:6px;}

/* open state — animate to X */
.vq-menu-toggle[aria-expanded="true"] .vq-hamburger{background:transparent;}
.vq-menu-toggle[aria-expanded="true"] .vq-hamburger::before{transform:translateY(6px) rotate(45deg);}
.vq-menu-toggle[aria-expanded="true"] .vq-hamburger::after{transform:translateY(-6px) rotate(-45deg);}

/* ---- Mobile drawer ---- */
.vq-mobile-menu{
  display:none; /* JS toggles to block */
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:var(--vq-bg);z-index:200;
  padding:80px 28px 40px;
  overflow-y:auto;
  animation:vqSlideIn .25s ease;
}
@keyframes vqSlideIn{
  from{opacity:0;transform:translateY(-12px);}
  to{opacity:1;transform:translateY(0);}
}
.vq-mobile-menu.is-open{display:block;}

.vq-mobile-menu nav ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:0;
}
.vq-mobile-menu nav ul li a{
  display:block;padding:16px 0;
  font-size:1.25rem;font-weight:600;color:var(--vq-primary);
  border-bottom:1px solid var(--vq-muted);
  transition:color .2s;
}
.vq-mobile-menu nav ul li a:hover{color:var(--vq-accent);}

/* sub-menus */
.vq-mobile-menu nav ul ul{padding-left:20px;}
.vq-mobile-menu nav ul ul a{font-size:1rem;font-weight:500;padding:10px 0;}

.vq-mobile-cart{
  margin-top:28px;display:inline-flex;
}

/* ---- Responsive breakpoints ---- */
@media (max-width:768px){
  .vq-nav{display:none;}
  .vq-header-inner > .vq-cart{display:none;} /* shown inside drawer instead */
  .vq-menu-toggle{display:flex;}
}

.home .page-header {
  display: none;
}