/* =========================================================
   Bella Collina Clean System
   Purpose: one stable luxury header/mobile menu + site polish
   Loaded last to override old Lavewell / experimental nav styles.
   ========================================================= */

:root{
  --bella-black:#090807;
  --bella-cream:#f7f0e4;
  --bella-cream-2:#efe5d3;
  --bella-gold:#e5c27a;
  --bella-gold-2:#f2d89a;
  --bella-text:#221a13;
  --bella-muted:#74685b;
}

html{scroll-behavior:smooth;}
body.bella-estate, body{overflow-x:hidden;}
*, *::before, *::after{box-sizing:border-box;}

/* Hide old/competing navigation systems so only the clean header shows */
.lavewell_nav_manu,
.mobile-menu-area,
.estate-topbar,
.estate-mobile-panel,
.bella-lux-header,
.bella-lux-mobile-panel{
  display:none !important;
}

.bella-clean-header{
  position:fixed;
  top:0; left:0; right:0;
  z-index:2147483000;
  height:86px;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:14px clamp(18px, 3.2vw, 58px);
  background:linear-gradient(to bottom, rgba(0,0,0,.82), rgba(0,0,0,.36), rgba(0,0,0,0));
  transition:height .25s ease, background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
  pointer-events:auto;
}
.bella-clean-header.scrolled,
body:not(.bella-page-index) .bella-clean-header{
  height:76px;
  background:rgba(10,9,8,.92);
  box-shadow:0 15px 42px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}
.bella-clean-logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto;}
.bella-clean-logo img{width:124px;max-height:64px;object-fit:contain;display:block;}

.bella-clean-nav{display:flex;align-items:center;justify-content:flex-end;flex:1;}
.bella-clean-nav ul, .bella-clean-nav li{list-style:none;margin:0;padding:0;}
.bella-clean-nav > ul{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.45vw,27px);}
.bella-clean-nav > ul > li{position:relative;display:flex;align-items:center;}
.bella-clean-nav a{
  color:#fff !important;
  text-decoration:none !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:1.7px !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  padding:16px 0 !important;
  opacity:.95;
  white-space:nowrap;
  font-family:Arial, Helvetica, sans-serif !important;
}
.bella-clean-nav a:hover{color:var(--bella-gold-2) !important;opacity:1;}
.bella-clean-tour-pill{
  background:linear-gradient(135deg, var(--bella-gold-2), var(--bella-gold)) !important;
  color:#1d140b !important;
  padding:15px 23px !important;
  border-radius:999px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.25) !important;
}
.bella-clean-tour-pill:hover{filter:brightness(1.04);}
.bella-clean-has-submenu > a::after{
  content:"";
  display:inline-block;
  width:6px;height:6px;margin-left:8px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
}
.bella-clean-submenu{
  position:absolute !important;
  top:100% !important;
  right:0 !important;
  min-width:315px !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(12px) !important;
  background:rgba(12,12,12,.97) !important;
  border:1px solid rgba(229,194,122,.24) !important;
  border-radius:18px !important;
  padding:14px 0 !important;
  box-shadow:0 26px 70px rgba(0,0,0,.48) !important;
  backdrop-filter:blur(18px) !important;
  z-index:2147483001 !important;
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease !important;
}
.bella-clean-has-submenu:hover > .bella-clean-submenu,
.bella-clean-has-submenu:focus-within > .bella-clean-submenu{
  opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateY(0) !important;
}
.bella-clean-submenu li{display:block !important;width:100% !important;}
.bella-clean-submenu li a{
  display:block !important;
  padding:10px 22px !important;
  color:rgba(255,255,255,.91) !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:1px !important;
  text-transform:none !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
}
.bella-clean-submenu li a:hover{color:var(--bella-gold-2) !important;background:rgba(229,194,122,.08) !important;}

.bella-clean-menu-btn{display:none !important;}
.bella-clean-mobile-panel{display:none !important;}

@media (max-width:1180px){
  .bella-clean-nav > ul{gap:14px;}
  .bella-clean-nav a{font-size:9px !important;letter-spacing:1.3px !important;}
  .bella-clean-tour-pill{padding:14px 18px !important;}
}

@media (max-width:991px){
  .bella-clean-nav{display:none !important;}
  .bella-clean-header,
  .bella-clean-header.scrolled,
  body:not(.bella-page-index) .bella-clean-header{
    height:76px;
    padding:12px 16px;
    background:rgba(8,8,8,.92);
    box-shadow:0 14px 40px rgba(0,0,0,.25);
    backdrop-filter:blur(14px);
  }
  .bella-clean-logo img{width:112px;max-height:58px;}
  .bella-clean-menu-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid rgba(229,194,122,.52);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:#fff;
    padding:10px 14px;
    cursor:pointer;
    letter-spacing:1.4px;
    text-transform:uppercase;
    font-size:10px;
    font-weight:800;
    line-height:1;
    box-shadow:none;
    min-width:88px;
    height:42px;
  }
  .bella-clean-menu-lines{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:4px !important;
    width:22px !important;
    height:16px !important;
    flex:0 0 22px !important;
  }
  .bella-clean-menu-lines i{
    display:block !important;
    width:22px !important;
    height:2px !important;
    background:var(--bella-gold) !important;
    border-radius:999px !important;
    margin:0 !important;
  }
  .bella-clean-menu-text{font-style:normal;line-height:1;}
  .bella-clean-mobile-panel{
    display:block !important;
    position:fixed;
    top:76px; left:0; right:0;
    max-height:calc(100vh - 76px);
    overflow:auto;
    z-index:2147482999;
    background:rgba(9,9,9,.98);
    border-top:1px solid rgba(229,194,122,.18);
    padding:18px 22px 28px;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .2s ease, visibility .2s ease, transform .2s ease;
    box-shadow:0 25px 70px rgba(0,0,0,.45);
  }
  .bella-clean-mobile-panel.open{opacity:1;visibility:visible;transform:translateY(0);}
  .bella-clean-mobile-panel a,
  .bella-clean-mobile-more{
    display:block;
    width:100%;
    padding:15px 0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.09);
    background:transparent;
    color:#fff !important;
    text-align:left;
    text-decoration:none !important;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.6px;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
  }
  .bella-clean-mobile-more{display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
  .bella-clean-mobile-submenu{display:none;padding:6px 0 12px 14px;border-bottom:1px solid rgba(255,255,255,.09);}
  .bella-clean-mobile-submenu.open{display:block;}
  .bella-clean-mobile-submenu a{font-size:11px;letter-spacing:1px;text-transform:none;font-weight:600;color:rgba(255,255,255,.82) !important;border-bottom:0;padding:10px 0;}
  .bella-clean-mobile-cta{margin-top:18px;text-align:center !important;border-bottom:0 !important;border-radius:999px;background:linear-gradient(135deg,var(--bella-gold-2),var(--bella-gold)) !important;color:#17110a !important;padding:15px 20px !important;}
}

/* Basic mobile polish for legacy sections */
@media (max-width:768px){
  .breadcumb-area, .breadcumb-area.style-0{min-height:340px !important;padding:120px 20px 70px !important;display:flex !important;align-items:center !important;background-position:center !important;}
  .breadcumb-content h4{font-size:clamp(42px, 12vw, 70px) !important;line-height:.95 !important;color:#fff !important;text-align:left !important;}
  .section-main-title h1, .section-main-title h3{font-size:clamp(30px, 8vw, 48px) !important;line-height:1.05 !important;}
  .container, .container-fluid{max-width:100% !important;}
  img{max-width:100%;height:auto;}
}

/* Gallery/vendor/image card light cleanup */
.vendors-image{width:100%;height:100%;object-fit:cover;border-radius:16px;}
.vendors-image-container{border-radius:16px;overflow:hidden;background:#eee;}

/* Footer polish */
.footer-area{position:relative;overflow:hidden;}
@media (max-width:768px){.footer-area{text-align:center;}.footer-title h1{font-size:30px !important;}.footer-info p{font-size:15px !important;line-height:1.7 !important;}}