/*
Theme Name: Astra Child - IE White Luxury
Theme URI: https://interiorsexpress.in
Template: astra
Author: IE Design Team
Author URI: https://interiorsexpress.in
Description: Child theme for InteriorsExpress Architects Module using the White Luxury design system.
Version: 1.0.0
Text Domain: astra-child
*/

/* ═══════════════════════════════════════
   IE ARCHITECTS MODULE — WHITE LUXURY
   Overrides for Astra + Elementor
═══════════════════════════════════════ */

/* Design tokens */
:root {
  --ie-gold:          #B8860B;
  --ie-gold-light:    #C9A84C;
  --ie-gold-pale:     #F0E8D0;
  --ie-gold-bg:       #FBF6EB;
  --ie-charcoal:      #1A1814;
  --ie-ink:           #2C2820;
  --ie-stone:         #5C564E;
  --ie-pebble:        #8C867E;
  --ie-border:        #E0DAD0;
  --ie-warm-white:    #F5F2EC;
  --ie-off-white:     #FAFAF8;
  --ie-teal:          #0A9488;
}

/* ── Body ── */
body { background: var(--ie-warm-white); color: var(--ie-charcoal); }

/* ── Global Nav ── */
#masthead {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--ie-border) !important;
  box-shadow: 0 1px 8px rgba(26,24,20,0.06) !important;
}

/* ── Architect Cards ── */
.ie-arch-card {
  background: #FFFFFF;
  border: 1px solid var(--ie-border);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(26,24,20,0.06);
  transition: all 0.3s ease;
}
.ie-arch-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(26,24,20,0.10), 0 0 0 1px rgba(184,134,11,0.20);
  border-color: var(--ie-gold-light);
}
.ie-arch-card.shortlisted {
  border-color: var(--ie-gold);
  box-shadow: 0 0 0 2px var(--ie-gold), 0 4px 20px rgba(184,134,11,0.10);
}

/* ── Badges ── */
.ie-badge-verified  { background: rgba(10,148,136,0.85); color: #fff; }
.ie-badge-featured  { background: rgba(184,134,11,0.90); color: #000; }
.ie-badge-council   { background: rgba(41,128,185,0.85); color: #fff; }
.ie-badge-premium   { background: linear-gradient(135deg,#7B2D8B,#5B1A69); color:#fff; }

/* ── Expertise Tags ── */
.ie-tag-commercial   { border-color:rgba(41,128,185,0.4); color:#2980B9; background:rgba(41,128,185,0.06); }
.ie-tag-residential  { border-color:rgba(10,148,136,0.4); color:#0A9488; background:rgba(10,148,136,0.06); }
.ie-tag-hospitality  { border-color:rgba(184,134,11,0.4); color:var(--ie-gold); background:rgba(184,134,11,0.06); }
.ie-tag-institutional{ border-color:rgba(155,89,182,0.4); color:#9B59B6; background:rgba(155,89,182,0.06); }

/* ── Spec Boxes inside Card ── */
.ie-spec-box {
  background: var(--ie-warm-white);
  border-radius: 5px;
  padding: 7px 10px;
}
.ie-spec-label { font-size: 10px; color: var(--ie-pebble); letter-spacing: 1px; text-transform: uppercase; }
.ie-spec-value { font-size: 13px; color: var(--ie-charcoal); font-weight: 500; }

/* ── Sidebar Filters ── */
.ie-sidebar { background: #FFFFFF; border: 1px solid var(--ie-border); border-radius: 8px; }
.ie-sidebar-header {
  font-family: 'Rajdhani', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--ie-gold);
  padding: 14px 16px;
  border-bottom: 1px solid var(--ie-border);
}

/* ── Filter Everything Custom Overrides ── */
.wpc-filter-content input[type="checkbox"] { accent-color: var(--ie-gold); }
.wpc-filter-count { color: var(--ie-pebble); font-size: 11px; }

/* ── Sort Pills ── */
.ie-sort-pill {
  padding: 5px 14px;
  border: 1px solid var(--ie-border);
  border-radius: 20px;
  font-size: 12px;
  color: var(--ie-stone);
  background: #FFFFFF;
  cursor: pointer;
  transition: all 0.2s;
}
.ie-sort-pill.active, .ie-sort-pill:hover {
  border-color: var(--ie-gold);
  color: var(--ie-gold);
  background: var(--ie-gold-bg);
}

/* ── Buttons ── */
.ie-btn-primary {
  background: var(--ie-charcoal);
  color: #FFFFFF;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  transition: all 0.2s;
}
.ie-btn-primary:hover { background: var(--ie-gold); color: #000; }

.ie-btn-gold {
  background: linear-gradient(135deg, var(--ie-gold-light), var(--ie-gold));
  color: #000;
  padding: 12px 28px;
  border-radius: 6px;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.ie-btn-outline {
  background: transparent;
  color: var(--ie-charcoal);
  border: 1.5px solid var(--ie-border);
  padding: 11px 26px;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s;
}
.ie-btn-outline:hover { border-color: var(--ie-charcoal); background: var(--ie-warm-white); }

/* ── Profile Panel (Elementor Popup Drawer) ── */
.elementor-popup-modal .dialog-widget-content {
  background: #FFFFFF !important;
  border-left: 1px solid var(--ie-border) !important;
  box-shadow: -20px 0 60px rgba(26,24,20,0.12) !important;
}

/* ── Hero on Architects page ── */
.ie-module-hero {
  background: linear-gradient(135deg, #FAFAF8 0%, #F5F2EC 50%, #FAFAF8 100%);
  border-bottom: 1px solid var(--ie-border);
  padding: 3rem 2rem 2.5rem;
}
.ie-module-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 600;
  color: var(--ie-charcoal);
}
.ie-module-hero h1 em { color: var(--ie-gold); font-style: italic; }

/* ── Stats in hero ── */
.ie-hero-stat-value {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px; font-weight: 700;
  color: var(--ie-gold);
}
.ie-hero-stat-label {
  font-size: 11px; color: var(--ie-pebble);
  letter-spacing: 1px; text-transform: uppercase;
}

/* ── Panel stats boxes ── */
.ie-stat-box {
  background: var(--ie-warm-white);
  border-radius: 7px; padding: 12px; text-align: center;
  border: 1px solid var(--ie-border);
}
.ie-stat-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px; font-weight: 700;
  color: var(--ie-gold);
}
.ie-stat-lbl { font-size: 10px; color: var(--ie-pebble); letter-spacing: 1px; text-transform: uppercase; }

/* ── Shortlist Panel (floating) ── */
.ie-shortlist-panel {
  background: #FFFFFF;
  border: 1px solid var(--ie-gold);
  border-radius: 10px;
  box-shadow: 0 20px 60px rgba(26,24,20,0.14);
}

/* ── Page Pagination ── */
.ie-page-btn {
  width: 38px; height: 38px;
  border: 1px solid var(--ie-border);
  border-radius: 5px;
  background: #FFFFFF; color: var(--ie-stone);
  font-family: 'Rajdhani', sans-serif;
  transition: all 0.2s;
}
.ie-page-btn:hover { border-color: var(--ie-gold); color: var(--ie-gold); }
.ie-page-btn.active { background: var(--ie-gold); color: #000; border-color: var(--ie-gold); }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .ie-main-layout { grid-template-columns: 1fr !important; }
  .ie-sidebar { position: relative !important; top: 0 !important; }
}
@media (max-width: 768px) {
  .ie-cards-grid { grid-template-columns: 1fr !important; }
  .ie-module-hero h1 { font-size: 28px !important; }
}