/*
 Theme Name:   Piller Child  
 Theme URI:    https://wordpress.themeholy.com/piller/
 Description:  This is a child theme for piller - WordPress Theme
 Author:       Themehour
 Author URI:   https://themeforest.net/user/themehour
 Template:     piller
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  piller-child
*/

/*  [ Add your custom css below ] 
- - - - - - - - - - - - - - - - - - - - */     

/* =========================================================
   House of Bhagwati brand theme
   Palette taken from the logo: royal navy + polished gold
   ========================================================= */
:root {
  /* Brand tokens */
  --hob-gold: #C9A13B;
  --hob-gold-light: #F1D38A;
  --hob-gold-deep: #9C7623;
  --hob-gold-gradient: linear-gradient(135deg, #F1D38A 0%, #D4AF4A 45%, #9C7623 100%);
  --hob-navy: #0B2A66;
  --hob-navy-deep: #061B44;
  --hob-ink: #040F27;
  --hob-ivory: #FAF6EC;
  --hob-gold-tint: #F8F0DC;

  /* Piller variables */
  --theme-color: var(--hob-gold);
  --theme-color2: var(--hob-navy);
  --theme-color3: var(--hob-gold-light);
  --title-color: var(--hob-navy-deep);
  --body-color: #4A5068;
  --smoke-color: var(--hob-ivory);
  --smoke-color2: #F4EFE2;
  --black-color: var(--hob-navy-deep);
  --black-color2: #0A1F4D;
  --gray-color: var(--hob-ink);
  --gray-color2: #E9E2CF;
  --yellow-color: #E2B54A;
  --th-border-color: #E6DCC3;
  --th-border-color2: #1D3670;
  --dark-color: var(--hob-ink);
  --title-font: "Cinzel", serif;

  /* Elementor global colors */
  --e-global-color-primary: var(--hob-gold);
  --e-global-color-secondary: var(--hob-navy);
  --e-global-color-text: #4A5068;
  --e-global-color-accent: var(--hob-gold-light);
}

::selection {
  background-color: var(--hob-gold);
  color: var(--hob-ink);
}

/* Buttons: gold with navy text, fill to navy on hover */
.th-btn {
  background: var(--hob-gold-gradient);
  color: var(--hob-ink);
  letter-spacing: 0.04em;
}
.th-btn:hover,
.th-btn.active {
  color: var(--hob-gold-light);
}
.th-btn:hover::before,
.th-btn.active::before {
  background-color: var(--hob-navy-deep);
}
.th-btn.style5 {
  background: var(--hob-gold-gradient);
  color: var(--hob-ink);
}

/* Headings: keep Cinzel readable */
h1, h2, h3, h4, h5, h6,
.sec-title {
  letter-spacing: 0.01em;
}

/* Header logo: HB crest only (~1:1) */
.header-logo img {
  width: auto;
  max-width: 100%;
  max-height: 84px;
}
.sticky-wrapper.sticky .header-logo img {
  max-height: 64px;
}
@media (max-width: 991px) {
  .header-logo img {
    max-height: 60px;
  }
}
@media (max-width: 400px) {
  .header-logo img {
    max-height: 52px;
  }
}
/* Mobile menu logo: HB crest */
.mobile-logo img {
  width: auto;
  max-width: 100%;
  max-height: 120px;
}

/* Footer (light background): "Social Media:" label and icons */
.footer-layout4 .copyright-wrap .footer-default-copy-right p,
.footer-layout4 .copyright-wrap .footer-default-copy-right .label {
  color: var(--title-color);
  font-weight: 600;
}
.footer-layout4 .copyright-wrap .footer-default-copy-right .th-social a {
  color: var(--hob-navy);
  border-color: rgba(11, 42, 102, 0.25);
}
.footer-layout4 .copyright-wrap .footer-default-copy-right .th-social a:hover {
  color: var(--hob-ink);
  background-color: var(--hob-gold);
  border-color: var(--hob-gold);
}

/* Parent theme spots with red hardcoded instead of --theme-color */
.sub-title.style3 {
  color: var(--theme-color);
}
.choose-content .logo-icon-wrap {
  background: rgba(201, 161, 59, 0.08);
}

/* Parent theme light-red tint (#FDEDEC / rgb(253,237,236)) -> light gold tint */
.team-card.style-2 .team-content .th-social a,
.team-card.style3 .team-content .th-social a,
.team-grid .team-content .th-social a,
.why-card-1__icon:before,
.why-card-1.style-2 .why-card-1__icon,
.service-card .box-content .icon-wrap .icon,
.popular-list-1 .actions.style-2 .icon-btn,
.popular-list-1.style-2 .thumb-wrapper .popular-badge p {
  background: var(--hob-gold-tint);
}
.th-mobile-menu ul li {
  border-bottom-color: var(--th-border-color);
}
.th-mobile-menu ul li li:first-child {
  border-top-color: var(--th-border-color);
}
.gr-bg3 {
  background-image: linear-gradient(110.59deg, rgba(11, 42, 102, 0.12) 0%, rgba(241, 211, 138, 0.35) 46.79%, rgba(250, 246, 236, 0.7) 100%);
}
/* Old warm-brown body text -> brand body color */
.hero-5 .box-text,
.testi-item .box-text {
  color: var(--body-color);
}

/* Home banner (hero style 6) title: smaller than the theme default */
.hero-style6 .hero-title {
  font-size: 72px;
  line-height: 1.15;
}
@media (max-width: 1500px) {
  .hero-style6 .hero-title {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .hero-style6 .hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .hero-style6 .hero-title {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .hero-style6 .hero-title {
    font-size: 32px;
  }
}

/* Home banner (hero style 6) subtitle: scaled down to match the title */
.hero-style6 .hero-text {
  font-size: 28px;
  line-height: 1.4;
}
@media (max-width: 1500px) {
  .hero-style6 .hero-text {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .hero-style6 .hero-text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .hero-style6 .hero-text {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .hero-style6 .hero-text {
    font-size: 16px;
  }
}

/* =========================================================
   Header dropdown (sub-menu)
   ========================================================= */
.main-menu ul.sub-menu {
  min-width: 250px;
  padding: 10px;
  left: -24px;
  margin-top: 0;
  background-color: var(--white-color);
  border-top: 3px solid var(--hob-gold);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 18px 40px rgba(6, 27, 68, 0.14), 0 2px 6px rgba(6, 27, 68, 0.06);
  transform: translateY(12px);
  transform-origin: top center;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}
.main-menu ul li:hover > ul.sub-menu,
.main-menu ul li:focus-within > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 9;
}
/* Pointer above the card */
.main-menu > ul > li > ul.sub-menu::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 34px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--hob-gold);
}
.main-menu ul.sub-menu li {
  padding: 0;
}
.main-menu ul.sub-menu li + li {
  border-top: 1px solid rgba(201, 161, 59, 0.18);
}
.main-menu ul.sub-menu li a {
  padding: 11px 16px 11px 34px;
  border-radius: 6px;
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--title-color);
  transition: background-color 0.2s ease, color 0.2s ease, padding 0.2s ease;
}
/* Gold diamond marker */
.main-menu ul.sub-menu li a:before {
  content: "" !important;
  top: 50%;
  left: 16px;
  width: 7px;
  height: 7px;
  border-radius: 1px;
  background: var(--hob-gold);
  opacity: 0.55;
  transform: translateY(-50%) rotate(45deg);
}
.main-menu ul.sub-menu li a:hover,
.main-menu ul.sub-menu li.current-menu-item > a {
  padding-left: 40px;
  background-color: var(--hob-gold-tint);
  color: var(--hob-navy);
}
.main-menu ul.sub-menu li a:hover:before,
.main-menu ul.sub-menu li.current-menu-item > a:before {
  left: 22px;
  opacity: 1;
}
/* Parent item: gold label + caret while open */
.main-menu > ul > li.menu-item-has-children:hover > a,
.main-menu > ul > li.current-menu-ancestor > a,
.main-menu > ul > li.menu-item-has-children:hover > a:after {
  color: var(--hob-gold-deep);
}
/* Third-level menus open to the side */
.main-menu ul.sub-menu li ul.sub-menu {
  top: -13px;
  margin-left: 10px;
  border-top: 0;
  border-left: 3px solid var(--hob-gold);
  border-radius: 0 10px 10px 0;
}

/* =========================================================
   Mobile menu (off-canvas drawer)
   ========================================================= */
.th-menu-wrapper {
  background-color: rgba(4, 15, 39, 0.55);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  transition: opacity 0.35s ease, visibility 0.35s;
}
.th-menu-wrapper .th-menu-area {
  max-width: 320px;
  background: linear-gradient(180deg, var(--hob-navy) 0%, var(--hob-navy-deep) 55%, var(--hob-ink) 100%);
  border-right: 2px solid var(--hob-gold);
  box-shadow: 12px 0 40px rgba(4, 15, 39, 0.45);
  transition: left 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, visibility 0.3s;
}
.th-menu-wrapper .mobile-logo {
  padding: 34px 24px 26px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(201, 161, 59, 0.35);
}
.th-menu-wrapper .mobile-logo img {
  width: 80px;
  max-height: none;
  height: auto;
}
/* Close button */
.th-menu-wrapper .th-menu-toggle {
  right: -18px;
  top: 22px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: var(--hob-gold-gradient);
  color: var(--hob-ink);
  box-shadow: 0 4px 14px rgba(4, 15, 39, 0.35);
  transition: transform 0.25s ease;
}
.th-menu-wrapper .th-menu-toggle:hover {
  background: var(--hob-gold-gradient);
  color: var(--hob-ink);
  transform: rotate(90deg);
}

.th-mobile-menu {
  margin-top: 18px;
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(201, 161, 59, 0.5) transparent;
}
.th-mobile-menu > ul {
  padding: 0 26px;
}
.th-mobile-menu ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.th-mobile-menu ul li li:first-child {
  border-top: 0;
}
/* Top-level items */
.th-mobile-menu ul li a {
  padding: 15px 44px 15px 0;
  font-family: var(--title-font);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #F4EFE2;
  transition: color 0.2s ease, padding 0.2s ease;
}
.th-mobile-menu ul li a:before {
  display: none;
}
.th-mobile-menu ul li a:hover,
.th-mobile-menu ul li.current-menu-item > a,
.th-mobile-menu ul li.current-menu-ancestor > a,
.th-mobile-menu ul li.th-active > a {
  color: var(--hob-gold-light);
}
.th-mobile-menu ul li.current-menu-item > a {
  padding-left: 14px;
}
.th-mobile-menu ul li.current-menu-item > a:before {
  display: block;
  content: "";
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: 0;
  background: var(--hob-gold);
  transform: translateY(-50%) rotate(45deg);
}

/* Expand / collapse button (the theme also draws a decorative copy via :after) */
.th-mobile-menu ul .menu-item-has-children > a:after,
.th-mobile-menu ul .th-item-has-children > a:after {
  display: none;
}
.th-mobile-menu ul .menu-item-has-children > a .th-mean-expand,
.th-mobile-menu ul .th-item-has-children > a .th-mean-expand {
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-top: -16px;
  font-size: 11px;
  background: transparent;
  color: var(--hob-gold-light);
  border: 1px solid rgba(201, 161, 59, 0.55);
  box-shadow: none;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease;
}
.th-mobile-menu ul .th-active > a .th-mean-expand {
  background: var(--hob-gold);
  border-color: var(--hob-gold);
  color: var(--hob-ink);
  transform: rotate(180deg);
}

/* Sub-menu */
.th-mobile-menu ul li ul.sub-menu {
  margin: 0 0 12px;
  padding: 4px 0;
  border-left: 2px solid var(--hob-gold);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 0 8px 8px 0;
}
.th-mobile-menu ul li ul li {
  padding-left: 0;
  border-bottom: 0;
}
.th-mobile-menu ul li ul li a {
  padding: 10px 16px 10px 18px;
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
  color: rgba(244, 239, 226, 0.82);
}
.th-mobile-menu ul li ul li a:hover,
.th-mobile-menu ul li ul li.current-menu-item > a {
  padding-left: 24px;
  color: var(--hob-gold-light);
}
.th-mobile-menu ul li ul li.current-menu-item > a:before {
  left: 10px;
}

@media (max-width: 400px) {
  .th-menu-wrapper .th-menu-area {
    max-width: 285px;
  }
  .th-mobile-menu > ul {
    padding: 0 20px;
  }
}

/* Header hamburger button */
.th-menu-toggle:not(.style-text):not(.style-text-white) {
  background: var(--hob-gold-gradient);
  color: var(--hob-ink);
}
.th-menu-toggle:not(.style-text):not(.style-text-white):hover {
  background: var(--hob-navy);
  color: var(--hob-gold-light);
}
.th-menu-wrapper .th-menu-area .th-menu-toggle:hover {
  background: var(--hob-gold-gradient);
  color: var(--hob-ink);
}

/* Keep the drawer below the WordPress admin bar when logged in */
body.admin-bar .th-menu-wrapper {
  top: 32px;
  height: calc(100% - 32px);
}
@media (max-width: 782px) {
  body.admin-bar .th-menu-wrapper {
    top: 46px;
    height: calc(100% - 46px);
  }
}

/* Project page section spacing */
.hob-single-heading {
  margin-top: 50px;
  margin-bottom: 22px;
}

/* Floor plan tab: keep the plan image to about half the row so the text has room */
@media (min-width: 1300px) {
  .property-grid-plan .property-grid-thumb {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}

/* =========================================================
   Projects filter panel (Directorist off-canvas, ≤1367px)
   ========================================================= */
@media (max-width: 1367px) {
  /* Dimmed backdrop while the panel is open (click it to close) */
  body.modal-overlay-enabled::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(4, 15, 39, 0.55);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    z-index: 9998;
  }
  .listing-with-sidebar__sidebar {
    border-right: 3px solid var(--hob-gold);
  }
  .listing-with-sidebar__sidebar--open {
    box-shadow: 12px 0 40px rgba(4, 15, 39, 0.35);
  }
  /* Keep the panel (title + close button) below the WordPress admin bar */
  body.admin-bar .listing-with-sidebar__sidebar {
    top: 32px;
    height: calc(100svh - 32px);
  }
}
@media (max-width: 782px) {
  body.admin-bar .listing-with-sidebar__sidebar {
    top: 46px;
    height: calc(100svh - 46px);
  }
}
/* Branded filter button and apply button */
.directorist-archive-sidebar-toggle {
  background: var(--hob-navy) !important;
  color: var(--hob-gold-light) !important;
  border-color: var(--hob-navy) !important;
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__title {
  color: var(--title-color);
}

/* Filter panel: keep Budget's Min/Max boxes always open (Directorist renders them as a
   collapsible dropdown whose label click collapses them under the next field) */
.listing-with-sidebar__sidebar .directorist-search-field-pricing .directorist-search-basic-dropdown-content {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  transform: none !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin-top: 12px;
}
.listing-with-sidebar__sidebar .directorist-search-field-pricing .directorist-search-basic-dropdown-label {
  pointer-events: none;
  cursor: default;
}
.listing-with-sidebar__sidebar .directorist-search-field-pricing .directorist-search-basic-dropdown-label::after,
.listing-with-sidebar__sidebar .directorist-search-field-pricing .directorist-search-basic-dropdown-label .directorist-icon-mask {
  display: none !important;
}

/* Filter panel: Directorist's floating-label focus state adds 40px top margin and enlarges
   the label (animated), which shifts the field while its dropdown is already positioned.
   Keep fields still inside the panel. */
.listing-with-sidebar__sidebar .directorist-search-field,
.listing-with-sidebar__sidebar .directorist-search-field.input-is-focused {
  margin-top: 0 !important;
  transition: none !important;
}
.listing-with-sidebar__sidebar .directorist-search-field .directorist-search-field__label,
.listing-with-sidebar__sidebar .directorist-search-field.input-is-focused .directorist-search-field__label {
  font-size: 14px !important;
  top: auto !important;
  transition: none !important;
}
/* Dropdown lists: appear in place (no sliding from the corner) and above the panel */
.select2-container--open .select2-dropdown {
  transition: none !important;
}
body.modal-overlay-enabled .select2-container--open {
  z-index: 10050;
}
/* Directorist pushes dropdowns 32px down for logged-in users (an admin-bar workaround)
   which leaves a gap under the field; Select2 already positions them correctly. */
body.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below {
  top: 0;
}

/* Listing badges: brand colours (backgrounds come from Directorist's badge colour settings) */
/* "New": metallic gold (logo-style gradient) with bold navy text — readable on dark or blue photos */
.directorist-badge.directorist-badge-new {
  --directorist-badge-bg: #D4AF4A !important;
  --directorist-badge-border: #9C7623 !important;
  --directorist-badge-color: #040F27 !important;
  --directorist-badge-icon-color: #040F27 !important;
  --directorist-badge-tooltip-bg: #061B44 !important;
  --directorist-badge-tooltip-color: #F1D38A !important;
  background: linear-gradient(135deg, #F1D38A 0%, #D4AF4A 50%, #9C7623 100%) !important;
  border: 1px solid rgba(156, 118, 35, 0.9) !important;
  color: #040F27 !important;
  box-shadow: 0 3px 10px rgba(4, 15, 39, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.directorist-badge.directorist-badge-new .directorist-icon-mask::after {
  background-color: #040F27 !important;
}
/* "Featured": same metallic gold as "New" */
.directorist-badge.directorist-badge-featured {
  --directorist-badge-bg: #D4AF4A !important;
  --directorist-badge-border: #9C7623 !important;
  --directorist-badge-color: #040F27 !important;
  --directorist-badge-icon-color: #040F27 !important;
  --directorist-badge-tooltip-bg: #061B44 !important;
  --directorist-badge-tooltip-color: #F1D38A !important;
  background: linear-gradient(135deg, #F1D38A 0%, #D4AF4A 50%, #9C7623 100%) !important;
  border: 1px solid rgba(156, 118, 35, 0.9) !important;
  color: #040F27 !important;
  box-shadow: 0 3px 10px rgba(4, 15, 39, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.directorist-badge.directorist-badge-featured .directorist-icon-mask::after {
  background-color: #040F27 !important;
}
/* Badge "hanger" strings and dots: gold instead of the theme's red */
.directorist-badge::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA1MCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyAyNUwyNS4yMjgxIDBMNDcgMjUiIHN0cm9rZT0iI0YxRDM4QSIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iNDciIGN5PSIyNSIgcj0iMi41IiBmaWxsPSIjQzlBMTNCIiBzdHJva2U9IndoaXRlIi8+PGNpcmNsZSBjeD0iMyIgY3k9IjI1IiByPSIyLjUiIGZpbGw9IiNDOUExM0IiIHN0cm9rZT0id2hpdGUiLz48L3N2Zz4=);
}

/* "View More" (th-btn style3) on project cards: the theme's style3 text colour is a muted
   grey that disappears on the gold button. Dark navy text, gold-light on the navy hover. */
.th-btn.style3,
.property-bottom .th-btn.style3 {
  color: var(--hob-ink);
  border-color: var(--hob-gold-deep);
  font-weight: 700;
}
.th-btn.style3:hover,
.th-btn.style3:focus-visible,
.property-bottom .th-btn.style3:hover {
  color: var(--hob-gold-light);
  border-color: var(--hob-navy-deep);
}

/* =========================================================
   Projects search box (Directorist basic search above results)
   ========================================================= */
.listing-with-sidebar__searchform .directorist-search-form__box {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.listing-with-sidebar__searchform .directorist-search-form__top {
  margin: 0 !important;
  padding: 0 !important;
}
.listing-with-sidebar__searchform .directorist-search-query {
  position: relative;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.listing-with-sidebar__searchform .directorist-search-query > .directorist-search-field__label {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
/* Magnifying-glass icon */
.listing-with-sidebar__searchform .directorist-search-query::before {
  content: "\f002";
  font-family: var(--icon-font);
  font-weight: 400;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  line-height: 1;
  color: var(--hob-gold);
  pointer-events: none;
  z-index: 2;
}
.listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__input {
  width: 100%;
  height: 58px !important;
  padding: 0 52px 0 56px !important;
  border: 1px solid var(--th-border-color) !important;
  border-radius: 14px !important;
  background: var(--white-color) !important;
  box-shadow: 0 6px 20px rgba(6, 27, 68, 0.06);
  font-family: var(--body-font);
  font-size: 16px !important;
  color: var(--title-color) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__input::placeholder {
  color: #8A90A6;
  opacity: 1;
}
.listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__input:hover {
  border-color: rgba(201, 161, 59, 0.6) !important;
}
.listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__input:focus {
  outline: none;
  border-color: var(--hob-gold) !important;
  box-shadow: 0 0 0 4px rgba(201, 161, 59, 0.18), 0 6px 20px rgba(6, 27, 68, 0.08);
}
/* Clear (×) button */
.listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__btn--clear {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}
.listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__btn--clear .directorist-icon-mask::after {
  background-color: #8A90A6;
}
.listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__btn--clear:hover .directorist-icon-mask::after {
  background-color: var(--hob-navy);
}
@media (max-width: 575px) {
  .listing-with-sidebar__searchform .directorist-search-query .directorist-search-field__input {
    height: 52px !important;
    font-size: 15px !important;
    padding-left: 50px !important;
  }
  .listing-with-sidebar__searchform .directorist-search-query::before {
    left: 19px;
    font-size: 16px;
  }
}

/* Project page main gallery: show the whole photo (16:10) instead of a 650px-tall crop,
   and lighten the theme's 40% dark overlay so photos stay bright and crisp. */
.property-slider1 .propery-single-slide {
  height: auto;
  aspect-ratio: 16 / 10;
}
.property-slider1 .propery-single-slide img {
  object-fit: cover;
}
.property-slider1 .propery-single-slide:before {
  opacity: 0.08;
}

/* Mobile: animated headings start with their letters off to the right, which made pages
   wider than the screen (About could be dragged sideways). Clip at the page wrapper;
   body overflow-x: hidden alone is ignored by mobile Safari/Chrome. */
#smooth-content {
  overflow-x: clip;
}

/* Long email addresses in contact cards wrap instead of running past the card edge. */
.media-body {
  min-width: 0;
}
.contact-feature_link,
.info-box_link,
.info-box_text a {
  overflow-wrap: anywhere;
}

/* Mobile: project listing cards sat inside two nested containers (24px padding each),
   leaving cards only ~240px wide on a 360px phone. Drop the inner container padding. */
@media (max-width: 767px) {
  .directorist-archive-items > .container {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Project page: the theme shows these action buttons as icon-only, but Share and Report
   have no icon of their own, so they rendered as empty boxes. Give them one. */
.directorist-single-listing-action.directorist-social-share::before,
.directorist-single-listing-action:has(> .directorist-single-listing-action__text)::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: var(--hob-action-icon) center / contain no-repeat;
          mask: var(--hob-action-icon) center / contain no-repeat;
}
.directorist-single-listing-action.directorist-social-share {
  --hob-action-icon: url("../../plugins/directorist/assets/icons/line-awesome/svgs/share-alt-solid.svg");
}
.directorist-single-listing-action:has(> .directorist-single-listing-action__text) {
  --hob-action-icon: url("../../plugins/directorist/assets/icons/line-awesome/svgs/flag-solid.svg");
}

/* Check-list bullet: parent theme hardcodes a red PNG check — swap for a brand gold one */
body .check-list li::before {
  content: "";
  width: 24px;
  height: 24px;
  top: 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23C9A13B'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Slider panoramas are disabled (see functions.php): drop the parent theme's "360°" hover cursor */
body .property-slider1 .property-slider-img,
body .property-slider1 .propery-single-slide img,
body .explore-single-item .explore-single-slide img,
body .explore-single-item.style2 .box-img img {
  cursor: default;
}
body .property-slider1 .property-thumb-slider .property-slider-img {
  cursor: pointer;
}

/* Footer logo: the image is a 3x high-res file for sharp rendering — show it at footer size */
.th-widget-about .about-logo img {
  width: 200px;
  height: auto;
}

/* "Become an Investor" offcanvas (markup in functions.php) */
.hob-investor .sidemenu-content {
  max-width: 100%;
  padding: 70px 30px 40px;
}
.hob-investor-eyebrow {
  display: block;
  color: var(--hob-gold-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.hob-investor-title {
  margin-bottom: 12px;
}
.hob-investor-text {
  margin-bottom: 28px;
}
.hob-investor .form-group {
  margin-bottom: 16px;
}
.hob-investor .form-control,
.hob-investor .form-select {
  width: 100%;
}
@media (max-width: 575px) {
  .hob-investor .sidemenu-content {
    padding: 70px 20px 30px;
  }
}