/* C4C 2026 visual upgrade for the existing CodeIgniter storefront.
   Presentation-only: retains existing routes, templates, JS handlers and forms. */
:root{--c4c-navy:#082c59;--c4c-blue:#1264b0;--c4c-orange:#f36b21;--c4c-ink:#142b45;--c4c-muted:#60738b;--c4c-line:#dce7f2;--c4c-soft:#f4f8fc;--theme-deafult:#f36b21}
html{scroll-behavior:smooth}body{color:var(--c4c-ink);font-family:Lato,Arial,sans-serif;background:#fff}a{transition:color .2s ease}a:hover{color:var(--c4c-orange)}
/* Original navigation and all links remain untouched. */
.top-header{background:#f2f7fc!important;border-bottom:1px solid var(--c4c-line)!important}.top-header .header-contact li,.top-header a{color:var(--c4c-navy)}
header,.header-type-1,.header-type-2{background:#fff}.main-menu{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px}.main-menu .menu-left{display:flex;align-items:center;min-width:0}.main-menu .brand-logo a img{max-width:260px;width:auto;height:auto;max-height:66px;object-fit:contain;margin:0!important}.main-menu #main-menu>li>a{color:var(--c4c-navy);font-weight:800;letter-spacing:.015em;font-size:13px}.main-menu #main-menu>li>a:hover{color:var(--c4c-orange)}.main-menu .menu-right{margin-left:auto}
header .bar-style,header .toggle-nav{color:var(--c4c-navy)}.main-menu .menu-right .icon-nav{display:flex;align-items:center}
/* Consistent buttons and form fields without changing submission behavior. */
.btn-solid,.btn-outline:hover,.btn-primary,.btn-theme,.theme-button{border-radius:9px!important;box-shadow:0 5px 13px rgba(243,107,33,.12)}.btn-solid,.btn-primary,.btn-theme{background:var(--c4c-orange)!important;border-color:var(--c4c-orange)!important;color:#fff!important}.btn-solid:hover,.btn-primary:hover,.btn-theme:hover{background:#d9530c!important;border-color:#d9530c!important}.btn-outline{border-radius:9px!important}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],select,textarea,.form-control{border-radius:8px;border-color:#d3e0ed}input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--c4c-blue)!important;box-shadow:0 0 0 3px rgba(18,100,176,.1)!important}
/* Cards and catalog surfaces. Keep product/cart action elements intact. */
.product-box,.product-wrap,.collection-product-wrapper .product-box,.service-box,.blog-details,.category-block,.service-block,.feature-block,.collection-banner{border-radius:12px;overflow:hidden}.product-box,.product-wrap{transition:box-shadow .2s ease,transform .2s ease}.product-box:hover,.product-wrap:hover{box-shadow:0 12px 28px rgba(8,44,89,.1);transform:translateY(-2px)}.product-box img,.product-wrap img{max-width:100%}
.title1 h2,.title2 h2,.title3 h2,.title4 h2,.section-title h2,h1,h2{color:var(--c4c-navy)}.title1 .title-inner1:after,.title2 .title-inner2:after{background:var(--c4c-orange)}.breadcrumb-section{background:var(--c4c-soft);border-top:1px solid var(--c4c-line);border-bottom:1px solid var(--c4c-line)}.breadcrumb-section h2{color:var(--c4c-navy)}
/* Footer shares current C4C navy, white and orange identity. */
.footer-light,.footer-theme{background:#f6f9fc}.footer-light .sub-footer,.sub-footer{border-top:1px solid var(--c4c-line)}.footer-theme .footer-title h4,.footer-theme h4{color:var(--c4c-navy)}.footer-theme a:hover,.footer-light a:hover{color:var(--c4c-orange)}.footer-cta-light{border-top:1px solid var(--c4c-line);background:var(--c4c-soft)}.footer-cta-light .cta-card{border:1px solid var(--c4c-line);box-shadow:0 3px 14px rgba(8,44,89,.035)}.footer-cta-light .cta-card:hover{border-color:#b5d2ee;box-shadow:0 10px 24px rgba(8,44,89,.1)}
/* Preserve existing desktop menus, improve compact widths. */
@media(min-width:992px){.main-menu #main-menu{display:flex;align-items:center;gap:4px}.main-menu #main-menu>li>a{padding-left:10px;padding-right:10px}.main-menu .menu-left .navbar{padding-left:0}}
@media(max-width:991px){.main-menu{min-height:70px;flex-wrap:nowrap}.main-menu .brand-logo a img{max-width:200px;max-height:52px}.main-menu .menu-right{min-width:0}.footer-cta-light .cta-card{min-width:220px}.product-box:hover,.product-wrap:hover{transform:none}}
@media(max-width:575px){.main-menu{min-height:62px;gap:7px}.main-menu .brand-logo a img{max-width:155px;max-height:44px}.main-menu .menu-left{gap:4px}.main-menu .menu-right .icon-nav>ul{display:flex;gap:4px}.main-menu .menu-right .icon-nav>ul>li{margin:0 3px}.container{padding-left:14px;padding-right:14px}.breadcrumb-section{padding:20px 0}.footer-cta-light .cta-card{min-width:0;width:100%}.footer-cta-actions{gap:9px}h1{font-size:clamp(25px,7vw,36px)}h2{font-size:clamp(22px,6vw,31px)}}