/* Hafi Max hybrid — small overrides on top of Laravel's styles.css. The Laravel stylesheet already provides all of: .topbar, .site-header, .header-grid, .header-categories, .header-icons, .header-search, .header-nav, .header-meta, .site-footer. We only patch in: 1) hybrid body font (in case styles.css doesn't reach ) 2) cart count badge on the .icon-square (.bag) link 3) generic page wrapper used by index.php for misc WP pages */ body.hafimax-hybrid { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; background: #fff; color: #1f1f1f; } /* Cart count badge sits on the bag icon-square in the .header-icons block */ .site-header .hafimax-cart-link { position: relative; } .site-header .hafimax-cart-count { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 6px; background: #b91c1c; color: #fff; border-radius: 10px; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .site-header .hafimax-cart-count[data-count="0"] { display: none; } .hafimax-main { min-height: 60vh; } /* Generic page shell (used by index.php for pages, archives, search, 404…) — matches Laravel's .section-pad + .content-shell math exactly. */ .hafimax-page-shell { width: min(80vw, 1600px); margin: 0 auto; padding: 56px 0 64px; color: #1f1f1f; } @media (max-width: 1199.98px) { .hafimax-page-shell { width: 92%; } } @media (max-width: 767.98px) { .hafimax-page-shell { width: calc(100% - 24px); padding: 36px 0 48px; } } .hafimax-page-shell .hafimax-page-head { margin-bottom: 24px; } .hafimax-page-shell .hafimax-page-title { font-size: clamp(1.75rem, 3vw, 2.2rem); font-weight: 700; letter-spacing: -.01em; margin: 0 0 .35rem; color: #111; } .hafimax-page-shell .hafimax-page-content { font-size: 15px; line-height: 1.65; color: #333; } .hafimax-page-shell .hafimax-page-content p { margin: 0 0 1em; } .hafimax-page-shell .hafimax-page-content a { color: #0f7cc7; } .hafimax-page-shell .hafimax-page-article + .hafimax-page-article { margin-top: 32px; padding-top: 32px; border-top: 1px solid #eee; } /* WooCommerce shop / cart / checkout / account inherit the same content-shell math */ .hafimax-main .woocommerce { width: min(80vw, 1600px); margin: 0 auto; padding: 56px 0 64px; } @media (max-width: 1199.98px) { .hafimax-main .woocommerce { width: 92%; } } @media (max-width: 767.98px) { .hafimax-main .woocommerce { width: calc(100% - 24px); padding: 36px 0 48px; } }