﻿/*
Theme Name:   Astra Child
Description:  Child theme for Astra. Houses the Ohm Murugha Electrical design system and the
              catalog-only WhatsApp quote mode (no prices, no cart). Migrated out of
              Customizer > Additional CSS and the WPCode snippet into real files.
Author:       Ohm Murugha Electrical
Template:     astra
Version:      1.0.0
Text Domain:  astra-child
*/

/* ---------------------------------------------------------------------------
   Design system. Migrated verbatim from Customizer > Additional CSS.
   Only change from the original: the Google Fonts @import was removed and is
   now enqueued properly in functions.php (@import must be first in a file and
   is render-blocking).
   --------------------------------------------------------------------------- */
:root{--ome-teal:#18EBA2;--ome-teal-dark:#0FBF83;--ome-orange:#E8860C;--ome-orange-dark:#C96F08;--ome-navy:#0F1B2B;--ome-navy-soft:#16273B;--ome-ink:#1B2733;--ome-ink-soft:#4A5A6A;--ome-bg:#F7F9FA;--ome-bg-card:#FFFFFF;--ome-line:#DDE3E7;--ome-font-display:'Space Grotesk', sans-serif;--ome-font-body:'Inter', sans-serif;--ome-font-mono:'IBM Plex Mono', monospace;--ome-radius:6px;--ome-shadow:0 2px 10px rgba(15, 27, 43, 0.08);--ome-shadow-hover:0 8px 24px rgba(15, 27, 43, 0.14)}
body,p,li,a,span,input,textarea{font-family:var(--ome-font-body);color:var(--ome-ink)}
h1,h2,h3,h4,h5,.entry-title,.site-title,.product_title,.ast-woo-shop-archive-title{font-family:var(--ome-font-display);font-weight:700;color:var(--ome-navy);letter-spacing:-.01em}
h1{font-size:clamp(2rem, 4vw, 3rem);line-height:1.1}
h2{font-size:clamp(1.5rem, 3vw, 2.2rem);line-height:1.2}
h3{font-size:1.25rem;line-height:1.3}
.sku,.price,.ome-badge,.ome-part-number,.ome-stat-number{font-family:var(--ome-font-mono);letter-spacing:.01em}
a{color:var(--ome-teal-dark);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--ome-orange)}
a:focus-visible,button:focus-visible,.button:focus-visible{outline:2px solid var(--ome-orange);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
}
body{background:var(--ome-bg)}
.ome-topbar{background:var(--ome-navy);color:#C9D4DC;font-family:var(--ome-font-mono);font-size:.8rem;padding:6px 0;letter-spacing:.02em}
.ome-topbar a{color:#C9D4DC}
.ome-topbar a:hover{color:var(--ome-teal)}
.ome-topbar span{margin-right:24px}
.site-header,.main-header-bar{background:#FFFFFF!important;border-bottom:1px solid var(--ome-line)}
.main-header-bar.sticky-header-active{box-shadow:var(--ome-shadow)}
.main-navigation .menu-item>a{font-family:var(--ome-font-display);font-weight:600;font-size:.95rem;color:var(--ome-navy);text-transform:uppercase;letter-spacing:.03em}
.main-navigation .menu-item>a:hover,.main-navigation .current-menu-item>a{color:var(--ome-teal-dark)}
.button,.ast-button,.elementor-button,.woocommerce a.button,.woocommerce button.button{font-family:var(--ome-font-display);font-weight:600;border-radius:var(--ome-radius);padding:12px 24px;text-transform:uppercase;font-size:.85rem;letter-spacing:.03em;transition:transform .15s ease,box-shadow .15s ease}
.button:hover,.ast-button:hover,.elementor-button:hover{transform:translateY(-2px);box-shadow:var(--ome-shadow-hover)}
.ome-whatsapp-btn,.ome-cta-primary{background:var(--ome-orange)!important;color:#fff!important;border:none}
.ome-whatsapp-btn:hover,.ome-cta-primary:hover{background:var(--ome-orange-dark)!important}
.ome-cta-secondary{background:transparent!important;color:var(--ome-navy)!important;border:2px solid var(--ome-navy)!important}
.ome-cta-secondary:hover{background:var(--ome-navy)!important;color:#fff!important}
.ome-section-title{position:relative;padding-bottom:22px;margin-bottom:40px}
.ome-section-title::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:2px;background-image:linear-gradient(90deg,var(--ome-teal) 0 6px,transparent 6px 12px);background-size:12px 2px;background-repeat:repeat-x}
.ome-section-title::before{content:"";position:absolute;left:0;bottom:-3px;width:8px;height:8px;border-radius:50%;background:var(--ome-teal);box-shadow:0 0 0 3px rgb(24 235 162 / .18)}
.ome-card,.ast-shop-grid .product,.woocommerce ul.products li.product{position:relative;background:var(--ome-bg-card);border:1px solid var(--ome-line);border-radius:var(--ome-radius);box-shadow:var(--ome-shadow);transition:box-shadow .2s ease,transform .2s ease;overflow:hidden}
.ome-card::before,.ast-shop-grid .product::before,.woocommerce ul.products li.product::before{content:"";position:absolute;top:10px;left:10px;width:7px;height:7px;border-radius:50%;background:var(--ome-teal);z-index:2}
.ome-card:hover,.ast-shop-grid .product:hover,.woocommerce ul.products li.product:hover{box-shadow:var(--ome-shadow-hover);transform:translateY(-3px)}
.ome-hero{background:linear-gradient(135deg,var(--ome-navy) 0%,var(--ome-navy-soft) 100%);padding:90px 0;color:#fff}
.ome-hero-eyebrow{font-family:var(--ome-font-mono);color:var(--ome-teal);text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;margin-bottom:14px}
.ome-hero h1{color:#fff}
.ome-hero h1 em{color:var(--ome-teal);font-style:normal}
.ome-hero p{color:#C9D4DC;font-size:1.1rem;max-width:560px}
.ome-hero-ctas{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}
.ome-trust-strip{background:var(--ome-bg-card);border-bottom:1px solid var(--ome-line);padding:28px 0}
.ome-trust-item{text-align:center}
.ome-stat-number{font-size:1.6rem;font-weight:700;color:var(--ome-navy);display:block}
.ome-trust-item span.label{font-family:var(--ome-font-body);font-size:.8rem;color:var(--ome-ink-soft);text-transform:uppercase;letter-spacing:.04em}
.ome-category-card{padding:24px;text-align:left}
.ome-category-card h3{margin-bottom:4px}
.ome-category-card .ome-count{font-family:var(--ome-font-mono);font-size:.8rem;color:var(--ome-teal-dark);background:rgb(24 235 162 / .1);display:inline-block;padding:2px 8px;border-radius:20px;margin-bottom:10px}
.ome-brand-strip{background:var(--ome-navy);padding:20px 0;overflow:hidden}
.ome-brand-strip .track{display:flex;gap:48px;animation:ome-scroll 28s linear infinite;white-space:nowrap}
.ome-brand-strip span{font-family:var(--ome-font-display);font-weight:600;color:#6B7A8A;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}
@keyframes ome-scroll{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.woocommerce ul.products li.product{padding:16px}
.woocommerce ul.products li.product img{border-radius:4px;margin-bottom:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--ome-font-display);font-size:.95rem;font-weight:600;color:var(--ome-navy)}
.ome-instock{font-family:var(--ome-font-mono);font-size:.75rem;background:rgb(24 235 162 / .12);color:var(--ome-teal-dark);padding:3px 8px;border-radius:20px;display:inline-block}
.ome-benefit-card{text-align:left;padding:20px 0}
.ome-benefit-card .icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgb(232 134 12 / .1);border-radius:var(--ome-radius);font-size:1.3rem;margin-bottom:14px}
.ome-store-block{background:var(--ome-bg-card);border:1px solid var(--ome-line);border-radius:var(--ome-radius);padding:32px}
.ome-store-block .row{display:flex;gap:14px;margin-bottom:16px}
.ome-store-block .row strong{font-family:var(--ome-font-display);display:block}
.site-footer,footer.site-footer{background:var(--ome-navy)!important;color:#B7C3CE;padding-top:60px}
.site-footer h4,.site-footer h5{font-family:var(--ome-font-display);color:#fff;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;margin-bottom:16px}
.site-footer a{color:#B7C3CE}
.site-footer a:hover{color:var(--ome-teal)}
.site-footer .footer-bottom{border-top:1px solid rgb(255 255 255 / .1);margin-top:40px;padding:18px 0;font-family:var(--ome-font-mono);font-size:.75rem;color:#7A8A99}
@media (max-width:768px){.ome-hero{padding:56px 0;text-align:center}
.ome-hero p{margin-left:auto;margin-right:auto}
.ome-hero-ctas{justify-content:center}
.ome-trust-strip .ome-trust-item{margin-bottom:20px}
.main-navigation .menu-item>a{font-size:.85rem}
}

/* ---------------------------------------------------------------------------
   Catalog-mode safety net.
   Ported verbatim from the WPCode snippet's <style id="ome-hide-add-to-cart">.
   This is now a BACKSTOP only: functions.php removes these elements at the
   PHP level so they are never rendered at all. Kept because Astra's own shop
   grid and some plugin templates build add-to-cart markup outside the standard
   WooCommerce hooks, and this catches those. Do not rely on it alone -- CSS
   hiding leaves the control in the DOM and still clickable.
   --------------------------------------------------------------------------- */
form.cart,.single_add_to_cart_button,.woocommerce div.product form.cart .quantity,.astra-shop-thumbnail-wrap .add_to_cart_button,a.add_to_cart_button,a.added_to_cart{display:none!important}
