/* Woning Unie — sitewide playful visual layer, 2026-10-30 */
:root{
  --wu-primary:#3B82F6;
  --wu-primary-dark:#1D4ED8;
  --wu-primary-soft:#EAF3FF;
  --wu-green:#22C55E;
  --wu-green-soft:#EAFBF0;
  --wu-orange:#F97316;
  --wu-orange-soft:#FFF1E8;
  --wu-purple:#8B5CF6;
  --wu-purple-soft:#F2ECFF;
  --wu-ink:#18324A;
  --wu-text:#5F7892;
  --wu-border:#D9E7F7;
  --wu-bg:#F5F9FF;
  --wu-card:#FFFFFF;
  --wu-shadow:0 16px 42px rgba(38,83,130,.10);
  --wu-shadow-hover:0 22px 56px rgba(38,83,130,.16);
  --wu-radius:22px;
  --wu-radius-sm:14px;
  --ltn__secondary-color:#3B82F6;
  --ltn__secondary-color-2:#1D4ED8;
  --ltn__secondary-color-3:#14B8A6;
  --ltn__heading-color:#18324A;
  --ltn__paragraph-color:#5F7892;
  --border-color-1:#D9E7F7;
  --border-color-9:#E7EFF8;
  --section-bg-1:#F5F9FF;
}

html{scroll-behavior:smooth}
body{background:#fff;color:var(--wu-text)}
body,button,input,select,textarea{font-family:'Nunito Sans',sans-serif}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--wu-ink)}
a{transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
a:hover{color:var(--wu-primary)!important}

/* Header */
.ltn__header-top-area{
  background:linear-gradient(90deg,#17324c 0%,#224f77 55%,#2f6ca0 100%)!important;
  border-bottom:0!important;
}
.ltn__header-top-area a,.ltn__header-top-area li,.ltn__header-top-area i{color:#fff!important}
.header-top-btn a{background:linear-gradient(135deg,var(--wu-orange),#fb923c)!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 20px rgba(249,115,22,.24)!important}
.ltn__header-middle-area{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--wu-border)!important;box-shadow:0 10px 30px rgba(44,84,122,.08)!important}
.ltn__main-menu>ul>li>a{color:var(--wu-ink)!important;border-radius:12px!important}
.ltn__main-menu>ul>li>a::after{background:linear-gradient(90deg,var(--wu-primary),var(--wu-purple))!important;height:3px!important;border-radius:99px!important}
.ltn__main-menu>ul>li:hover>a{background:var(--wu-primary-soft)!important;color:var(--wu-primary-dark)!important}
.ltn__main-menu li>ul,.ltn__main-menu .sub-menu,.ltn__drop-menu.user-menu ul ul{border-top:3px solid var(--wu-primary)!important;border-radius:0 0 18px 18px!important;box-shadow:var(--wu-shadow)!important}
.ltn__drop-menu.user-menu>ul>li>a,.mini-cart-icon a,.mobile-menu-toggle a{background:var(--wu-primary-soft)!important;border:1px solid #cfe1fb!important;color:var(--wu-primary)!important;box-shadow:none!important}
.ltn__drop-menu.user-menu>ul>li>a:hover,.mini-cart-icon a:hover,.mobile-menu-toggle a:hover{background:var(--wu-primary)!important;color:#fff!important;transform:translateY(-1px)}

/* Buttons */
.btn,.theme-btn-1,.theme-btn-2,.theme-btn-3,button[type="submit"],input[type="submit"]{border-radius:14px!important;font-weight:800!important;transition:all .22s ease!important}
.theme-btn-1,.btn.theme-btn-1,button.theme-btn-1,input.theme-btn-1[type="submit"]{background:linear-gradient(135deg,var(--wu-primary),var(--wu-primary-dark))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(59,130,246,.22)!important}
.theme-btn-1:hover,.btn.theme-btn-1:hover,button.theme-btn-1:hover,input.theme-btn-1[type="submit"]:hover{background:linear-gradient(135deg,var(--wu-primary-dark),#153ca9)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 28px rgba(59,130,246,.30)!important}
.theme-btn-2,.btn.theme-btn-2{background:#fff!important;border:2px solid #cfe1fb!important;color:var(--wu-primary-dark)!important}
.theme-btn-2:hover,.btn.theme-btn-2:hover{background:var(--wu-primary-soft)!important;border-color:var(--wu-primary)!important;color:var(--wu-primary-dark)!important;transform:translateY(-2px)}

/* Forms */
input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],input[type="url"],select,textarea{
  background:#fff!important;border:1px solid #dbe8f6!important;border-radius:14px!important;color:var(--wu-ink)!important;box-shadow:0 4px 14px rgba(43,87,129,.04)!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--wu-primary)!important;box-shadow:0 0 0 4px rgba(59,130,246,.11)!important}
input::placeholder,textarea::placeholder{color:#8aa1b5!important}
.checkbox-item input:checked~.checkmark,.checkbox-item:hover input~.checkmark{background:var(--wu-primary)!important;border-color:var(--wu-primary)!important}

/* Generic cards and panels */
.ltn__product-item,.ltn__blog-item,.ltn__feature-item,.ltn__form-box,.contact-form-box,.widget,.sidebar-area>div,.account-login-inner,.ltn__team-item,.wu-faq-item{
  border-radius:var(--wu-radius)!important;border-color:var(--wu-border)!important;box-shadow:var(--wu-shadow)!important;background:#fff!important;
}
.ltn__product-item,.ltn__blog-item,.ltn__feature-item{overflow:hidden;transition:transform .24s ease,box-shadow .24s ease!important}
.ltn__product-item:hover,.ltn__blog-item:hover,.ltn__feature-item:hover{transform:translateY(-5px);box-shadow:var(--wu-shadow-hover)!important}

/* Property cards */
.product-badge li,.sale-badge{background:linear-gradient(135deg,var(--wu-orange),#fb923c)!important;color:#fff!important;border-radius:999px!important;padding:6px 12px!important}
.product-price span,.product-price{color:var(--wu-primary-dark)!important}
.product-img img{transition:transform .45s ease}
.ltn__product-item:hover .product-img img{transform:scale(1.035)}
.product-info-bottom{border-top:1px solid #e8f0f8!important}

/* Breadcrumb / inner page hero */
.ltn__breadcrumb-area{position:relative;overflow:hidden;border-radius:0 0 30px 30px;background-color:#eaf3ff!important}
.ltn__breadcrumb-area::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,78,216,.78),rgba(59,130,246,.58) 52%,rgba(139,92,246,.38));z-index:0}
.ltn__breadcrumb-area>.container{position:relative;z-index:1}
.ltn__breadcrumb-area h1,.ltn__breadcrumb-area h2,.ltn__breadcrumb-area .ltn__breadcrumb-list li,.ltn__breadcrumb-area .ltn__breadcrumb-list a{color:#fff!important}

/* Sections */
.section-bg-1{background:var(--wu-bg)!important}
.section-subtitle,.ltn__secondary-color{color:var(--wu-primary)!important}
hr{border-color:var(--wu-border)!important}

/* Tables / pagination / tags */
.ltn__pagination ul li a{border-radius:12px!important;border-color:var(--wu-border)!important}
.ltn__pagination ul li:hover a,.ltn__pagination ul li.active a{background:var(--wu-primary)!important;border-color:var(--wu-primary)!important;color:#fff!important;box-shadow:0 8px 18px rgba(59,130,246,.20)!important}
.tagcloud a,.popular-post-widget-item,.ltn__category-menu-item{border-radius:12px!important}

/* Alerts / status blocks */
.alert-success,.bg-green{background-color:var(--wu-green)!important}
.alert-info{background:#eaf3ff!important;border-color:#cfe1fb!important;color:var(--wu-primary-dark)!important}
.alert-warning{background:var(--wu-orange-soft)!important;border-color:#ffd2b5!important;color:#9a4309!important}

/* Dashboard/account public UI */
.ltn__myaccount-tab-menu a{border-radius:12px!important;border-color:var(--wu-border)!important}
.ltn__myaccount-tab-menu a.active,.ltn__myaccount-tab-menu a:hover{background:var(--wu-primary)!important;color:#fff!important;border-color:var(--wu-primary)!important}
.ltn__myaccount-tab-content-inner{border-radius:var(--wu-radius)!important;border-color:var(--wu-border)!important;box-shadow:var(--wu-shadow)!important}

/* FAQ / details */
details{border-color:var(--wu-border)!important}
details summary{color:var(--wu-ink)!important}
details[open] summary{color:var(--wu-primary-dark)!important}

/* Footer */
.ltn__footer-area.wu-footer{background:linear-gradient(155deg,#102a43 0%,#173f63 60%,#1e527d 100%)!important;color:#dfefff!important;position:relative;overflow:hidden}
.ltn__footer-area.wu-footer::before,.ltn__footer-area.wu-footer::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.ltn__footer-area.wu-footer::before{width:360px;height:360px;right:-150px;top:-130px;background:rgba(139,92,246,.12)}
.ltn__footer-area.wu-footer::after{width:280px;height:280px;left:-110px;bottom:-130px;background:rgba(34,197,94,.10)}
.wu-footer .footer-widget{position:relative;z-index:1;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:22px!important;box-shadow:none!important}
.wu-footer,.wu-footer p,.wu-footer li,.wu-footer a,.wu-footer .footer-title{color:#e8f3ff!important}
.wu-footer a:hover{color:#8ec5ff!important}
.wu-footer .footer-title::after{background:linear-gradient(90deg,var(--wu-primary),var(--wu-green))!important}

/* Home + playful preview harmony */
.wu-home{--wu-gold:var(--wu-primary);--wu-gold-dark:var(--wu-primary-dark);--wu-soft:var(--wu-bg);--wu-border:#d9e7f7;--wu-dark:var(--wu-ink);--wu-text:var(--wu-text)}
.wu-home .wu-cta-band{background:linear-gradient(135deg,var(--wu-primary),var(--wu-purple))!important}
.wu-home .wu-icon,.wu-home .wu-content-card .wu-card-icon{background:linear-gradient(135deg,var(--wu-primary),var(--wu-purple))!important}
.wu-home .wu-stat-box i,.wu-home .wu-target-box i,.wu-home .wu-step-box i{color:var(--wu-primary)!important}
.wu-home .wu-stat-box,.wu-home .wu-target-box,.wu-home .wu-step-box,.wu-home .wu-card,.wu-home .wu-content-card{border-color:var(--wu-border)!important;box-shadow:var(--wu-shadow)!important}
.wu-home-search-card{border-color:var(--wu-border)!important;box-shadow:var(--wu-shadow)!important}
.wu-home-search-icon{background:linear-gradient(135deg,var(--wu-primary),var(--wu-purple))!important;color:#fff!important}
.wu-home-search-submit{background:linear-gradient(135deg,var(--wu-primary),var(--wu-primary-dark))!important}

/* Decorative soft backgrounds */
.wu-section-bg,.wu-home-country-portal,.wu-visual-showcase{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important}

/* Motion, but respectful */
@media (prefers-reduced-motion:no-preference){
  .btn,.ltn__product-item,.ltn__blog-item,.ltn__feature-item,.wu-home .wu-stat-box,.wu-home .wu-target-box,.wu-home .wu-step-box{will-change:transform}
}

/* Mobile */
@media(max-width:767px){
  .ltn__breadcrumb-area{border-radius:0 0 22px 22px}
  .btn,.theme-btn-1,.theme-btn-2,.theme-btn-3{border-radius:12px!important}
  .wu-footer .footer-widget{padding:18px!important;border-radius:16px!important}
}

/* Woning Unie brand refresh — no gold/brown logo asset */
.wu-brand{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none!important;line-height:1;white-space:nowrap}
.wu-brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#3B82F6 0%,#22C55E 100%);box-shadow:0 8px 20px rgba(59,130,246,.22);transform:rotate(-2deg);transition:transform .22s ease,box-shadow .22s ease}
.wu-brand-mark i{font-size:19px!important;padding:0!important;color:#fff!important}
.wu-brand-name{font-family:'Poppins',sans-serif;font-size:24px;font-weight:700;letter-spacing:-.7px;color:#18324A}
.wu-brand-name strong{font-weight:800;color:#3B82F6}
.wu-brand:hover .wu-brand-mark{transform:translateY(-2px) rotate(2deg);box-shadow:0 12px 24px rgba(59,130,246,.28)}
.wu-brand:hover .wu-brand-name{color:#18324A!important}.wu-brand:hover .wu-brand-name strong{color:#22C55E!important}
.wu-brand-footer{margin-bottom:18px}.wu-brand-footer .wu-brand-name{color:#fff}.wu-brand-footer .wu-brand-name strong{color:#93C5FD}.wu-brand-footer:hover .wu-brand-name{color:#fff!important}
@media(max-width:1199px){.ltn__header-middle-area .site-logo .wu-brand{max-width:220px}.wu-brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}.wu-brand-name{font-size:21px}}
@media(max-width:575px){.wu-brand{gap:8px}.wu-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:11px}.wu-brand-mark i{font-size:16px!important}.wu-brand-name{font-size:18px}}

/* Final palette cleanup — no gold/brown accents */
.wu-footer .footer-title:after,
.wu-footer-cta-inner { border-color:#3B82F6; }
.wu-footer .footer-title:after { background:linear-gradient(90deg,#3B82F6,#14B8A6) !important; }
.wu-footer a:hover,.wu-footer-credit a:hover{color:#60A5FA !important;}
.wu-language-label i,.wu-language-label{color:#60A5FA !important;}

/* Image-only Woning Unie logo — brand text never enters translation UI */
.wu-brand{gap:0!important;position:relative}
.wu-brand-logo-img{display:block!important;width:56px!important;height:56px!important;object-fit:cover;border-radius:16px;box-shadow:0 8px 22px rgba(59,130,246,.22);transition:transform .22s ease,box-shadow .22s ease}
.wu-brand:hover .wu-brand-logo-img{transform:translateY(-2px) rotate(1deg);box-shadow:0 12px 26px rgba(59,130,246,.30)}
.wu-brand-seo{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wu-brand .wu-brand-mark,.wu-brand .wu-brand-name{display:none!important}
.wu-brand-footer .wu-brand-logo-img{width:54px!important;height:54px!important;border-radius:15px}
@media(max-width:1199px){.wu-brand-logo-img{width:50px!important;height:50px!important}}
@media(max-width:575px){.wu-brand-logo-img{width:44px!important;height:44px!important;border-radius:13px}.wu-brand-footer .wu-brand-logo-img{width:48px!important;height:48px!important}}