/* ============================================================
   STEVE & CO. — FIX ROUND 2 (Logo · Menu · Header · Currency · List Section)
   ============================================================ */

/* ── 1. LOGO: Correct sizing for new logo files ──────────────── */
#site-logo img,
.custom-logo,
.site-logo img {
  max-width: 180px !important;
  max-height: 64px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ── 2. PAGE HEADER (Home title) — hide on all pages ─────────── */
.page-header,
#page-header,
.ocean-page-header,
header.page-header,
.has-breadcrumbs .page-header,
.page-header-title,
.ocean-breadcrumbs {
  display: none !important;
}

/* ── 3. MENU — ensure it renders and is styled ───────────────── */
#site-navigation-wrap {
  display: flex !important;
  align-items: center !important;
}

/* Nav links — horizontal padding only; vertical sizing handled by flex height */
#site-navigation .dropdown-menu > li > a,
#site-navigation .main-menu > li > a,
.dropdown-menu > li > a .text-wrap {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #C4A265 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  transition: color .2s !important;
}

#site-navigation .dropdown-menu > li > a .text-wrap,
#site-navigation .main-menu > li > a .text-wrap {
  color: #C4A265 !important;
}

#site-navigation .dropdown-menu > li > a:hover,
#site-navigation .main-menu > li > a:hover,
#site-navigation .dropdown-menu > li > a:hover .text-wrap,
#site-navigation .main-menu > li > a:hover .text-wrap,
#site-navigation .dropdown-menu > li.current-menu-item > a,
#site-navigation .dropdown-menu > li.current-menu-item > a .text-wrap {
  color: #FFFFFF !important;
}

/* Dropdown sub-menus */
#site-navigation .dropdown-menu .sub-menu {
  background: #2C2C2C !important;
  border-top: 2px solid #C4A265 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.35) !important;
  min-width: 200px !important;
  padding: 4px 0 !important;
}

#site-navigation .dropdown-menu .sub-menu li a .text-wrap {
  font-size: 11px !important;
  color: rgba(255,255,255,.75) !important;
  padding: 10px 16px !important;
  display: block !important;
  border-bottom: 1px solid rgba(196,162,101,.08) !important;
}

#site-navigation .dropdown-menu .sub-menu li a:hover .text-wrap {
  color: #C4A265 !important;
}

/* ── 4. FLOATING CURRENCY WIDGET — hide YITH/YayCurrency floaters ── */
/* YITH Multi-Currency floating bar */
.yith-wcmcs-widget-area,
.yith-wcmcs-widget,
.yith-currency-switcher,
.yith-currency-switcher-widget-area,
.yay-currency-switcher,
.yay-currency-widget,
[class*="yith-wcmcs"]:not(#site-navigation *),
[class*="yaycurrency"]:not(#site-navigation *) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Keep currency within nav visible */
#site-navigation [class*="yith"],
#site-navigation [class*="yay"] {
  display: inline-block !important;
  visibility: visible !important;
}

/* ── 5. LIST YOUR PROPERTY — Premium dark redesign ───────────── */
.sc-list-section {
  background-color: #2C2C2C !important;
  background-image:
    linear-gradient(rgba(44,44,44,.70), rgba(44,44,44,.70)),
    url('https://images.pexels.com/photos/29515355/pexels-photo-29515355/free-photo-of-elegant-modern-interior-with-city-view.jpeg?auto=compress&cs=tinysrgb&w=1920') !important;
  background-size: auto, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: scroll, fixed !important;
  padding: 100px 0 !important;
  position: relative !important;
  overflow: hidden !important;
  color: #F5F1EB !important;
}

/* Subtle gold shimmer line at top */
.sc-list-section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, #C4A265 30%, #C4A265 70%, transparent 100%) !important;
  z-index: 1;
}

.sc-list-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Eyebrow */
.sc-list-eyebrow {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .35em;
  text-transform: uppercase;
  color: #C4A265;
  margin-bottom: 16px;
}

/* Heading */
.sc-list-heading {
  font-size: clamp(30px, 3.5vw, 46px) !important;
  font-weight: 200 !important;
  color: #F5F1EB !important;
  line-height: 1.15 !important;
  margin-bottom: 20px !important;
  letter-spacing: .01em;
}

.sc-list-heading strong {
  font-weight: 700 !important;
  color: #fff !important;
}

/* Sub paragraph */
.sc-list-sub {
  font-size: 15px;
  font-weight: 300;
  color: rgba(245,241,235,.6);
  line-height: 1.85;
  margin-bottom: 36px;
}

/* USP list */
.sc-list-usp {
  list-style: none !important;
  margin: 0 0 36px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.sc-list-usp__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.sc-list-usp__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(196,162,101,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.sc-list-usp__title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #F5F1EB;
  margin-bottom: 2px;
  letter-spacing: .02em;
}

.sc-list-usp__desc {
  display: block;
  font-size: 12px;
  color: rgba(245,241,235,.45);
  line-height: 1.6;
}

/* Contact note */
.sc-list-contact-note {
  padding-top: 28px;
  border-top: 1px solid rgba(196,162,101,.15);
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.sc-list-contact-note p {
  font-size: 12px;
  color: rgba(245,241,235,.4);
  margin: 0;
  letter-spacing: .05em;
}

.sc-list-phone {
  font-size: 14px;
  font-weight: 700;
  color: #C4A265;
  text-decoration: none;
  letter-spacing: .03em;
  transition: color .2s;
}

.sc-list-phone:hover { color: #fff; }

.sc-list-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(245,241,235,.5);
  text-decoration: none;
  transition: color .2s;
}

.sc-list-whatsapp:hover { color: #C4A265; }

/* ── Form card ───────────────────────────────────────────────── */
.sc-list-form-card {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(196,162,101,.15);
  padding: 48px 40px;
  backdrop-filter: blur(8px);
}

.sc-list-form-card__title {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: #C4A265 !important;
  margin-bottom: 32px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(196,162,101,.2);
}

/* CF7 form inside the dark card */
.sc-list-form-card .wpcf7-form p,
.sc-list-form-card form p {
  margin: 0;
}

/* Line-style inputs */
.sc-list-form-card .wpcf7-form input[type="text"],
.sc-list-form-card .wpcf7-form input[type="email"],
.sc-list-form-card .wpcf7-form input[type="tel"],
.sc-list-form-card .wpcf7-form select,
.sc-list-form-card .wpcf7-form textarea,
.sc-lf-input {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(196,162,101,.25) !important;
  border-radius: 0 !important;
  color: #F5F1EB !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  padding: 12px 0 !important;
  width: 100% !important;
  margin-bottom: 20px !important;
  outline: none !important;
  transition: border-color .25s !important;
  -webkit-appearance: none !important;
}

.sc-list-form-card .wpcf7-form input::placeholder,
.sc-list-form-card .wpcf7-form textarea::placeholder,
.sc-lf-input::placeholder {
  color: rgba(245,241,235,.25) !important;
}

.sc-list-form-card .wpcf7-form input:focus,
.sc-list-form-card .wpcf7-form textarea:focus,
.sc-list-form-card .wpcf7-form select:focus,
.sc-lf-input:focus {
  border-bottom-color: #C4A265 !important;
}

/* Select arrow on dark bg */
.sc-list-form-card .wpcf7-form select,
.sc-lf-input select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C4A265' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 4px center !important;
  padding-right: 24px !important;
  cursor: pointer;
  color: rgba(245,241,235,.5) !important;
}

.sc-list-form-card .wpcf7-form select option {
  background: #2C2C2C !important;
  color: #F5F1EB !important;
}

/* Labels inside dark form */
.sc-list-form-card .wpcf7-form label,
.sc-lf-label {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: rgba(196,162,101,.6) !important;
  display: block !important;
  margin-bottom: 4px !important;
}

/* Submit button */
.sc-list-form-card .wpcf7-form input[type="submit"],
.sc-list-form-card .wpcf7-form button[type="submit"],
.sc-lf-submit {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  background: #C4A265 !important;
  color: #fff !important;
  border: none !important;
  padding: 18px 36px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background .25s !important;
  margin-top: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.sc-list-form-card .wpcf7-form input[type="submit"]:hover,
.sc-lf-submit:hover {
  background: #a88b50 !important;
}

.sc-lf-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.sc-lf-group { margin-bottom: 4px; }

.sc-lf-textarea {
  min-height: 80px !important;
  resize: vertical !important;
}

/* CF7 response messages on dark bg */
.sc-list-form-card .wpcf7-response-output {
  color: #C4A265 !important;
  border-color: rgba(196,162,101,.3) !important;
  background: transparent !important;
  font-size: 12px !important;
  margin-top: 16px !important;
}

/* Responsive */
@media (max-width: 900px) {
  .sc-list-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .sc-list-form-card { padding: 32px 24px; }
  .sc-lf-row { grid-template-columns: 1fr; }
  .sc-list-section { background-attachment: scroll; }
}

@media (max-width: 480px) {
  .sc-list-form-card { padding: 24px 16px; }
  .sc-list-section { padding: 72px 0; }
}

/* ── 6. TOP BAR — hide completely ─────────────────────────────── */
#top-bar, .top-bar, .has-topbar #top-bar {
  display: none !important;
}

/* ── 7. HEADER: vertical centering + remove cart/search ─────────── */
/*
 * Strategy: give the header an explicit height (not just min-height) so that
 * height:100% on flex children resolves correctly, enabling true vertical centering.
 * padding-top pushes content away from the browser chrome top edge.
 */
#site-header,
#oceanwp-header {
  height: 90px !important;
  min-height: 90px !important;
  padding-top: 20px !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

/* OceanWP's actual inner container is #site-header-inner — make it the flex parent */
#site-header-inner {
  display: flex !important;
  align-items: center !important;
  height: 70px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#site-logo,
#site-logo-inner {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex-shrink: 0;
}

/* Desktop-only: flex layout for nav. height:100% works because #site-header-inner has explicit height */
@media (min-width: 961px) {
  #site-navigation-wrap,
  .oceanwp-primary-nav,
  #site-navigation {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }

  #site-navigation .dropdown-menu,
  #site-navigation .main-menu {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #site-navigation .dropdown-menu > li,
  #site-navigation .main-menu > li {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }

  /* Anchor links: fill the li height so flex centering places text at the same midpoint as the logo */
  #site-navigation .dropdown-menu > li > a,
  #site-navigation .main-menu > li > a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }
}

/* Mobile: hide desktop nav entirely so only hamburger shows */
@media (max-width: 960px) {
  #site-navigation-wrap {
    display: none !important;
  }
}

/* Remove cart icon */
.woo-menu-icon,
.wcmenucart-toggle-drop_down,
.oceanwp-cart-contents,
li.woo-menu-icon,
#ocean-woo-cart-menu-item,
.oceanwp-woo-cart { display: none !important; }

/* Remove search toggle */
.search-toggle-li,
.site-search-toggle,
li.search-toggle-li { display: none !important; }

/* ── 8. LIST SECTION: force text colors on dark bg ──────────────── */
.sc-list-section .sc-list-content p,
.sc-list-sub {
  color: rgba(245,241,235,.65) !important;
}

.sc-list-section .sc-list-content h2,
.sc-list-heading {
  color: #F5F1EB !important;
}

.sc-list-usp__title {
  color: #F5F1EB !important;
}

.sc-list-usp__desc {
  color: rgba(245,241,235,.5) !important;
}

.sc-list-contact-note p {
  color: rgba(245,241,235,.45) !important;
}

/* Override global form label color inside dark section */
.sc-list-section .wpcf7-form label,
.sc-list-section form label,
.sc-lf-label {
  color: rgba(196,162,101,.65) !important;
}

/* Override global input styles inside dark section */
.sc-list-section .wpcf7-form input[type="text"],
.sc-list-section .wpcf7-form input[type="email"],
.sc-list-section .wpcf7-form input[type="tel"],
.sc-list-section .wpcf7-form select,
.sc-list-section .wpcf7-form textarea,
.sc-list-section form input[type="text"],
.sc-list-section form input[type="email"],
.sc-list-section form input[type="tel"],
.sc-list-section form select,
.sc-list-section form textarea {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(196,162,101,.3) !important;
  color: #F5F1EB !important;
}

.sc-list-section .wpcf7-form input::placeholder,
.sc-list-section .wpcf7-form textarea::placeholder,
.sc-list-section form input::placeholder,
.sc-list-section form textarea::placeholder {
  color: rgba(245,241,235,.3) !important;
}

/* ── 9. WHATSAPP FLOATING BUTTON ─────────────────────────────── */
.sc-whatsapp-btn {
  position: fixed !important;
  bottom: 28px !important;
  right: 28px !important;
  width: 56px !important;
  height: 56px !important;
  background: #25d366 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px rgba(37,211,102,.45) !important;
  z-index: 9998 !important;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
  /* Safe area for devices with home indicator */
  bottom: max(28px, calc(env(safe-area-inset-bottom) + 16px)) !important;
}
.sc-whatsapp-btn:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 8px 32px rgba(37,211,102,.65) !important;
}
.sc-whatsapp-btn svg {
  display: block;
  width: 28px !important;
  height: 28px !important;
  fill: #fff !important;
}
@media (max-width: 480px) {
  .sc-whatsapp-btn { width: 50px !important; height: 50px !important; bottom: 20px !important; right: 20px !important; }
  .sc-whatsapp-btn svg { width: 24px !important; height: 24px !important; }
}