/* =============================================
   Siri Homes — Homepage white & black theme
   ============================================= */

body.page-home,
body.page-properties,
body.page-contact,
body.page-blog,
body.about-page,
body.page-property-detail {
  --color-light-bg: #ffffff;
  --color-ivory: #ffffff;
  --color-plan-bg: #fafafa;
  --color-plan-card: #f0f0f0;
  --color-project-footer: #f5f5f5;
  --color-gold: #000000;
  --color-gold-dark: #000000;
  --color-gold-light: #222222;
  --color-chat-fab: #000000;
  --color-chat-icon: #ffffff;
  --color-muted-text: #555555;
  --color-search-bg: rgba(8, 8, 8, 0.96);
  --color-btn-dark: #000000;
  --color-btn-dark-hover: #222222;
  background: #ffffff;
  color: #111111;
}

/* Hero search bar — always light text on dark bar */
body.page-home .hero .search-bar,
body.page-home .hero .search-bar__form,
body.page-home .hero .search-bar__trigger,
body.page-home .hero .search-bar__value,
body.page-home .hero .search-bar__submit,
body.page-home .hero .search-bar__count {
  color: #ffffff;
}

body.page-home .hero .search-bar__label {
  color: rgba(255, 255, 255, 0.78);
}

body.page-home .hero .search-bar__form {
  background: rgba(0, 0, 0, 0.92);
  border-color: rgba(255, 255, 255, 0.16);
}

body.page-home .hero .search-bar__divider {
  background: rgba(255, 255, 255, 0.2);
}

body.page-home .hero__toolbar {
  align-items: center;
}

/* Hero headline — clean white text, no line boxes */
body.page-home .hero__intro,
body.page-home .hero__slogan {
  color: #ffffff !important;
  background: none !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  visibility: visible !important;
}

/* Primary buttons — black & white system */

body.page-home .button-gold,
body.page-properties .button-gold,
body.page-contact .button-gold,
body.page-blog .button-gold,
body.about-page .button-gold,
body.page-property-detail .button-gold,
body.page-home .enquiry-modal__submit,
body.page-properties .enquiry-modal__submit,
body.page-contact .enquiry-modal__submit,
body.page-blog .enquiry-modal__submit,
body.about-page .enquiry-modal__submit,
body.page-property-detail .enquiry-modal__submit {
  background: #000000;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

body.page-home .button-gold:hover,
body.page-properties .button-gold:hover,
body.page-contact .button-gold:hover,
body.page-blog .button-gold:hover,
body.about-page .button-gold:hover,
body.page-property-detail .button-gold:hover,
body.page-home .enquiry-modal__submit:hover:not(:disabled),
body.page-properties .enquiry-modal__submit:hover:not(:disabled),
body.page-contact .enquiry-modal__submit:hover:not(:disabled),
body.page-blog .enquiry-modal__submit:hover:not(:disabled),
body.about-page .enquiry-modal__submit:hover:not(:disabled),
body.page-property-detail .enquiry-modal__submit:hover:not(:disabled) {
  background: #222222;
}

/* Project cards */
body.page-home .property-card__price,
body.page-properties .property-card__price {
  color: #000000;
}

body.page-home .property-card__ribbon,
body.page-properties .property-card__ribbon {
  background: #000000;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
}

/* Collaborations progress */
body.page-home .collab-swiper-pagination {
  background: rgba(0, 0, 0, 0.1);
}

body.page-home .collab-swiper-pagination .swiper-pagination-progressbar-fill {
  background: #000000;
}

/* CTA scene */
body.page-home .cta-scene__bg {
  background-color: #ececec;
  filter: grayscale(100%);
  transform: scale(1.04);
}

body.page-home .cta-scene__overlay,
body.page-home .cta-scene__content,
body.page-home .cta-card {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  visibility: visible !important;
}

body.page-home .cta-scene__overlay {
  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 42%,
    rgba(0, 0, 0, 0.1) 72%,
    rgba(0, 0, 0, 0.2) 100%
  );
}

/* Mortgage calculator */
body.page-home .mortgage-calculator {
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

body.page-home .mortgage-calculator__toggle-btn,
body.page-home .mortgage-calculator__product {
  border-color: rgba(0, 0, 0, 0.18);
}

body.page-home .mortgage-calculator__toggle-btn.is-active,
body.page-home .mortgage-calculator__product.is-active {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

body.page-home .mortgage-calculator__input {
  border-color: rgba(0, 0, 0, 0.14);
}

body.page-home .mortgage-calculator__input:focus {
  border-color: #000000;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

body.page-home .mortgage-calculator__range::-webkit-slider-thumb,
body.page-home .mortgage-calculator__range::-moz-range-thumb {
  background: #000000;
}

body.page-home .mortgage-calculator__divider {
  background: rgba(0, 0, 0, 0.12);
}

body.page-home .mortgage-calculator__summary summary::after {
  color: #000000;
}

body.page-home .mortgage-calculator__btn--primary {
  background: #000000;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}

body.page-home .mortgage-calculator__btn--primary:hover {
  background: #222222;
}

body.page-home .mortgage-calculator__btn--outline {
  border-color: #000000;
  color: #000000;
}

body.page-home .mortgage-calculator__btn--outline:hover {
  border-color: #000000;
  background: rgba(0, 0, 0, 0.04);
}

/* FAQs */
body.page-home .faq-item[open] .faq-question {
  color: #000000;
}

/* Blog carousel */
body.page-home .benefits-gallery__pagination,
body.about-page .benefits-gallery__pagination {
  background: rgba(0, 0, 0, 0.1);
}

body.page-home .benefits-gallery__pagination .swiper-pagination-progressbar-fill,
body.about-page .benefits-gallery__pagination .swiper-pagination-progressbar-fill {
  background: #000000;
}
body.page-home .benefits-gallery__arrow,
body.about-page .benefits-gallery__arrow {
  border-color: rgba(0, 0, 0, 0.2);
  color: #000000;
}

body.page-home .benefits-gallery__arrow:hover:not(:disabled):not(.swiper-button-disabled),
body.about-page .benefits-gallery__arrow:hover:not(:disabled):not(.swiper-button-disabled) {
  border-color: #000000;
  background: rgba(0, 0, 0, 0.04);
  color: #000000;
}

body.page-home .benefits-gallery__arrow:disabled,
body.page-home .benefits-gallery__arrow.swiper-button-disabled,
body.about-page .benefits-gallery__arrow:disabled,
body.about-page .benefits-gallery__arrow.swiper-button-disabled {
  color: rgba(0, 0, 0, 0.28);
  border-color: rgba(0, 0, 0, 0.1);
}

/* Footer */
body.page-home .footer-social:hover,
body.page-properties .footer-social:hover,
body.page-contact .footer-social:hover,
body.page-blog .footer-social:hover,
body.about-page .footer-social:hover {
  color: #111;
  background: #fff;
  border-color: #fff;
  opacity: 1;
}

body.page-home .footer-newsletter__submit:hover,
body.page-properties .footer-newsletter__submit:hover,
body.page-contact .footer-newsletter__submit:hover,
body.page-blog .footer-newsletter__submit:hover,
body.about-page .footer-newsletter__submit:hover {
  background: #e8e8e8;
}

/* Enquiry modal */
body.page-home .enquiry-modal__input,
body.page-properties .enquiry-modal__input,
body.page-contact .enquiry-modal__input,
body.page-blog .enquiry-modal__input,
body.about-page .enquiry-modal__input,
body.page-property-detail .enquiry-modal__input,
body.page-home .enquiry-modal__country,
body.page-properties .enquiry-modal__country,
body.page-contact .enquiry-modal__country,
body.page-blog .enquiry-modal__country,
body.about-page .enquiry-modal__country,
body.page-property-detail .enquiry-modal__country {
  border-color: rgba(0, 0, 0, 0.14);
}

body.page-home .enquiry-modal__input:focus,
body.page-properties .enquiry-modal__input:focus,
body.page-contact .enquiry-modal__input:focus,
body.page-blog .enquiry-modal__input:focus,
body.about-page .enquiry-modal__input:focus,
body.page-property-detail .enquiry-modal__input:focus,
body.page-home .enquiry-modal__country:focus,
body.page-properties .enquiry-modal__country:focus,
body.page-contact .enquiry-modal__country:focus,
body.page-blog .enquiry-modal__country:focus,
body.about-page .enquiry-modal__country:focus,
body.page-property-detail .enquiry-modal__country:focus {
  border-color: #000000;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

body.page-home .enquiry-modal__checkbox a,
body.page-properties .enquiry-modal__checkbox a,
body.page-contact .enquiry-modal__checkbox a,
body.page-blog .enquiry-modal__checkbox a,
body.about-page .enquiry-modal__checkbox a,
body.page-property-detail .enquiry-modal__checkbox a,
body.page-home .enquiry-modal__captcha-logo,
body.page-properties .enquiry-modal__captcha-logo,
body.page-contact .enquiry-modal__captcha-logo,
body.page-blog .enquiry-modal__captcha-logo,
body.about-page .enquiry-modal__captcha-logo,
body.page-property-detail .enquiry-modal__captcha-logo {
  color: #000000;
}

body.page-home .enquiry-modal__captcha-box.is-checked,
body.page-properties .enquiry-modal__captcha-box.is-checked,
body.page-contact .enquiry-modal__captcha-box.is-checked,
body.page-blog .enquiry-modal__captcha-box.is-checked,
body.about-page .enquiry-modal__captcha-box.is-checked,
body.page-property-detail .enquiry-modal__captcha-box.is-checked {
  border-color: #000000;
  background: #000000;
}

body.page-home .enquiry-modal__captcha-box.is-checked::after,
body.page-properties .enquiry-modal__captcha-box.is-checked::after,
body.page-contact .enquiry-modal__captcha-box.is-checked::after,
body.page-blog .enquiry-modal__captcha-box.is-checked::after,
body.about-page .enquiry-modal__captcha-box.is-checked::after,
body.page-property-detail .enquiry-modal__captcha-box.is-checked::after {
  color: #ffffff;
}

/* Enquiry submit — black & white system */

body.page-home .enquiry-modal__checkbox input,
body.page-properties .enquiry-modal__checkbox input,
body.page-contact .enquiry-modal__checkbox input,
body.page-blog .enquiry-modal__checkbox input,
body.about-page .enquiry-modal__checkbox input,
body.page-property-detail .enquiry-modal__checkbox input,
body.page-home .enquiry-modal__radio input,
body.page-properties .enquiry-modal__radio input,
body.page-contact .enquiry-modal__radio input,
body.page-blog .enquiry-modal__radio input,
body.about-page .enquiry-modal__radio input,
body.page-property-detail .enquiry-modal__radio input {
  accent-color: #000000;
}

/* Scroll to top */
body.page-home .scroll-top,
body.page-properties .scroll-top,
body.page-blog .scroll-top,
body.about-page .scroll-top,
body.page-property-detail .scroll-top {
  background: #000000;
  color: #ffffff;
}

/* Awards */
body.page-home .overview-awards {
  border-top-color: rgba(0, 0, 0, 0.08);
}

body.page-home .award-badge {
  background: #f8f8f8;
  border-color: rgba(0, 0, 0, 0.1);
}

body.page-home .award-badge:hover {
  background: #f2f2f2;
  border-color: rgba(0, 0, 0, 0.18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}