/*
Theme Name: GAN Commerce 2.0 Modern Theme
Theme URI: https://gandigitalsolutions.com/
Author: Gan Digital Solutions
Description: Compact responsive GAN Commerce theme with editable colors and typography, centered desktop navigation, custom logo handling and centered footer.
Version: 1.2.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: gan-commerce-elegant
*/
:root{--gce2-header-bg:#111;--gce2-header-text:#fff;--gce2-body-bg:#fff;--gce2-body-text:#111;--gce2-accent:#111;--gce2-accent-text:#fff;--gce2-border:#e8e8e8;--gce2-footer-bg:#fff;--gce2-muted:#666;--gce2-font:Inter;--gce2-heading-weight:600}
html,body{margin:0!important;padding:0!important;background:var(--gce2-body-bg);color:var(--gce2-body-text)}
*,*:before,*:after{box-sizing:border-box}
body.gce2-body{font-family:var(--gce2-font),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
.gce2-site{min-height:100vh;display:flex;flex-direction:column;margin:0!important;padding:0!important}
.gce2-header{position:relative!important;width:100%!important;height:66px!important;min-height:66px!important;margin:0!important;padding:8px 0!important;background:transparent!important;border:0!important;z-index:9999!important}
.gce2-header-bar{position:relative;height:50px;max-width:1180px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--gce2-header-bg)!important;color:var(--gce2-header-text)!important;border-radius:25px!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important}
.gce2-logo{min-width:0;display:flex;align-items:center;justify-content:flex-start;height:100%}
.gce2-logo-link{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;max-width:220px;height:100%;text-decoration:none!important;color:var(--gce2-header-text)!important}
.gce2-logo-image{display:block!important;width:auto!important;max-width:165px!important;max-height:32px!important;height:auto!important;object-fit:contain!important}
.gce2-logo-text{font-size:16px;font-weight:600;white-space:nowrap;color:var(--gce2-header-text)!important}
.gce2-nav{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:100%!important}
.gce2-menu{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;list-style:none!important;margin:0!important;padding:0!important}
.gce2-menu li{list-style:none!important;margin:0!important;padding:0!important}
.gce2-menu a{display:block!important;color:var(--gce2-header-text)!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important;line-height:1!important;padding:8px 0!important;white-space:nowrap!important}
.gce2-menu a:hover{opacity:.7}
.gce2-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;height:100%!important}
.gce2-tool{width:31px!important;height:31px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--gce2-header-text)!important;text-decoration:none!important;border-radius:50%!important}
.gce2-tool:hover{background:rgba(255,255,255,.12)!important}
.gce2-tool svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.gce2-header-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:31px!important;padding:0 13px!important;border-radius:16px!important;background:var(--gce2-accent)!important;color:var(--gce2-accent-text)!important;border:1px solid rgba(255,255,255,.18)!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important}
.gce2-mobile-toggle{display:none!important}
.gce2-mobile-panel{display:none}
.gce2-main{flex:1;width:100%!important;margin:0!important;padding:0!important}
.gce2-main>*:first-child{margin-top:0!important}
.gce2-footer{min-height:46px!important;margin:0!important;padding:10px 12px!important;border-top:1px solid var(--gce2-border)!important;background:var(--gce2-footer-bg)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.gce2-footer-copy{margin:0!important;padding:0!important;font-size:11px!important;line-height:1.3!important;color:var(--gce2-muted)!important;text-align:center!important}
.gce2-body .site,.gce2-body .site-content,.gce2-body .content-area,.gce2-body .page-content,.gce2-body .entry-content{margin-top:0!important;padding-top:0!important}
.gce2-body .elementor,.gce2-body .elementor-page,.gce2-body .elementor-section-wrap{margin-top:0!important;padding-top:0!important}
button,input[type=button],input[type=submit],.wp-element-button{font-family:inherit}
body.home .gce2-main{width:calc(100% - 28px)!important;max-width:1400px!important;margin:0 auto!important;padding:0!important;border:1px solid var(--gce2-border)!important;border-radius:12px!important;overflow:hidden!important;background:var(--gce2-body-bg)!important}
body.home .gce2-main>*:first-child{margin-top:0!important;padding-top:0!important}
@media(max-width:1024px){
 .gce2-header{height:62px!important;min-height:62px!important;padding:6px 0!important}
 .gce2-header-bar{height:50px;max-width:calc(100% - 20px);padding:0 12px;border-radius:25px!important;grid-template-columns:42px 1fr 96px;gap:5px}
 .gce2-logo{grid-column:2;justify-content:center}
 .gce2-nav{display:none!important}
 .gce2-mobile-toggle{display:flex!important;grid-column:1;grid-row:1;border:0!important;background:transparent!important;color:var(--gce2-header-text)!important;padding:6px!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;cursor:pointer!important}
 .gce2-mobile-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}
 .gce2-tools{grid-column:3;grid-row:1;gap:2px!important}
 .gce2-header-button{display:none!important}
 .gce2-tool{width:30px!important;height:30px!important}
 .gce2-logo-image{max-width:145px!important;max-height:30px!important}
 .gce2-mobile-panel{position:absolute;top:58px;left:10px;right:10px;background:var(--gce2-header-bg);color:var(--gce2-header-text);border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(0,0,0,.16);padding:8px 14px;z-index:10000}
 .gce2-mobile-panel.is-open{display:block!important}
 .gce2-mobile-menu{display:flex!important;flex-direction:column!important;list-style:none!important;margin:0!important;padding:0!important}
 .gce2-mobile-menu li{list-style:none!important;margin:0!important}
 .gce2-mobile-menu a{display:block!important;padding:11px 2px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:var(--gce2-header-text)!important;text-decoration:none!important;font-size:13px!important}
}
@media(max-width:800px){
 .gce2-header{height:60px!important;min-height:60px!important;padding:5px 0!important}
 .gce2-header-bar{height:50px;max-width:calc(100% - 16px);padding:0 9px;border-radius:25px!important;grid-template-columns:38px 1fr 94px;gap:3px}
 .gce2-logo-image{max-width:132px!important;max-height:28px!important}
 .gce2-logo-text{font-size:15px!important}
 .gce2-tool{width:29px!important;height:29px!important}
 .gce2-tool svg{width:19px!important;height:19px!important}
 .gce2-footer{min-height:42px!important;padding:9px 10px!important}
 .gce2-footer-copy{font-size:10px!important}
 body.home .gce2-main{width:calc(100% - 16px)!important;border-radius:10px!important}
}