/*
Theme Name: ZR Builders
Description: Property Dealing
Author: Abid Shahzad
Author URI: https://abid-shahzad.vercel.app/
Author Email: abidshahzid42@gmail.com
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here
*/

/* ---- ZR design tokens (mirrors the Elementor global kit) ---- */
:root{
  --zr-bg:#111419; --zr-bg-2:#0D1015; --zr-navy:#121826;
  --zr-surface:#191E26; --zr-surface-2:#20262F;
  --zr-line:rgba(255,255,255,.09); --zr-line-2:rgba(255,255,255,.16);
  --zr-gold:#C4A05C; --zr-gold-2:#D8BC86; --zr-gold-deep:#9A7838;
  --zr-ivory:#F3F0EA; --zr-muted:#A9AFB8; --zr-muted-2:#767C86; --zr-green:#5C7E5E;
  --zr-ease:cubic-bezier(.22,.61,.36,1);
}

html{ scroll-behavior:smooth; scroll-padding-top:96px; }
body{ background:var(--zr-bg); color:var(--zr-ivory); }

/* Fixed header sits over the hero; keep it above Elementor stacking contexts */
body .elementor-location-header{ position:relative; z-index:60; }

/* Focus + selection to match the source design */
*:focus-visible{ outline:2px solid var(--zr-gold); outline-offset:3px; }
::selection{ background:rgba(196,160,92,.3); }

/* Card + cell hover motion from the source */
.zr-card{ transition:transform .4s var(--zr-ease), border-color .4s; }
.zr-card:hover{ transform:translateY(-5px); border-color:rgba(196,160,92,.45); }

/* Footer link columns are plain text links: suppress Elementor's default list icon.
   A zero-sized icon still renders an SVG whose 512-unit path geometry widens the
   document, which showed up as horizontal scroll on narrow viewports. */
[data-elementor-type="footer"] .elementor-icon-list-icon{ display:none; }
.elementor-icon-list-icon svg{ overflow:hidden; }

/* The header is position:fixed, so its used width is shrink-to-fit with a
   min-content floor. The 240px logo lockup plus the nav pushed that floor past
   the viewport on small screens, which widened the document. Let the header and
   its children shrink instead. */
[data-elementor-type="header"] > .e-con{ max-width:100vw; min-width:0; }
[data-elementor-type="header"] .e-con-inner{ min-width:0; max-width:100%; }
[data-elementor-type="header"] .e-con-inner > .e-con{ min-width:0; }
@media (max-width:1024px){
  [data-elementor-type="header"] .e-con-inner > .e-con:first-child{ width:auto; flex:0 1 auto; }
}