/* === Eagles Nadlan custom tweaks === */

/* Hide the "עודכן בתאריך" (last updated) line in the property details section */
.property-detail-wrap .block-title-wrap span.small-text.text-secondary { display: none !important; }

/* Remove the mobile sticky agent / contact bar on property pages */
body.single-property .mobile-property-contact { display: none !important; }

/* Hide the mortgage calculator on rental listings (סוג עסקה = להשכרה, term 1375) */
body.single-property:has(.property-title-wrap .label-status.status-color-1375) .property-mortgage-calculator-wrap,
body.single-property:has(.mobile-property-title .label-status.status-color-1375) .property-mortgage-calculator-wrap { display: none !important; }

/* Property content tabs: only the active pane may show.
 * An existing site rule (style#eg-button-contrast) forces the FIRST pane of any
 * .tab-content to display:block !important, which is right for the banner media
 * tabs but leaked into the תיאור / כתובת / פרטי הנכס tabs, so תיאור stayed
 * visible under every tab. Scoped to .horizontal-tab-content so the banner tabs
 * keep the original behaviour. The extra :not(#pills-map) is deliberate — it
 * raises specificity above that rule. */
.property-wrap .property-view .tab-content.horizontal-tab-content > .tab-pane:not(.active):not(#pills-map) {
  display: none !important;
  opacity: 0 !important;
}

/* סקירה (Overview) belongs to the תיאור tab only.
 * It is a standalone box BELOW the tab group, so it stayed on screen under
 * כתובת and פרטי הנכס too. Show it only while the description pane is active. */
.property-view:not(:has(#property-description.active)) #property-overview-wrap {
  display: none !important;
}

/* Consistent vertical rhythm between the stacked boxes on property pages.
 * The tabs bar sat flush against the first box and the tab content sat flush
 * against the next box (both 0px); the plain section wrappers already sit 30px apart. */
.property-view > .listing-tabs { margin-bottom: 30px; }
.property-view > .tab-content.horizontal-tab-content { margin-bottom: 30px; }

@media (max-width: 991.98px) {
  .property-view > .listing-tabs { margin-top: 24px; margin-bottom: 24px; }
  .property-view > .tab-content.horizontal-tab-content { margin-bottom: 24px; }
  .property-view > .property-section-wrap { margin-bottom: 24px; }
  .mobile-top-wrap { margin-bottom: 24px; }
}

/* ===== FINAL TOUCH-UPS: brand-only text colours ===== */
/* Editor code/pre markup must never introduce a foreign colour */
.description-content code, .description-content kbd, .description-content samp, .description-content pre,
.property-description-content code, .block-content-wrap code, .entry-content code,
.elementor-widget-container code {
  color: inherit !important; background: none !important; font-family: inherit !important;
  font-size: inherit !important; font-weight: inherit !important; padding: 0 !important; border: 0 !important;
}
/* Houzez / Bootstrap greys -> brand cream + gold */
.hz-meta-label { color: rgba(244,239,230,.62) !important; }
.mortgage-calculator-monthly-requency { color: rgba(244,239,230,.62) !important; }
.gdpr-text-wrap { color: rgba(244,239,230,.62) !important; }
.gdpr-text-wrap a { color: #d4af37 !important; }
#property-mortgage-calculator-wrap .input-group-text {
  background-color: rgba(212,175,55,.10) !important; color: #f0d27a !important;
  border-color: rgba(212,175,55,.18) !important;
}

/* ===== Property page: single contact form ===== */
body.single-property .bt-sidebar-wrap:not(:has(.widget)) { display: none !important; }
body.single-property .bt-content-wrap { flex: 0 0 auto; width: 100%; max-width: 100%; }
@media (min-width: 992px) {
  body.single-property .row:has(> .bt-sidebar-wrap .widget) > .bt-content-wrap { width: 66.66666667%; max-width: 66.66666667%; }
}
.eg-wa-btn {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  height: 40px; padding: 0 18px; border-radius: 999px; font-family: Heebo, sans-serif;
  font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none !important;
  color: #f0d27a !important; background: rgba(212,175,55,.08);
  border: 1px solid rgba(212,175,55,.55);
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.eg-wa-btn:hover, .eg-wa-btn:focus { background: rgba(212,175,55,.18); border-color: #d4af37; color: #fbf0c4 !important; }
.eg-wa-btn svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; }

/* ============================================================
   3D MOTION LAYER  (v2 - pointer-fine devices only)
   Upgrades the reveal system (Elementor snippet 484) from 2D to
   real CSS 3D on desktop. Perspective is applied per element
   INSIDE transform() so no ancestor becomes a containing block
   (that would break position:fixed / sticky descendants).
   Scoped to (hover:hover) and (pointer:fine): touch devices keep
   snippet 484s original 2D reveal, which avoids promoting ~54
   elements to GPU layers at once on phones.
   Specificity: variants (0,2,2) beat snippet 484s (0,2,1) but
   still lose to .eg-in / .eg-now (0,3,1) - revealed state wins.
   ============================================================ */
@keyframes egTab3D { from { opacity: 0; transform: perspective(1200px) rotateX(-7deg) translate3d(0,16px,-50px); } to { opacity: 1; transform: none; } }

@media (hover: hover) and (pointer: fine) {
  html.eg-anim body [data-eg="rise"] { transform: perspective(1400px) translate3d(0,30px,-90px) rotateX(7deg); }
  html.eg-anim body [data-eg="eyebrow"] { transform: perspective(900px) translate3d(0,16px,-30px) rotateX(14deg); }
  html.eg-anim body [data-eg="stat"] { transform: perspective(700px) translate3d(0,12px,-20px) rotateX(-26deg) scale(.92); transform-origin: 50% 100%; }
  /* cards fan in: --eg-ry (tilt) and --eg-i (depth) are set per card by snippet 508 */
  html.eg-anim body [data-eg="card"] { transform: perspective(1600px) translate3d(0,38px,calc(-110px - var(--eg-i,0) * 30px)) rotateX(10deg) rotateY(var(--eg-ry,0deg)) scale(.972); transition-duration: .95s; }

  /* pointer-driven tilt + specular glare on listing cards */
  html.eg-3d body [data-eg="card"].eg-tiltable { transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .8s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease !important; }
  html.eg-3d body [data-eg="card"].eg-in.eg-tilt,
  html.eg-3d body [data-eg="card"].eg-now.eg-tilt {
    transform: perspective(900px) rotateX(var(--eg-tx,0deg)) rotateY(var(--eg-ty,0deg)) translateZ(14px);
    transition: transform .14s linear, box-shadow .4s ease !important;
    box-shadow: 0 28px 64px -26px rgba(0,0,0,.8), 0 0 0 1px rgba(212,175,55,.30);
    z-index: 3;
  }
  html.eg-3d body [data-eg="card"]::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit;
    pointer-events: none; opacity: 0; z-index: 4; transition: opacity .35s ease;
    background: radial-gradient(240px circle at var(--eg-mx,50%) var(--eg-my,50%), rgba(251,240,196,.20), rgba(212,175,55,.06) 45%, rgba(0,0,0,0) 70%);
  }
  html.eg-3d body [data-eg="card"].eg-tilt::after { opacity: 1; }

  /* property tabs open with a 3D flip */
  html.eg-3d body .property-view .horizontal-tab-content .tab-pane.active { animation: egTab3D .55s cubic-bezier(.22,.61,.36,1) both; transform-origin: 50% 0; }

  /* buttons press into the page */
  html.eg-3d body .btn:active, html.eg-3d body .elementor-button:active, html.eg-3d body .houzez-ele-button:active { transform: perspective(600px) translate3d(0,1px,-14px); }
}

@media (prefers-reduced-motion: reduce) {
  html.eg-3d body [data-eg="card"]::after { display: none !important; }
  html.eg-3d body .property-view .horizontal-tab-content .tab-pane.active { animation: none !important; }
  html.eg-3d body .btn:active, html.eg-3d body .elementor-button:active, html.eg-3d body .houzez-ele-button:active { transform: none !important; }
}

/* ===== SEARCH FILTER DROPDOWNS - LAYERING =====
   The Houzez advanced-search widget carries data-eg="rise", so the reveal system
   (snippet 484) leaves will-change:opacity,transform on it permanently. That makes the
   widget a stacking context, which traps the bootstrap-select .dropdown-menu (z-index:1000)
   inside it, so the listings widget that follows it in the DOM paints over any open
   option list. Raising the widget itself lifts every dropdown it contains above the cards.
   z-index:3 stays below .header-main-wrap (z-index:4) and the offcanvas menus (z-index:1045),
   so the header and the mobile menu keep their current stacking. */
.elementor-widget-houzez_elementor_advanced_search{position:relative;z-index:3;}

/* ===== ELEVATOR FEATURE ICON =====
   The Houzez icon font has a car glyph (.icon-car-1, used for the חניה feature) but no
   elevator glyph, so this class paints one from an inline SVG mask in currentColor.
   It is always used together with .houzez-icon, so it inherits the size, colour and
   spacing rules the theme already applies to its own icons, and it is the icon class
   stored on the "מעלית" feature term — so the native מאפיינים list, the סקירה strip,
   the פרטי הנכס row and the listing cards all draw the same glyph. */
.eg-icon-elevator{display:inline-block;width:1em;height:1em;vertical-align:-.14em;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='4.2' y='2.6' width='15.6' height='18.8' rx='2.4'/%3E%3Cpath d='M9.6 8.2 11.5 11.3 7.7 11.3Z' fill='%23000' stroke='none'/%3E%3Cpath d='M14.4 15.8 12.5 12.7 16.3 12.7Z' fill='%23000' stroke='none'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='4.2' y='2.6' width='15.6' height='18.8' rx='2.4'/%3E%3Cpath d='M9.6 8.2 11.5 11.3 7.7 11.3Z' fill='%23000' stroke='none'/%3E%3Cpath d='M14.4 15.8 12.5 12.7 16.3 12.7Z' fill='%23000' stroke='none'/%3E%3C/svg%3E") no-repeat center;mask-size:contain;}

/* ===== FLOOR ICON =====
   Same mask technique as .eg-icon-elevator above, for the "קומה" value that the
   snippet promotes from פרטים נוספים into the סקירה strip. */
.eg-icon-floor{display:inline-block;width:1em;height:1em;vertical-align:-.14em;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='4.2' y='2.6' width='15.6' height='18.8' rx='2.4'/%3E%3Cpath d='M4.2 9.2H19.8'/%3E%3Cpath d='M4.2 15.2H19.8'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='4.2' y='2.6' width='15.6' height='18.8' rx='2.4'/%3E%3Cpath d='M4.2 9.2H19.8'/%3E%3Cpath d='M4.2 15.2H19.8'/%3E%3C/svg%3E") no-repeat center;mask-size:contain;}

/* ===== PROPERTY PAGE: SHARE / FAVOURITE TOOLS ON DESKTOP =====
   The desktop title bar (.page-title-wrap, which is d-none d-md-block) carries the same
   favourite / share / print tools as the mobile block, but they render in #000 on the dark
   bar, so on desktop the share option looked as if it did not exist. Give them the exact
   colour the mobile copy already uses, so it is the same control at every width. */
.page-title-wrap .property-item-tools .item-tool span{color:#5c6872;border-color:#5c6872;}
.page-title-wrap .property-item-tools .item-tool i{color:inherit;}

/* ===== CONTACT FORM WIDTH =====
   The WPForms shortcode widget sat at align-self:center, so it shrink-wrapped to its content
   instead of filling the card, and WPForms caps its "medium" fields at 60% on top of that.
   Scoped to the .eagles-form class, which only the contact form carries. */
.elementor-element-3354a22{align-self:stretch;width:100%;}
.eagles-form .wpforms-field-small,
.eagles-form .wpforms-field-medium,
.eagles-form .wpforms-field-large{max-width:100%;}

/* ===== HOME PAGE: CARD SECTIONS SWIPE HORIZONTALLY ON MOBILE =====
   Below 768px the four card groups on the home page become horizontal scroll-snap
   carousels instead of stacking one under another. Only the container flow changes -
   the cards themselves, their content and every width from 768px up are untouched.
   The groups are: the team agents grid, 1d8483f (למה Eagles), bfd63e2 (השירותים שלנו)
   and the featured-properties listing row.
   The selectors are weighted with `html body` (and, on the services row, its own two
   classes) because the hand-written stylesheet sets display on those containers with
   !important - at lower weight the services row stays a CSS grid and will not scroll. */
@media (max-width:767.98px){
  html body .elementor-52 .elementor-element-0c7fc0e .agents-grid-view,
  html body .elementor-52 .elementor-element-1d8483f,
  html body .elementor-52 .elementor-element-bfd63e2.eagles-svc-row.e-con,
  html body .elementor-52 .elementor-element-65093a0 .listing-view.grid-view{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;-ms-overflow-style:none;
    margin-inline:0!important;gap:14px!important;padding-bottom:4px;}
  html body .elementor-52 .elementor-element-0c7fc0e .agents-grid-view::-webkit-scrollbar,
  html body .elementor-52 .elementor-element-1d8483f::-webkit-scrollbar,
  html body .elementor-52 .elementor-element-bfd63e2.eagles-svc-row.e-con::-webkit-scrollbar,
  html body .elementor-52 .elementor-element-65093a0 .listing-view.grid-view::-webkit-scrollbar{width:0;height:0;display:none;}
  html body .elementor-52 .elementor-element-0c7fc0e .agents-grid-view > *,
  html body .elementor-52 .elementor-element-1d8483f > *,
  html body .elementor-52 .elementor-element-bfd63e2.eagles-svc-row.e-con > *,
  html body .elementor-52 .elementor-element-65093a0 .listing-view.grid-view > *{
    flex:0 0 84%!important;width:84%!important;max-width:84%!important;
    margin-top:0!important;scroll-snap-align:center;}
  /* Only the two Bootstrap gutter columns lose their padding: their padding IS the grid
     gutter and the visual card sits inside them. In the other two groups the child IS the
     card, and its 26px / 28px side padding is part of the card design - zeroing it pushed
     the icon, badge and title flat against the card edge. */
  html body .elementor-52 .elementor-element-0c7fc0e .agents-grid-view > *,
  html body .elementor-52 .elementor-element-65093a0 .listing-view.grid-view > *{padding-inline:0!important;}
}


/* ===== MOBILE MENU - WIDTH + CLOSE BUTTON =====
   1) The offcanvas mobile menu inherits Bootstrap's --bs-offcanvas-width:400px, so on a phone
      it stopped 30px short of the screen edge and left a strip of the page showing.
      Full width below the mobile breakpoint only; tablet and desktop drawers keep 400px.
   2) The theme puts Bootstrap's .btn-close-white filter on the close button, but Houzez
      renders the X as an icon-font glyph, not the black SVG that filter is meant to flip.
      invert(1) turned the cream glyph near-black on the near-black panel, so the X was
      almost invisible. Dropping the filter (and the .8 opacity) restores the brand cream.
      Not width-scoped, so the X is legible at every width the mobile menu can open at.
      Size, position, spacing and behaviour are unchanged. */
@media (max-width:767.98px){
  html body .offcanvas-mobile-menu{--bs-offcanvas-width:100%;width:100%;max-width:100%;}
}
html body .offcanvas-mobile-menu .btn-close{filter:none!important;opacity:1!important;color:#F4EFE6!important;}
html body .offcanvas-mobile-menu .btn-close i{color:#F4EFE6!important;}


/* ===== MOBILE WIDTH - CONTENT USES THE FULL SCREEN =====
   Everywhere the site left more than one gutter between the screen edge and the
   content. Each rule below removes one duplicated gutter so every page settles on
   the same ~16px mobile margin. Mobile breakpoint only - tablet and desktop are
   untouched, and no card's own internal padding is reduced except (d). */
@media (max-width:767.98px){

  /* a) Home carousels (change 21). The cards were 84% of a track that already sat
        inside 16px of section padding plus 10px of row padding, so a card used only
        74% of the screen. Zero the row's inline padding - the cards carry their own
        26-28px - and size the card off the track instead of by percentage, which
        pins the swipe peek at 12px a side at every screen width. Card: 318 -> 374px
        at 430px wide (74% -> 87%). Do NOT add padding-inline here: that is what
        broke the card interiors on 2026-09-04, see change 21. */
  html body .elementor-52 .elementor-element-1d8483f,
  html body .elementor-52 .elementor-element-bfd63e2.eagles-svc-row.e-con,
  html body .elementor-52 .elementor-element-0df5397{padding-inline:0!important;}
  html body .elementor-52 .elementor-element-0c7fc0e .agents-grid-view > *,
  html body .elementor-52 .elementor-element-1d8483f > *,
  html body .elementor-52 .elementor-element-bfd63e2.eagles-svc-row.e-con > *,
  html body .elementor-52 .elementor-element-65093a0 .listing-view.grid-view > *{
    flex:0 0 calc(100% - 24px)!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;}

  /* b) Footer, every page. .footer-top-wrap 30px + .container 12px + .col 12px
        - .row -12px = 42px of gutter. 4px here lands footer text on the same 16px
        line as the rest of the site. .footer-bottom-wrap is already fine - leave it. */
  html body .footer-wrap .footer-top-wrap{padding-inline:4px!important;}

  /* c) Property pages. All nine Houzez mobile .block-wrap blocks carry 24px. */
  html body .property-view .block-wrap{padding-inline:16px!important;}

  /* d) /contact/. The form card's 30px inline padding left the fields at 78% of the
        screen; 18px is still comfortable and gives 336 -> 362px fields. */
  html body .elementor-element-4d46514{padding-inline:18px!important;}
}


/* Eagles: shared public contact buttons and agent portrait frames, 2026-09-24. */
body .site :is(.b-gold, .b-line, .b-wa, .egsh-wide),
body .site .pc .btns > :is(.g, .o) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 48px;
  height: auto;
  min-width: 0;
  max-width: 100%;
  padding: 12px 18px;
  border-radius: 12px;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}
body .site .b-gold,
body .site .pc .btns > .g {
  background: #d4af37;
  color: #1a1204;
}
body .site .b-line,
body .site .pc .btns > .o {
  color: #f0d27a;
}
body .site :is(.b-gold, .b-line, .b-wa, .egsh-wide) > svg,
body .site .pc .btns > :is(.g, .o) > svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
/* The share button participates in the same responsive grid as the links. */
body .site .acts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  gap: 10px;
  align-items: stretch;
}
body .site .acts > :is(a, button) {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding-inline: 12px;
}
body .site .acts:has(> :nth-child(4)) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 760px) {
  body .site .acts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .site .acts > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}
/* Use the original portrait at its natural 4:5 ratio in every compact agent row.
   No browser-specific crop and no flex shrinking into an oval. */
body .site .agentbox {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 6px;
  align-items: start;
}
body .site .agentbox > img {
  display: block;
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 64px;
  min-width: 64px;
  max-width: 64px;
  height: 80px;
  aspect-ratio: 4 / 5;
  flex: none;
  border-radius: 12px;
  object-fit: contain;
  object-position: center;
  object-view-box: none;
  background: #fff;
}
body .site .agentbox > div {
  grid-column: 2;
  min-width: 0;
}
body .site .agentbox > .go {
  display: inline-flex;
  grid-column: 2;
  justify-self: start;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 8px 14px;
  border-radius: 10px;
  line-height: 1.3;
}
body .site :is(.b-gold, .b-line, .b-wa, .egsh-wide):focus-visible,
body .site .pc .btns > :is(.g, .o):focus-visible,
body .site .agentbox > .go:focus-visible {
  outline: 2px solid #f0d27a;
  outline-offset: 3px;
}
/* End Eagles shared contact-button and portrait fix. */


/* Eagles shared gold buttons: exact Careers reference, 2026-09-24.
   Presentation only. Existing geometry, DOM, handlers and visibility are preserved.
   Photo thumbnails, map UI and dropdown options keep their native control treatment. */
:root {
  --eg-button-gold: linear-gradient(135deg, #8a6508 0%, #d4af37 28%, #fbf0c4 52%, #d4af37 74%, #a5760a 100%);
  --eg-button-ink: #1a1204;
}
html body .site :is(button,input[type="submit"],input[type="button"],input[type="reset"]):not(:where(.thumbs *,#gmap *,.gm-style *,.egs-opt,.egs-trigger,[role="option"])),
html body .site :is(a.b-gold,a.b-line,a.b-wa,a.go,a.ig-btn,a.ico,a.pico,a.eg-rc-btn,a.btn,a.button,a.elementor-button,.pc .btns>a,.langsw>a),
html body :is(.egsh-panel,.lb) :is(button,a.egsh-item),
html body :is(.eg-officer-host,.eg-of-wrap,.eagles-form) :is(button,input[type="submit"]):not(:where(.egs-opt,.egs-trigger,[role="option"])),
html body :is(.eg-totop,.eg-wa-float) {
  background-color: #d4af37 !important;
  background-image: var(--eg-button-gold) !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: var(--eg-button-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
/* Retain a visible selection independently of the shared gold fill. */
html body .site :is(.chip.on,.eg-rc-chip.is-on,.eg-tab.is-active,.langsw>a.on,button[aria-pressed="true"],button[aria-selected="true"]) {
  box-shadow: inset 0 0 0 2px var(--eg-button-ink) !important;
}
html body .site :is(.eg-tab.is-active,.langsw>a.on) {
  text-decoration: underline !important;
  text-underline-offset: .22em;
}
html body .site .fav.on:not(.egsh) svg { fill: currentColor; }
/* Keep outlined SVG artwork and the menu bars legible without filling SVG backgrounds. */
html body .site :is(.b-gold,.b-line,.b-wa,.go,.ico,.pico,.ig-btn,.egsh-wide,.pc .btns>a) :is(svg,span),
html body .egsh-panel .egsh-item :is(svg,b,small,span) { color: inherit !important; }
html body .site .menu-btn span { background-color: currentColor !important; }
html body .site :is(button,input[type="submit"],input[type="button"],input[type="reset"]):not(:where(.thumbs *,#gmap *,.gm-style *,.egs-opt,.egs-trigger,[role="option"])):focus-visible,
html body .site :is(a.b-gold,a.b-line,a.b-wa,a.go,a.ig-btn,a.ico,a.pico,a.eg-rc-btn,a.btn,a.button,a.elementor-button,.pc .btns>a,.langsw>a):focus-visible,
html body :is(.egsh-panel,.lb) :is(button,a.egsh-item):focus-visible,
html body :is(.eg-officer-host,.eg-of-wrap,.eagles-form) :is(button,input[type="submit"]):not(:where(.egs-opt,.egs-trigger,[role="option"])):focus-visible,
html body :is(.eg-totop,.eg-wa-float):focus-visible {
  outline: 2px solid #f0d27a !important;
  outline-offset: 3px;
}
@media (hover: hover) {
html body .site :is(button,input[type="submit"],input[type="button"],input[type="reset"]):not(:where(.thumbs *,#gmap *,.gm-style *,.egs-opt,.egs-trigger,[role="option"])):hover:not(:disabled):not([aria-disabled="true"]),
html body .site :is(a.b-gold,a.b-line,a.b-wa,a.go,a.ig-btn,a.ico,a.pico,a.eg-rc-btn,a.btn,a.button,a.elementor-button,.pc .btns>a,.langsw>a):hover:not(:disabled):not([aria-disabled="true"]),
html body :is(.egsh-panel,.lb) :is(button,a.egsh-item):hover:not(:disabled):not([aria-disabled="true"]),
html body :is(.eg-officer-host,.eg-of-wrap,.eagles-form) :is(button,input[type="submit"]):not(:where(.egs-opt,.egs-trigger,[role="option"])):hover:not(:disabled):not([aria-disabled="true"]),
html body :is(.eg-totop,.eg-wa-float):hover:not(:disabled):not([aria-disabled="true"]) {
  filter: brightness(1.06);
}
}
html body .site :is(button,input[type="submit"],input[type="button"]):disabled,
html body .site [aria-disabled="true"] {
  opacity: .55;
}
html body .site input[type="file"]::file-selector-button {
  background: var(--eg-button-gold);
  color: var(--eg-button-ink);
  border-color: transparent;
  border-radius: 999px;
  font-weight: 700;
}
@media (forced-colors: active) {
html body .site :is(button,input[type="submit"],input[type="button"],input[type="reset"]):not(:where(.thumbs *,#gmap *,.gm-style *,.egs-opt,.egs-trigger,[role="option"])),
html body .site :is(a.b-gold,a.b-line,a.b-wa,a.go,a.ig-btn,a.ico,a.pico,a.eg-rc-btn,a.btn,a.button,a.elementor-button,.pc .btns>a,.langsw>a),
html body :is(.egsh-panel,.lb) :is(button,a.egsh-item),
html body :is(.eg-officer-host,.eg-of-wrap,.eagles-form) :is(button,input[type="submit"]):not(:where(.egs-opt,.egs-trigger,[role="option"])),
html body :is(.eg-totop,.eg-wa-float) {
  background-image: none !important;
  background-color: ButtonFace !important;
  color: ButtonText !important;
  border-color: ButtonText !important;
}
}
/* End Eagles shared gold buttons. */


/* Eagles consistent contact icons and balanced profile buttons, 2026-09-24. */
html body .site :is(a.ico,button.ico,a.pico,button.pico,button.fav.egsh),
html body .eg-wa-float {
  box-sizing: border-box;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  align-items: center;
  justify-content: center;
}
html body .site :is(a.ico,button.ico,a.pico,button.pico,button.fav.egsh) > svg,
html body .eg-wa-float > svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}
html body .site .mplat {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 8px !important;
}
html body .site :is(.member .go,.agentbox > .go) {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  width: fit-content;
  min-width: min(160px,100%);
  max-width: 100%;
  min-height: 48px;
  height: auto;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  text-decoration: none;
}
/* Six contact actions remain a balanced three-by-two group in narrow cards. */
@media (max-width: 1100px) {
  html body .site .mplat:has(> :nth-child(6)) {
    display: grid !important;
    grid-template-columns: repeat(3,44px);
    justify-content: start;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  html body .site .mplat:has(> :nth-child(4)):not(:has(> :nth-child(5))) {
    display: grid !important;
    grid-template-columns: repeat(2,44px);
    justify-content: start;
  }
}
/* End Eagles consistent contact and profile sizing. */