/* ==========================================================================
   Zafar Furniture Center — scoped custom CSS
   The page layout is now native Elementor; this file only covers
   (a) the enquiry-form shortcode, which has no native Elementor Free
       equivalent (Form widget is Pro-only), and
   (b) two small header adjustments Elementor cannot express natively.
   ========================================================================== */
:root{
  --zf-cream:#FBEFE1; --zf-white:#FFFFFF; --zf-tan:#E4CFB4;
  --zf-brown:#5F362E; --zf-choco:#59514A; --zf-title:#341C08;
  --zf-red:#D94A3D; --zf-line:#E7DBCB;
  --zf-brand:#2E1A0F; --zf-gold:#D19341;
}

/* ---------- header: keep brand + 6 nav items on one row ---------- */
.zf-wordmark .elementor-heading-title{white-space:nowrap;line-height:1.2;}
.zf-wordmark a{text-decoration:none;color:inherit;}
.zf-wordmark{padding-right:18px;}
.zf-nav .elementskit-navbar-nav > li > a{
  font-family:Poppins,sans-serif;font-size:14.5px;font-weight:500;
  padding-left:13px;padding-right:13px;white-space:nowrap;}
.zf-nav .elementskit-navbar-nav{flex-wrap:nowrap;justify-content:center;}
.zf-header-cta .elementor-button{white-space:nowrap;}
@media (max-width:1200px){
  .zf-wordmark .elementor-heading-title{font-size:16px;}
  .zf-nav .elementskit-navbar-nav > li > a{font-size:13.5px;padding-left:10px;padding-right:10px;}
}
@media (max-width:1024px){
  .zf-wordmark .elementor-heading-title{white-space:normal;}
  .zf-nav .elementskit-navbar-nav{flex-wrap:wrap;}
}

/* ---------- enquiry form (shortcode: no native Free equivalent) ---------- */
.zf-enq{background:var(--zf-white);border:1px solid var(--zf-line);border-radius:3px;padding:34px 34px 36px;}
.zf-enq__title{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;color:var(--zf-title);margin:0 0 22px;}
.zf-enq__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;}
.zf-f{margin:0;display:grid;gap:7px;}
.zf-f--wide{grid-column:1 / -1;}
.zf-f label,.zf-file label{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:var(--zf-title);}
.zf-opt{font-weight:400;color:var(--zf-choco);}
.zf-f input,.zf-f select,.zf-f textarea{
  font-family:Poppins,sans-serif;font-size:15px;color:var(--zf-title);background:#FDFAF6;
  border:1px solid #DCCDBA;border-radius:2px;padding:12px 14px;width:100%;max-width:100%;
  box-sizing:border-box;line-height:1.5;transition:border-color .16s ease,box-shadow .16s ease;}
.zf-f textarea{resize:vertical;min-height:118px;}
.zf-f input:focus,.zf-f select:focus,.zf-f textarea:focus,.zf-file input:focus{
  outline:none;border-color:var(--zf-brand);box-shadow:0 0 0 3px rgba(46,26,15,.14);}
.zf-file{grid-column:1 / -1;display:grid;gap:8px;}
.zf-file__box{border:1.5px dashed #D3C2AC;border-radius:2px;padding:18px;background:#FDFAF6;display:grid;gap:9px;}
.zf-file__box input[type=file]{font-family:Poppins,sans-serif;font-size:14px;color:var(--zf-choco);max-width:100%;}
.zf-file__hint{font-family:Poppins,sans-serif;font-size:13px;line-height:1.55;color:var(--zf-choco);}
.zf-enq__submit{margin-top:24px;background:var(--zf-brand);color:#fff;border:0;border-radius:2px;
  font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:16px 38px;cursor:pointer;
  transition:background .18s ease;}
.zf-enq__submit:hover{background:var(--zf-gold);color:var(--zf-brand);}
.zf-enq__fine{font-family:Poppins,sans-serif;font-size:12.5px;color:var(--zf-choco);margin:14px 0 0;}
.zf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.zf-enq__note{border-radius:2px;padding:15px 18px;margin:0 0 22px;font-family:Poppins,sans-serif;
  font-size:14.5px;line-height:1.6;display:grid;gap:4px;}
.zf-enq__note--ok{background:#E8F1EA;border-left:3px solid #2E6B4B;color:#22503A;}
.zf-enq__note--err{background:#FBE9E7;border-left:3px solid var(--zf-red);color:#8E2A20;}
.zf-enq__note a{color:inherit;font-weight:600;}
@media (max-width:767px){
  .zf-enq{padding:24px 20px 26px;}
  .zf-enq__grid{grid-template-columns:1fr;}
}

/* ---------- global overflow guard ---------- */
html,body{overflow-x:clip;}
img,svg,video,iframe{max-width:100%;}

/* ---------- header Contact item: one menu item, device-appropriate wording ----------
   Desktop keeps the standalone "Contact Us" CTA, so the nav item stays "Contact".
   At <=1024 the standalone CTA is hidden and the menu item reads "Contact Us". */
.zf-nav .zf-lbl-mobile{display:none;}
@media (max-width:1024px){
  .zf-nav .zf-lbl-desktop{display:none;}
  .zf-nav .zf-lbl-mobile{display:inline;}
}