/* SSSD GROUP — PHASE 01 | BRAND / HEADER / RESPONSIVE HERO
   This file deliberately overrides the original Balley files.
   Modify this stylesheet for future brand changes; leave plugins intact.
   No black / charcoal-themed surfaces.
*/
:root {
  --sssd-ivory: #FBF8F2;
  --sssd-white: #FFFEFC;
  --sssd-cream: #F3EADC;
  --sssd-sand: #E8DCC8;
  --sssd-gold: #B38A49;
  --sssd-deep-gold: #916B35;
  --sssd-bronze: #755B40;
  --sssd-ink: #715D49;
  --sssd-body: #867360;
  --sssd-stroke: #E8DDCA;
}
html {scroll-behavior:smooth;overflow-x:hidden}
body {background:var(--sssd-white); color:var(--sssd-body);overflow-x:hidden}
h1,h2,h3,h4,h5,h6 {color:var(--sssd-ink)}
a {color:var(--sssd-ink)}
a:hover,a:focus {color:var(--sssd-gold)}
::selection {background:#DFC99F;color:var(--sssd-bronze)}
.theme-btn,.scroll-top {background:var(--sssd-gold);color:#fff}
.theme-btn:hover,.scroll-top:hover {background:var(--sssd-deep-gold);color:#fff}
.sec-title,h2 {letter-spacing:-.015em}
input,textarea {color:var(--sssd-ink)}
input:focus,textarea:focus,button:focus-visible,a:focus-visible {outline:2px solid var(--sssd-gold);outline-offset:2px}
/* Cream and champagne header, including its scroll state */
.main-header {background:var(--sssd-white);margin-bottom:0;border-bottom:1px solid var(--sssd-stroke);box-shadow:0 2px 15px rgba(144,112,65,.055)}
.main-header > .container > .row,.sticky-header .container > .row {display:flex;align-items:center;flex-wrap:nowrap}
.main-header .logo-column,.sticky-header .logo-column {min-width:0}
.main-header .logo-box {background:transparent;padding:10px 0;margin:0;display:block}
.main-header .logo-box a {display:block}
.main-header .logo-box img {display:block;width:100%;max-width:275px;height:auto;max-height:108px;object-fit:contain;object-position:left center}
.main-header .menu-area {margin-top:0;background:transparent;border:0;display:flex;justify-content:flex-end}
.main-menu {margin-left:auto}
.main-menu .navigation > li {margin:0 6px}
.main-menu .navigation > li > a {color:var(--sssd-bronze);font-size:13px;letter-spacing:.045em;font-weight:600;padding:35px 7px;line-height:26px}
.main-menu .navigation > li.current > a,.main-menu .navigation > li:hover > a {color:var(--sssd-deep-gold)}
.main-menu .navigation > li > ul {background:var(--sssd-white);border-top:2px solid var(--sssd-gold);box-shadow:0 15px 35px rgba(114,91,55,.12)}
.main-menu .navigation > li > ul > li {border-bottom:1px solid var(--sssd-stroke)}
.main-menu .navigation > li > ul > li > a {color:var(--sssd-bronze);font-size:13px}
.main-menu .navigation > li > ul > li:hover {background:var(--sssd-cream)}
.main-menu .navigation > li > ul > li:hover > a {color:var(--sssd-deep-gold)}
.sticky-header {background:#FFFEFC;border-bottom:1px solid var(--sssd-stroke);box-shadow:0 8px 28px rgba(144,112,65,.10)}
.sticky-header .small-logo-box {margin:0;padding:5px 0}
.sticky-header .small-logo-box img {width:100%;max-width:226px;height:auto;max-height:82px;object-fit:contain;object-position:left center}
.sticky-header .menu-area {background:transparent;border:0}
.sticky-header .main-menu .navigation > li {margin:0 6px}
.sticky-header .main-menu .navigation > li > a {padding:25px 7px;color:var(--sssd-bronze);font-size:13px}
.sticky-header .main-menu .navigation > li.current > a,.sticky-header .main-menu .navigation > li:hover > a {background:transparent;color:var(--sssd-deep-gold)}
/* Hero: six official banners, never overlay duplicate text. No dark fade. */
.main-slider.sssd-hero {width:100%;background:var(--sssd-ivory);overflow:hidden}
.main-slider.sssd-hero .slide {padding:0 !important;margin:0;min-height:0;background:none!important;display:block}
.main-slider.sssd-hero .slide::before {content:none!important;display:none!important}
.main-slider.sssd-hero .slide picture,.main-slider.sssd-hero .slide img {display:block;width:100%}
.main-slider.sssd-hero .slide img {height:auto;aspect-ratio:2560 / 1133;object-fit:cover}
.main-slider.sssd-hero .owl-stage-outer {background:var(--sssd-ivory)}
.main-slider.sssd-hero .owl-nav {top:50%;transform:translateY(-50%);margin-top:0;pointer-events:none}
.main-slider.sssd-hero .owl-controls .owl-nav [class*="owl-"] {pointer-events:auto;background:rgba(255,253,247,.9);color:var(--sssd-bronze);border:1px solid rgba(201,169,119,.6);border-radius:50%;width:45px;height:45px;line-height:42px;font-size:20px;box-shadow:0 4px 16px rgba(125,95,54,.1)}
.main-slider.sssd-hero .owl-controls .owl-nav [class*="owl-"]:hover {background:var(--sssd-gold);color:#fff}
.main-slider.sssd-hero .owl-controls .owl-nav .owl-prev {left:24px}
.main-slider.sssd-hero .owl-controls .owl-nav .owl-next {right:24px}
/* light section backgrounds and global brand details */
.intro-section,.about-section,.gallery-section,.room-dimension,.our-agent,.news-section {background:var(--sssd-white)}
.features-section,.highlights-section {background:var(--sssd-ivory)}
.intro-section .single-item,.intro-section .content-box {border-color:var(--sssd-stroke)}
/* Replace dark feature cards with warm ivory glass cards */
.apartment-section .single-item,.apartment-section .single-item:hover {background:rgba(255,253,248,.94);box-shadow:0 12px 35px rgba(142,113,65,.11);border:1px solid var(--sssd-stroke);color:var(--sssd-body)}
.apartment-section .single-item h4 a,.apartment-section .single-item h4 a:hover {color:var(--sssd-deep-gold)}
.apartment-section .single-item .text,.apartment-section .single-item p {color:var(--sssd-body)}
.apartment-section .single-item .icon-box i:before {color:var(--sssd-gold)}
/* No black-tinted backgrounds in testimonials / gallery / interior pages */
.testimonial-section:before,.gallery-style-two:before,.subscribe-section:before,.page-title:before {background:rgba(247,240,228,.83)}
.testimonial-section h2.sec-title,.testimonial-section .title-text,.gallery-style-two h2.sec-title,.gallery-style-two .title-text,.subscribe-section .subscribe-content h2,.subscribe-section .subscribe-content .text,.page-title h2 {color:var(--sssd-bronze)}
.gallery-page .overlay-inner {background:rgba(247,239,223,.92)}
.gallery-page .overlay-inner a,.gallery-page .overlay-content a {color:var(--sssd-deep-gold)}
.google-map-section .map-content .contact-info {background:rgba(251,248,242,.96);color:var(--sssd-body)}
.google-map-section .map-content .contact-info h4,.google-map-section .map-content .contact-info a {color:var(--sssd-bronze)}
/* Refined, readable ivory footer instead of the original black one */
.main-footer {color:var(--sssd-body);background-color:var(--sssd-ivory)}
.main-footer:before {background:rgba(246,238,224,.97)}
.main-footer .footer-top {border-bottom:1px solid #DDCEB9}
.main-footer .logo-widget .footer-logo {background:transparent;padding:0;margin:0 0 24px;top:0;display:block}
.main-footer .logo-widget .footer-logo img {width:100%;max-width:255px;height:auto}
.main-footer .footer-title h4 {color:var(--sssd-bronze)}
.main-footer .logo-widget .text,.main-footer .twitter-widget .single-item,.main-footer .twitter-widget .single-item span,.main-footer .footer-post .single-post .text {color:var(--sssd-body)}
.main-footer .logo-widget .footer-social li a,.main-footer .footer-post .single-post .link a,.main-footer .footer-bottom,.main-footer .footer-bottom a {color:var(--sssd-bronze)}
.main-footer .logo-widget .footer-social li a:hover,.main-footer .footer-post .single-post .link a:hover,.main-footer .footer-bottom a:hover {color:var(--sssd-deep-gold)}
.main-footer .subscribe-widget input,.main-footer .subscribe-widget textarea {background:var(--sssd-white);border-color:#e5d8c4;color:var(--sssd-ink)}
.main-footer .subscribe-widget button {background:var(--sssd-gold);border-color:var(--sssd-gold);color:#fff}
.main-footer .subscribe-widget button:hover {background:var(--sssd-deep-gold);border-color:var(--sssd-deep-gold);color:#fff}
.main-footer .footer-bottom {border-top:1px solid #E4D7C6;color:var(--sssd-bronze)}
/* Other legacy widget themes */
.main-slider .slider-content,.main-header .menu-area {background:transparent}
.apartment-style-two .single-item:hover {background:var(--sssd-cream)}
.apartment-style-two .single-item:hover h4 a,.apartment-style-two .single-item:hover .text {color:var(--sssd-bronze)}
.our-agent .single-item .agent-social li a:hover {background:var(--sssd-deep-gold)}
/* Replace template's bright green preloader with an ivory/gold spinner */
.preloader {background:var(--sssd-ivory);background-image:none}
.preloader:after {content:"";display:block;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);height:50px;width:50px;border-radius:50%;border:2px solid #E9DCC6;border-top-color:var(--sssd-gold);animation:sssd-spin .85s linear infinite}
@keyframes sssd-spin {to {transform:rotate(360deg)}}
/* Mobile navigation must remain light, no #333 menu surfaces */
@media (max-width:1199px) and (min-width:992px) {
 .main-header .logo-box {padding:10px 0}
 .main-menu,.sticky-header .main-menu {margin-left:3px}
 .main-menu .navigation > li,.sticky-header .main-menu .navigation > li {margin:0 2px}
 .main-menu .navigation > li > a,.sticky-header .main-menu .navigation > li > a {padding-left:5px;padding-right:5px;font-size:12px}
}
@media (max-width:991px) {
 .main-header > .container > .row,.sticky-header .container > .row {display:flex;align-items:center;flex-wrap:wrap}
 .main-header .logo-column,.sticky-header .logo-column {flex:1 1 calc(100% - 72px);width:calc(100% - 72px);max-width:calc(100% - 72px)}
 .main-header .menu-column,.sticky-header .menu-column {flex:0 0 72px;width:72px;max-width:72px}
 .main-header .logo-box {padding:9px 0;text-align:left}
 .main-header .logo-box img {width:min(100%,258px);max-height:96px}
 .main-header .small-logo-box {padding:6px 0;text-align:left}
 .sticky-header .small-logo-box img {width:min(100%,224px);max-height:82px}
 .main-header .menu-area,.sticky-header .menu-area {margin:0;background:transparent;border:none;position:static;display:block}
 .main-menu,.sticky-header .main-menu {margin:0}
 .main-menu .navbar-header {text-align:right}
 .main-menu .navbar-header .navbar-toggle {padding:9px;float:right;border:1px solid var(--sssd-stroke);border-radius:4px}
 .main-menu .navbar-header .navbar-toggle .icon-bar,.sticky-header .main-menu .navbar-header .navbar-toggle .icon-bar {background:var(--sssd-bronze);height:2px;width:22px;margin:5px}
 .main-menu .navbar-collapse {position:absolute;right:15px;top:100%;width:min(420px,calc(100vw - 30px));z-index:1100;background:var(--sssd-white);box-shadow:0 18px 40px rgba(134,103,66,.14);max-height:min(70vh,470px);overflow-y:auto}
 .main-menu .navbar-collapse > .navigation,.main-menu .navbar-collapse > .navigation > li,.main-menu .navbar-collapse > .navigation > li > ul,.main-menu .navbar-collapse > .navigation > li > ul > li {background:var(--sssd-white)!important;border-color:var(--sssd-stroke)!important}
 .main-menu .navbar-collapse > .navigation > li > a,.main-menu .navbar-collapse > .navigation > li > ul > li > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {background:var(--sssd-white)!important;color:var(--sssd-bronze)!important;font-size:13px;letter-spacing:.035em;padding:12px 20px!important}
 .main-menu .navbar-collapse > .navigation > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li.current > a {color:var(--sssd-deep-gold)!important;background:var(--sssd-cream)!important}
 .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {color:var(--sssd-deep-gold);border-left:1px solid var(--sssd-stroke)}
 .main-menu .navbar-collapse > .navigation > li > ul {background:var(--sssd-ivory)!important}
 .sticky-header .main-menu .navigation > li > a {padding:12px 20px!important}
 .main-slider.sssd-hero .slide img {aspect-ratio:2560 / 1133}
}
@media (max-width:767px) {
 .main-header .logo-box img {max-width:230px}
 .main-slider.sssd-hero .slide img {aspect-ratio:1440 / 2560;height:auto;object-fit:contain}
 .main-slider.sssd-hero .owl-controls .owl-nav [class*="owl-"] {width:33px;height:33px;line-height:31px;font-size:17px}
 .main-slider.sssd-hero .owl-controls .owl-nav .owl-prev {left:10px}
 .main-slider.sssd-hero .owl-controls .owl-nav .owl-next {right:10px}
 .scroll-top {right:16px;bottom:20px;width:40px;height:40px;line-height:40px}
}
@media (max-width:400px) {
 .main-header .logo-box img {max-width:210px}
 .main-header .logo-column,.sticky-header .logo-column {flex-basis:calc(100% - 62px);width:calc(100% - 62px);max-width:calc(100% - 62px)}
 .main-header .menu-column,.sticky-header .menu-column {flex-basis:62px;width:62px;max-width:62px}
}
@media (prefers-reduced-motion:reduce) {html{scroll-behavior:auto}.preloader:after{animation:none}}