/*
Theme Name:        Kalsi Theme
Theme URI:         https://bestofindianproducts.com
Template:          erg-base
Author:            Harkanwal Singh — Best Of Indian Products
Author URI:        https://bestofindianproducts.com
Description:       Child theme for Kalsi Products (M/s. Bhajan Singh & Sons, Ludhiana). Extends ERG Base with Kalsi's brand identity: Deep Saffron + Steel Blue + Ivory. ISO 9001-2008 certified manufacturer since 1970.
Version:           1.0.0
Requires at least: 6.0
Requires PHP:      7.4
License:           GPL-2.0-or-later
Text Domain:       kalsi-theme
*/

/* ══════════════════════════════════════════════════════════════
   KALSI BRAND COLOURS
   Colours are NO LONGER hardcoded here. They are set as Customizer
   defaults in functions.php via default_option_erg_color_* filters,
   and resolved centrally by inc/brand-colors.php in the parent theme.
   This means Kalsi's colours can be changed by a non-technical user
   in Appearance → Customize → Brand Colours, or via the one-click
   preset in Appearance → Brand Colours, without ever touching CSS.

   Only typography and the Kalsi-specific mega menu font choice are
   set here, since those aren't yet part of the colour system.
══════════════════════════════════════════════════════════════ */
:root {
  --erg-font-display:  'Mukta', 'Noto Sans', Arial, sans-serif;
  --erg-font-body:     'DM Sans', 'Noto Sans', Arial, sans-serif;
}

/* ══════════════════════════════════════════════════════════════
   KALSI-SPECIFIC OVERRIDES
   Only what differs from the parent theme.
══════════════════════════════════════════════════════════════ */

/* Hero — Kalsi tagline treatment */
.erg-hero__title .accent { color: #F46B20; }

/* ISO badge displayed on all product cards */
.kalsi-iso-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 700;
  color: var(--erg-steel);
  background: var(--erg-steel-pale);
  padding: 2px 9px;
  border-radius: 3px;
  margin-top: 6px;
  letter-spacing: .03em;
}

/* Award badges in brand strip */
.kalsi-award-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.kalsi-award-icon {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--erg-accent);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0;
}
.kalsi-award-name  { font-size: 13px; font-weight: 600; color: #fff; }
.kalsi-award-body  { font-size: 12px; color: rgba(255,255,255,.6); margin-top: 2px; }

/* Kalsi "Since 1970" strip in footer */
.kalsi-footer-since {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--erg-accent-light);
  margin-bottom: 6px;
  display: block;
}

/* Freight estimator form — Kalsi-specific layout */
.erg-freight-wrap {
  background: var(--erg-steel-pale);
  border: 1.5px solid #d0daea;
  border-radius: 10px;
  padding: 24px 28px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.erg-freight-wrap__title {
  font-size: 17px;
  font-weight: 700;
  color: var(--erg-steel);
  margin-bottom: 6px;
}
.erg-freight-wrap__note {
  font-size: 13px;
  color: #666;
  margin-bottom: 16px;
}
.erg-freight-form__row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.erg-freight-pin {
  flex: 1;
  min-width: 160px;
  max-width: 220px;
  padding: 10px 14px;
  border: 1.5px solid #c8d5e0;
  border-radius: 6px;
  font-size: 15px;
  font-family: var(--erg-font-body);
  letter-spacing: .08em;
  background: #fff;
}
.erg-freight-pin:focus {
  outline: none;
  border-color: var(--erg-accent);
}
.erg-freight-result {
  margin-top: 14px;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.6;
}
.erg-freight-result--success {
  background: var(--erg-green-pale);
  border: 1px solid #a8d5b5;
  color: #1A3A2A;
}
.erg-freight-result--error {
  background: #FEF0F0;
  border: 1px solid #F5C6C6;
  color: #8B1A1A;
}
.erg-freight-result--loading {
  background: var(--erg-steel-pale);
  border: 1px solid #d0daea;
  color: var(--erg-steel);
}

/* Bulk quote form */
.erg-bulk-quote {
  background: #fff;
  border: 1.5px solid #e8e8e8;
  border-radius: 10px;
  padding: 24px 28px;
  margin-top: 24px;
}
.erg-bulk-quote__notice {
  background: var(--erg-steel-pale);
  border-left: 4px solid var(--erg-steel);
  padding: 12px 16px;
  border-radius: 0 6px 6px 0;
  font-size: 14px;
  color: var(--erg-steel);
  margin-bottom: 20px;
}
.erg-bulk-quote-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 20px;
}
.erg-form-group--full { grid-column: 1 / -1; }
.erg-form-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #444;
  margin-bottom: 5px;
}
.erg-form-label span { color: var(--erg-accent); }
.erg-form-input {
  width: 100%;
  padding: 9px 13px;
  border: 1.5px solid #ddd;
  border-radius: 6px;
  font-family: var(--erg-font-body);
  font-size: 14px;
  background: #fafafa;
  transition: border-color .15s;
}
.erg-form-input:focus {
  outline: none;
  border-color: var(--erg-accent);
  background: #fff;
}
.erg-bulk-quote-form__note {
  font-size: 12px;
  color: #888;
  margin-top: 10px;
}

@media (max-width: 600px) {
  .erg-bulk-quote-form__grid { grid-template-columns: 1fr; }
  .erg-freight-form__row { flex-direction: column; align-items: flex-start; }
  .erg-freight-pin { max-width: 100%; }
}