/*
Theme Name: Sagar Aluminium
Theme URI: https://sagaraluminiumextrusion.com
Author: Sagar Aluminium Extrusion Private Limited
Description: Lightweight, zero-bloat B2B theme for Sagar Aluminium Extrusion Pvt. Ltd., Rajkot. Tailwind CDN, Lucide icons, built-in RFQ and catalog lead forms.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sagar-aluminium
*/

:root{--brand-green:#92ca61;--brand-black:#000000;--charcoal:#18181B;--surface:#F8FAFC}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{font-family:'Baloo Bhai Original',system-ui,sans-serif;color:var(--charcoal);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{letter-spacing:-.02em}
main:focus{outline:none}
/* Icons are inline SVG, so they never shift the layout */
svg[aria-hidden="true"]{flex-shrink:0}
:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px}
.skip-link{position:absolute;left:-999px;top:0;background:var(--brand-green);color:#000;padding:.75rem 1rem;font-weight:800;z-index:100}
.skip-link:focus{left:0}

/* Navigation (works with wp_nav_menu and the fallback) */
.sagar-nav a{display:block;padding:.5rem .75rem;font-weight:600;font-size:.9rem;color:var(--charcoal);border-bottom:3px solid transparent;transition:border-color .15s,color .15s}
.sagar-nav a:hover,.sagar-nav .current-menu-item>a,.sagar-nav .current_page_item>a{border-bottom-color:var(--brand-green);color:#000}
.sagar-nav ul{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}
@media(max-width:1023px){.sagar-nav ul{flex-direction:column;gap:0}.sagar-nav a{padding:.85rem 0;min-height:44px;border-bottom:1px solid #e5e7eb}}
#mobile-nav{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* Buttons */
.btn-green{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;background:var(--brand-green);color:#000;font-weight:800;padding:.8rem 1.4rem;transition:background .15s,transform .15s}
.btn-green:hover{background:#a6d97a}
.btn-green:active{transform:translateY(1px)}
.btn-outline-light{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;border:2px solid #fff;color:#fff;font-weight:700;padding:.7rem 1.35rem;transition:background .15s,color .15s}
.btn-outline-light:hover{background:#fff;color:#000}

/* Forms */
.field{width:100%;min-height:44px;border:1.5px solid #d4d4d8;background:#fff;padding:.75rem .9rem;font-size:.95rem;color:#18181B}
.field:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(146,202,97,.35)}
.field-label{display:block;font-size:.8rem;font-weight:700;margin-bottom:.3rem;color:#18181B}
.hp-field{position:absolute;left:-9999px;height:0;overflow:hidden}

/* Data table */
.alloy-table th{background:#000;color:#fff;text-align:left;padding:.85rem 1rem;font-size:.8rem;white-space:nowrap}
.alloy-table th:first-child{box-shadow:inset 4px 0 0 var(--brand-green)}
.alloy-table td{padding:.85rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.9rem;vertical-align:top}
.alloy-table tbody tr:hover{background:#f4faee}
.alloy-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%;
  background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) left center/40px 100% no-repeat local,
             linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,
             linear-gradient(to right,rgba(0,0,0,.18),rgba(0,0,0,0)) left center/14px 100% no-repeat scroll,
             linear-gradient(to left,rgba(0,0,0,.18),rgba(0,0,0,0)) right center/14px 100% no-repeat scroll,#fff}
.alloy-scroll:focus-visible{outline-offset:-3px}
.alloy-table td{background:transparent}
@media(max-width:767px){
  .alloy-table th:first-child,.alloy-table td:first-child{position:sticky;left:0;z-index:1;min-width:7.5rem}
  .alloy-table td:first-child{background:#fff}
  .alloy-table tbody tr:hover td:first-child{background:#f4faee}
  .alloy-table th:first-child{background:#000}
}
.alloy-table td:first-child{font-weight:800;color:#000}

/* Product filter tabs */
.filter-tab{min-height:44px;padding:.6rem 1rem;font-weight:700;font-size:.85rem;border:1.5px solid #d4d4d8;background:#fff;cursor:pointer;transition:background .15s,border-color .15s}
.filter-tab:hover{border-color:var(--brand-green)}
.filter-tab.is-active{background:var(--brand-green);border-color:var(--brand-green);color:#000}

/* WhatsApp widget tooltip */
.wa-wrap.fixed{bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}
.wa-wrap .wa-tip{opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .15s,transform .15s}
.wa-wrap:hover .wa-tip,.wa-wrap:focus-within .wa-tip{opacity:1;transform:none}

.sagar-footer-links a,footer li>a{display:inline-block;padding:.3rem 0}

/* Generic page/post content (index.php fallback) */
.entry-content>*+*{margin-top:1rem}
.entry-content h2{font-size:1.6rem;font-weight:800;color:#000;margin-top:2rem}
.entry-content h3{font-size:1.25rem;font-weight:700;color:#000;margin-top:1.5rem}
.entry-content ul{list-style:disc;padding-left:1.25rem}
.entry-content ol{list-style:decimal;padding-left:1.25rem}
.entry-content a{color:#000;border-bottom:2px solid var(--brand-green)}
.entry-content img{max-width:100%;height:auto}
.nav-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}
.nav-links .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #d4d4d8;font-weight:700}
.nav-links .page-numbers.current{background:var(--brand-green);border-color:var(--brand-green)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;animation:none!important}}

@font-face {
    font-family: 'Baloo Bhai Original';
    src: url('font/baloobhai.woff2') format('woff2');
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

body, p, input, select, textarea, li, span, a, strong, dt, dd, th, td, label,
h1, h2, h3, h4, h5, h6, .font-heading, .font-display, .font-sans, nav a, button, .btn {
    font-family: 'Baloo Bhai Original', system-ui, sans-serif !important;
}

/* Mobile and speed pass */
.btn-whatsapp{background:#25D366}
.filter-row{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.filter-row::-webkit-scrollbar{display:none}
.filter-tab{flex:none;white-space:nowrap}
.catalog-grid{display:grid;gap:2.5rem}@media(min-width:640px){.catalog-grid{grid-template-columns:1fr 1fr}}
.catalog-card img{width:100%;max-width:300px;height:auto;border:1px solid #e5e7eb}.catalog-card h2{margin-top:1rem}