/* Crown Auto Parts — visual polish layer. Keeps the existing brand, content and page structure. */
:root { --accent-wash: rgba(168,107,0,.10); --panel-shadow: 0 14px 34px rgba(15,28,46,.08); }
body { background: linear-gradient(180deg,#f8fafc 0,#f5f8fc 420px,#f7f9fc 100%) !important; }
a,button,input,select,textarea { -webkit-tap-highlight-color: transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline: 3px solid rgba(168,107,0,.35); outline-offset: 3px; }
.site-header { box-shadow: 0 1px 0 rgba(15,28,46,.02),0 7px 22px rgba(15,28,46,.035); }
.main-nav a { position: relative; transition: color .2s ease; }
.main-nav a::after { content:""; position:absolute; right:0; bottom:-8px; left:0; height:2px; border-radius:2px; background:var(--site-gold,#a86b00); transform:scaleX(0); transition:transform .2s ease; }
.main-nav a:hover::after,.main-nav a.active::after { transform:scaleX(1); }
.header-call,.call-btn,.gold-btn,.btn-primary,.btn-gold,.submit-btn { box-shadow: 0 8px 18px rgba(143,90,0,.18) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.header-call:hover,.call-btn:hover,.gold-btn:hover,.btn-primary:hover,.btn-gold:hover,.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 11px 22px rgba(143,90,0,.24) !important; }
.footer,.site-footer { background: linear-gradient(180deg,#fafcff,#f2f5f8) !important; }

/* Homepage */
.hero { position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,var(--accent-wash),transparent 68%); top:-210px; right:5%; pointer-events:none; }
.hero-inner { position:relative; }
.hero-image,.category-card,.enquiry-box { box-shadow:var(--panel-shadow); }
.category-card { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.category-card:hover { transform:translateY(-5px); box-shadow:0 19px 38px rgba(15,28,46,.13); border-color:#d6bd88; }
.category-image img { transition:transform .45s ease; }
.category-card:hover .category-image img { transform:scale(1.05); }
.enquiry-box { border-color:#dfc78f !important; background:linear-gradient(135deg,#fffdf7,#f7f2e8) !important; }

/* Product listing and product detail */
.search-row,.enquiry-form,.product-detail,.info-card,.hours-card { box-shadow:var(--panel-shadow); }
.product-card { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.product-card:hover { transform:translateY(-5px); box-shadow:0 18px 35px rgba(15,28,46,.13); border-color:#d6bd88; }
.product-card .product-image img { transition:transform .4s ease; }
.product-card:hover .product-image img { transform:scale(1.045); }
.product-detail { border-radius:16px; }
.back-link { font-weight:700; }
.recommended-section { border-top:1px solid rgba(213,222,232,.8); }

/* About and contact */
.about-hero,.contact-hero { background:linear-gradient(150deg,#f8fbfe 0,#fff 58%,#fff9ee 100%) !important; }
.info-card,.service-card,.brand-card,.social-card,.contact-cards .info-card { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.info-card:hover,.service-card:hover,.brand-card:hover,.social-card:hover,.contact-cards .info-card:hover { transform:translateY(-4px); box-shadow:0 17px 32px rgba(15,28,46,.10); border-color:#d6bd88; }
.brand-card { background:linear-gradient(145deg,#fff,#fbfcfe) !important; }
.help-box { box-shadow:var(--panel-shadow); }
.enquiry-form { border-color:#dfe5ec !important; }
.form-field input,.form-field textarea { transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.form-field input:hover,.form-field textarea:hover { background:#fff; border-color:#c3ceda; }
.directions-row { background:linear-gradient(135deg,#fff,#fbf7ed); }

/* Admin */
.login-card,.table-card,.modal-card,.stat-card { box-shadow:0 14px 34px rgba(15,28,46,.09); }

/* Homepage cleanup: remove the duplicate category block and make the enquiry CTA match About. */
.popular-categories-section { display:none !important; }
.enquiry-section { padding:52px 0 58px !important; background:#f7f9fc !important; }
.enquiry-section .section-inner { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.enquiry-box { max-width:1180px; margin:0 auto; padding:38px 44px !important; text-align:center; background:linear-gradient(135deg,#fff,#f7f9fc) !important; border:1px solid #dcc79f !important; border-radius:16px !important; box-shadow:var(--panel-shadow) !important; }
.enquiry-box::before { content:"NEED HELP?"; display:block; margin:0 0 7px; color:#a77b28; font-size:12px; font-weight:800; letter-spacing:.14em; line-height:1.2; }
.enquiry-box h2 { margin:0 !important; color:#172b4d !important; font-size:32px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-.45px; }
.enquiry-box > p { max-width:780px; margin:12px auto 0 !important; color:#617087 !important; font-size:19px !important; line-height:1.55 !important; }
.enquiry-actions { margin-top:26px !important; display:flex !important; justify-content:center; align-items:center; gap:18px !important; }
.enquiry-actions a { min-height:54px; padding:0 25px !important; border-radius:7px !important; font-size:16px !important; font-weight:700 !important; display:inline-flex !important; justify-content:center; align-items:center; gap:9px; box-shadow:none !important; border:1px solid transparent; transition:.2s ease; }
.enquiry-actions .whatsapp-button { background:#159447 !important; color:#fff !important; border-color:#159447 !important; }
.enquiry-actions .whatsapp-button:hover { background:#12813d !important; border-color:#12813d !important; transform:translateY(-1px); }
.enquiry-actions .whatsapp-button svg { width:23px; height:23px; fill:currentColor; display:block; }
.enquiry-actions .enquiry-call { background:#eef2f7 !important; color:#172b4d !important; border-color:#d6dee8 !important; }
.enquiry-actions .enquiry-call:hover { background:#e7edf4 !important; border-color:#c7d1de !important; transform:translateY(-1px); }
.enquiry-actions .enquiry-call span { display:inline-flex; align-items:center; justify-content:center; font-size:23px; line-height:1; }

/* Homepage: hide only the floating WhatsApp shortcut. Keep the enquiry WhatsApp button. */
.floating-whatsapp { display:none !important; }

@media (max-width:700px) {
  .main-nav a::after { display:none; }
  .main-nav a { min-height:34px; display:flex !important; align-items:center; justify-content:center; }
  .hero::before { width:280px; height:280px; top:-160px; right:-120px; }
  .category-card:hover,.product-card:hover,.info-card:hover,.service-card:hover,.brand-card:hover,.social-card:hover { transform:none; }
  .enquiry-box,.product-detail { border-radius:13px; }
  .enquiry-section { padding:42px 0 48px !important; }
  .enquiry-section .section-inner { width:calc(100% - 28px); }
  .enquiry-box { width:100%; padding:30px 24px !important; }
  .enquiry-box h2 { font-size:27px !important; }
  .enquiry-box > p { font-size:16px !important; }
  .enquiry-actions { width:100%; flex-direction:column; gap:10px !important; margin-top:22px !important; }
  .enquiry-actions a { width:100%; min-height:48px; font-size:15px !important; }
}