/*
Theme Name: HOMZ Elementor Child
Theme URI: https://homz.com.pk/
Description: Elementor compatibility layer for the HOMZ Catalogue Showroom theme. Requires the HOMZ Catalogue Showroom parent theme.
Author: HOMZ
Version: 1.1.0
Template: homz-theme
Text Domain: homz-elementor-child
*/

/* Keep the original HOMZ visual system, while letting Elementor control section content. */
.homz-elementor-home { overflow: clip; }
.homz-elementor-home .homz-wrap {
  width: min(var(--homz-max, 1240px), calc(100% - 48px)) !important;
  max-width: var(--homz-max, 1240px) !important;
  margin-left: auto !important; margin-right: auto !important;
  padding-left: 0 !important; padding-right: 0 !important;
}
.homz-elementor-home .homz-section { padding: 104px 0 !important; }
.homz-elementor-home .homz-hero { width: 100%; min-height: 790px; height: min(960px, 100svh); padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; }
.homz-elementor-home .homz-hero-content { width: 100%; max-width: 690px; padding-top: 88px; }
.homz-elementor-home .homz-intro,
.homz-elementor-home .homz-feature-layout { display: grid !important; grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr); gap: 80px; align-items: center; }
.homz-elementor-home .homz-feature-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 78px; }
.homz-elementor-home .homz-section-head { display: flex !important; flex-direction: row !important; align-items: end !important; justify-content: space-between !important; gap: 30px; margin-bottom: 42px; }
.homz-elementor-home .homz-section-head > .elementor-element { min-width: 0; }
.homz-elementor-home .homz-values-inner { position: relative; }
.homz-elementor-home .homz-values-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.homz-elementor-home .homz-hero .elementor-widget-heading.homz-eyebrow .elementor-heading-title,
.homz-elementor-home .elementor-widget-heading.homz-eyebrow .elementor-heading-title {
  display: inline-flex; align-items: center; gap: 10px; text-transform: uppercase;
  letter-spacing: .18em; font-size: 11px; line-height: 1.4; font-weight: 800;
  color: var(--homz-blue); margin: 0;
}
.homz-elementor-home .elementor-widget-heading.homz-eyebrow .elementor-heading-title:before {
  content: ""; display: inline-block; flex: 0 0 26px; width: 26px; height: 2px; background: var(--homz-cyan);
}
.homz-elementor-home .homz-hero .elementor-widget-heading.homz-eyebrow .elementor-heading-title { color: #74e8ff; }
.homz-elementor-home .homz-section-title .elementor-heading-title,
.homz-elementor-home .elementor-widget-heading.homz-section-title .elementor-heading-title {
  font-size: clamp(32px,4vw,52px); line-height: 1.08; letter-spacing: -.045em; margin: 14px 0 16px; font-weight: 800;
}
.homz-elementor-home .homz-hero .elementor-widget-heading.homz-hero-title .elementor-heading-title,
.homz-elementor-home .homz-hero h1.elementor-heading-title {
  font-size: clamp(54px,7.4vw,94px); line-height: .98; letter-spacing: -.065em; font-weight: 800; margin: 25px 0 24px; max-width: 760px; color: #fff;
}
.homz-elementor-home .elementor-widget-text-editor p { margin-top: 0; }
.homz-elementor-home .homz-hero-copy p { font-size: clamp(16px,1.5vw,19px); line-height: 1.75; color: rgba(255,255,255,.76); max-width: 490px; margin: 0 0 30px; }
.homz-elementor-home .homz-section-copy p { max-width: 640px; color: var(--homz-muted); font-size: 16px; line-height: 1.8; margin: 0; }
.homz-elementor-home .homz-feature .homz-section-copy p { color: rgba(255,255,255,.6); }
.homz-elementor-home .homz-contact .homz-section-copy p,
.homz-elementor-home .homz-contact p { color: rgba(255,255,255,.68); font-size: 14px; }
.homz-elementor-home .homz-hero-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 12px; align-items: center; }
.homz-elementor-home .elementor-widget-button.homz-btn { display: inline-block; width: auto; margin: 0; padding: 0; min-height: 0; border: 0; background: transparent; box-shadow: none; }
.homz-elementor-home .elementor-widget-button.homz-btn .elementor-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px;
  padding: 13px 22px; border: 1px solid transparent; border-radius: 999px; background: var(--homz-cyan);
  color: #051724; font-size: 13px; font-weight: 800; letter-spacing: .01em; line-height: 1.2;
  box-shadow: none; transition: transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.homz-elementor-home .elementor-widget-button.homz-btn .elementor-button:hover { transform: translateY(-3px); background: #45d7f4; box-shadow: 0 12px 28px rgba(8,191,232,.22); }
.homz-elementor-home .elementor-widget-button.homz-btn--blue .elementor-button { background: var(--homz-blue); color: #fff; }
.homz-elementor-home .elementor-widget-button.homz-btn--blue .elementor-button:hover { background: #087ac9; }
.homz-elementor-home .elementor-widget-button.homz-btn--outline .elementor-button { border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); color: #fff; backdrop-filter: blur(10px); }
.homz-elementor-home .homz-intro-visual .elementor-widget-image img,
.homz-elementor-home .homz-feature-image .elementor-widget-image img { width: 100%; height: auto; object-fit: cover; border-radius: var(--homz-radius); box-shadow: var(--homz-shadow); }
.homz-elementor-home .homz-feature-image .elementor-widget-image img { aspect-ratio: 1.12; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; }
.homz-elementor-home .homz-intro-visual { position: relative; }
.homz-elementor-home .homz-intro-visual .homz-image-label { position: absolute; left: -18px; bottom: 24px; z-index: 2; }
.homz-elementor-home .homz-intro-points { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 28px 0 30px; }
.homz-elementor-home .homz-feature-list { display: grid; gap: 17px; margin-top: 26px; }
.homz-elementor-home .homz-feature-item { display: flex; gap: 13px; align-items: flex-start; }
.homz-elementor-home .homz-feature-item strong { display: block; font-size: 13px; margin-bottom: 3px; color: #fff; }
.homz-elementor-home .homz-feature-item span:not(.homz-feature-icon) { display: block; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.6; }
.homz-elementor-home .homz-feature-icon { display: inline-flex; flex: 0 0 34px; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid rgba(8,191,232,.4); border-radius: 50%; color: var(--homz-cyan); }
.homz-elementor-home .homz-values .homz-section-title .elementor-heading-title { color: #fff; }
.homz-elementor-home .homz-values .homz-section-copy p { color: rgba(255,255,255,.74); }
.homz-elementor-home .homz-values-head { text-align: center; max-width: 780px; margin: 0 auto 44px; }
.homz-elementor-home .homz-values-head .homz-eyebrow .elementor-heading-title:before { display: none; }
.homz-elementor-home .homz-values-head .homz-section-copy p { margin-left: auto; margin-right: auto; }
.homz-elementor-home .homz-value-card h3 { color: #fff; font-size: 22px; line-height: 1.2; margin: 15px 0 10px; }
.homz-elementor-home .homz-value-card p { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.75; margin: 0; }
.homz-elementor-home .homz-contact-inner { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 36px; }
.homz-elementor-home .homz-contact-inner > .elementor-element:first-child { flex: 1 1 auto; }
.homz-elementor-home .homz-contact-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 10px; flex: 0 0 auto; }
.homz-elementor-home .homz-contact .homz-section-title .elementor-heading-title { font-size: clamp(32px,4vw,52px); max-width: 620px; margin-bottom: 12px; color: #fff; }
.homz-elementor-home .homz-catalogue-count { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #dce8f0; border-radius: 999px; padding: 10px 14px; font-size: 11px; font-weight: 800; color: var(--homz-blue); white-space: nowrap; }
.homz-elementor-home .homz-admin-note { padding: 24px; background: #f2f7fb; border-radius: 12px; }
@media (max-width: 1024px) {
 .homz-elementor-home .homz-section { padding: 78px 0 !important; }
 .homz-elementor-home .homz-intro, .homz-elementor-home .homz-feature-layout { gap: 42px; }
 .homz-elementor-home .homz-collection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .homz-elementor-home .homz-catalogue-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 767px) {
 .homz-elementor-home .homz-wrap { width: calc(100% - 36px) !important; }
 .homz-elementor-home .homz-section { padding: 64px 0 !important; }
 .homz-elementor-home .homz-hero { min-height: 740px; height: auto; }
 .homz-elementor-home .homz-hero-content { padding-top: 110px; padding-bottom: 70px; }
 .homz-elementor-home .homz-hero .elementor-widget-heading.homz-hero-title .elementor-heading-title,
 .homz-elementor-home .homz-hero h1.elementor-heading-title { font-size: clamp(43px,12vw,64px); }
 .homz-elementor-home .homz-hero-meta { gap: 12px 16px; margin-top: 36px; }
 .homz-elementor-home .homz-intro, .homz-elementor-home .homz-feature-layout { grid-template-columns: minmax(0,1fr); gap: 34px; }
 .homz-elementor-home .homz-section-head { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px; margin-bottom: 28px; }
 .homz-elementor-home .homz-collection-grid { grid-template-columns: minmax(0,1fr); }
 .homz-elementor-home .homz-collection-card { min-height: 350px; }
 .homz-elementor-home .homz-catalogue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
 .homz-elementor-home .homz-catalogue-toolbar { align-items: stretch; }
 .homz-elementor-home .homz-filter-list { gap: 6px; }
 .homz-elementor-home .homz-filter-btn { padding: 8px 10px; }
 .homz-elementor-home .homz-search { width: 100%; }
 .homz-elementor-home .homz-values-grid { grid-template-columns: minmax(0,1fr); }
 .homz-elementor-home .homz-intro-points { grid-template-columns: minmax(0,1fr); }
 .homz-elementor-home .homz-contact-inner { display: flex !important; flex-direction: column !important; align-items: flex-start; }
 .homz-elementor-home .homz-contact-actions { flex-direction: column !important; align-items: flex-start; }
 .homz-elementor-home .homz-contact-actions .elementor-widget-button { width: auto; }
}