/*
Theme Name: 3G HOPPE Child
Description: Elementor Theme Builder öncelikli 3G katalog child theme.
Author: 3G Aksesuar
Template: hello-elementor
Version: 1.0.3
Text Domain: threeg-hoppe-child
*/

/* ==========================================================
   3G anti-boxed rescue layer
   ----------------------------------------------------------
   Hello Elementor ve Elementor container ayarları bazen ana
   içeriği 1140px/boxed içine alıyor. Header/footer içindeki
   bilinçli container yapısına dokunmadan, sadece ana içerik
   alanını tam genişlikte tutar.
========================================================== */
html,
body{
	width:100%;
	max-width:none;
	overflow-x:clip;
}
body.threeg-hoppe-wordpress #content,
body.threeg-hoppe-wordpress .site-main,
body.threeg-hoppe-wordpress .ucg-full-width-main{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
body.threeg-hoppe-wordpress .site-main > .page-content,
body.threeg-hoppe-wordpress .site-main > .entry-content,
body.threeg-hoppe-wordpress .site-main > .elementor,
body.threeg-hoppe-wordpress .site-main .elementor[data-elementor-type="wp-page"],
body.threeg-hoppe-wordpress .site-main .elementor[data-elementor-type="single-page"],
body.threeg-hoppe-wordpress .site-main .elementor-widget-container,
body.threeg-hoppe-wordpress .site-main .hoppe-elementor-shell{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
body.threeg-hoppe-wordpress .site-main .elementor-section.elementor-section-boxed > .elementor-container,
body.threeg-hoppe-wordpress .site-main .e-con,
body.threeg-hoppe-wordpress .site-main .e-con.e-con-boxed > .e-con-inner,
body.threeg-hoppe-wordpress .site-main .elementor-widget-wrap{
	width:100% !important;
	max-width:none !important;
	--container-max-width:none !important;
	--content-width:100% !important;
}
body.threeg-hoppe-wordpress .site-main .elementor-section.elementor-section-boxed,
body.threeg-hoppe-wordpress .site-main .elementor-section.elementor-section-full_width{
	width:100% !important;
	max-width:none !important;
}
body.threeg-hoppe-wordpress .site-main .elementor-column-gap-default > .elementor-column > .elementor-element-populated{
	padding-left:0;
	padding-right:0;
}



/* ==========================================================
   3G lightweight fallback header/footer styles
   ----------------------------------------------------------
   Plugin catalogue CSS is now loaded only on catalogue surfaces.
   These small rules keep fallback header/footer usable on regular
   pages without forcing the full catalogue stylesheet globally.
========================================================== */
:root{--ucg-navy:#0b2946;--ucg-red:#e30613;--ucg-line:#d7e1ea;--ucg-muted:#667085}
.ucg-fallback-header-footer-active .container{max-width:1220px;margin:auto;padding:0 24px}
.ucg-fallback-header-footer-active .topbar{background:#061b2f;color:#d8e7f4;font-size:13px}
.ucg-fallback-header-footer-active .topbar .container{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ucg-fallback-header-footer-active .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(16,24,40,.08)}
.ucg-fallback-header-footer-active .navbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.ucg-fallback-header-footer-active .brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.02em;text-decoration:none;color:inherit}
.ucg-fallback-header-footer-active .brand-mark{width:44px;height:44px;border-radius:8px;background:linear-gradient(145deg,var(--ucg-navy),#06213a);display:grid;place-items:center;color:#fff}.ucg-fallback-header-footer-active .brand-mark:before{content:'3G';font-size:17px}.ucg-fallback-header-footer-active .brand small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ucg-muted);font-weight:700;margin-top:1px}
.ucg-fallback-header-footer-active .nav-links{display:flex;gap:22px;font-size:15px;align-items:center}.ucg-fallback-header-footer-active .nav-links a,.ucg-fallback-header-footer-active .nav-product-trigger{color:#253347;font-weight:700;text-decoration:none}.ucg-fallback-header-footer-active .nav-product-trigger{border:0;background:transparent;padding:0;cursor:pointer}.ucg-fallback-header-footer-active .nav-item{position:relative}.ucg-fallback-header-footer-active .nav-mega{display:none}.ucg-fallback-header-footer-active .nav-item:hover .nav-mega,.ucg-fallback-header-footer-active .nav-item:focus-within .nav-mega,.ucg-fallback-header-footer-active .nav-products.is-open .nav-mega{display:block;position:absolute;left:50%;top:100%;width:min(960px,calc(100vw - 48px));transform:translateX(-50%);background:#fff;border:1px solid var(--ucg-line);border-radius:14px;box-shadow:0 18px 45px rgba(12,34,56,.15);padding:24px;z-index:160}.ucg-fallback-header-footer-active .nav-mega-inner{display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:18px}.ucg-fallback-header-footer-active .mega-column a{display:block;margin:7px 0}.ucg-fallback-header-footer-active .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none}.ucg-fallback-header-footer-active .btn-primary{background:var(--ucg-red);color:#fff}.ucg-fallback-header-footer-active .mobile-toggle{display:none}.ucg-fallback-header-footer-active .mobile-menu[hidden]{display:none}
.ucg-fallback-header-footer-active .footer{background:#061b2f;color:#d7e4ef;padding:54px 0 22px}.ucg-fallback-header-footer-active .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:22px}.ucg-fallback-header-footer-active .footer a{display:block;margin:7px 0;color:#d7e4ef;text-decoration:none}.ucg-fallback-header-footer-active .footer h4{color:white;margin:0 0 10px}.ucg-fallback-header-footer-active .footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;font-size:13px;color:#aebfd0}
@media(max-width:1080px){.ucg-fallback-header-footer-active .nav-links{display:none}.ucg-fallback-header-footer-active .mobile-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(16,24,40,.11);border-radius:999px;background:#fff;color:var(--ucg-navy);font-size:22px}.ucg-fallback-header-footer-active .actions .btn-primary{display:none}.ucg-fallback-header-footer-active .mobile-menu{position:fixed;inset:0;z-index:180;background:rgba(6,27,47,.42);display:flex;justify-content:flex-end}.ucg-fallback-header-footer-active .mobile-menu-panel{width:min(100%,390px);height:100%;background:#fff;box-shadow:-24px 0 60px rgba(6,27,47,.22);display:flex;flex-direction:column;padding:18px 20px 24px;overflow:auto}.ucg-fallback-header-footer-active .mobile-menu-nav{display:grid;gap:6px;padding:18px 0}.ucg-fallback-header-footer-active .mobile-menu-nav a,.ucg-fallback-header-footer-active .mobile-menu-nav summary{min-height:46px;color:#10243b;font-weight:900;text-decoration:none}.ucg-fallback-header-footer-active .footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ucg-fallback-header-footer-active .topbar .container span:last-child{display:none}.ucg-fallback-header-footer-active .footer-grid{grid-template-columns:1fr}.ucg-fallback-header-footer-active .footer-bottom{display:block}.ucg-fallback-header-footer-active .mobile-menu-panel{width:100%}}