/* The Tadres Team: liquid glass design.
   Loaded by mu-plugins/tt-liquid-glass.php only on pages whose <body> gets the tt-glass class.
   liquid-glass.js tags the page parts (lg-hero, lg-card, lg-panel, lg-ambient) that these rules style. */

.tt-glass{--lg-gold:168,157,116;--lg-blue:74,120,190;--lg-blur:18px;--lg-card-blur:16px}

/* ---------- Header: glass strip over photo banners ---------- */
.tt-glass header.header-transparent-wrap{background:rgba(12,16,26,.22);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.12)}

/* ---------- Photo banners: drifting liquid light ---------- */
.tt-glass .lg-hero{overflow:hidden;isolation:isolate}
.tt-glass .lg-hero>.elementor-container,.tt-glass .lg-hero>.e-con-inner{position:relative;z-index:2}
.tt-glass .lg-blobs{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.tt-glass .lg-blob{position:absolute;width:42vmax;height:42vmax;filter:blur(42px);opacity:.38;mix-blend-mode:screen;border-radius:43% 57% 61% 39%/45% 38% 62% 55%;animation:lg-morph 18s ease-in-out infinite alternate,lg-drift 26s ease-in-out infinite alternate;will-change:transform,border-radius}
.tt-glass .lg-blob.b1{left:-14vmax;top:-16vmax;background:radial-gradient(circle at 30% 30%,rgba(var(--lg-gold),.95),rgba(var(--lg-gold),0) 70%)}
.tt-glass .lg-blob.b2{right:-18vmax;bottom:-22vmax;background:radial-gradient(circle at 60% 40%,rgba(var(--lg-blue),.8),rgba(var(--lg-blue),0) 70%);animation-duration:22s,30s;animation-delay:-6s,-9s}
.tt-glass .lg-blob.b3{right:8%;top:-10%;width:22vmax;height:22vmax;opacity:.22;background:radial-gradient(circle,rgba(255,255,255,.6),rgba(255,255,255,0) 70%);animation-delay:-3s,-14s}
@keyframes lg-morph{0%{border-radius:43% 57% 61% 39%/45% 38% 62% 55%}50%{border-radius:60% 40% 35% 65%/55% 60% 40% 45%}100%{border-radius:38% 62% 48% 52%/62% 42% 58% 38%}}
@keyframes lg-drift{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(6vmax,4vmax,0) rotate(40deg)}}

/* ---------- Dark glass (over photos) ---------- */
.tt-glass .lg-glass{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(170%);backdrop-filter:blur(var(--lg-blur)) saturate(170%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.32)}
.tt-glass .lg-glass::before,.tt-glass .lg-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(520px circle at var(--mx,25%) var(--my,0%),rgba(255,255,255,.2),transparent 45%)}
.tt-glass .lg-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);background-size:260% 100%;background-position:120% 0;animation:lg-sheen 8s ease-in-out infinite}
@keyframes lg-sheen{0%,55%{background-position:120% 0}100%{background-position:-120% 0}}
.tt-glass .lg-glass>*,.tt-glass .lg-card>*{position:relative;z-index:1}

/* Image tiles with a call to action (For Sellers / For Buyers) */
.tt-glass .lg-panel-host{padding:110px 44px!important}
.tt-glass .lg-panel{width:min(480px,100%);margin:0 auto;padding:40px 36px!important;text-align:center}

/* ---------- Light glass cards (testimonials, icon boxes, forms, FAQs) ---------- */
.tt-glass .lg-card{position:relative;overflow:hidden;background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(var(--lg-card-blur)) saturate(160%);backdrop-filter:blur(var(--lg-card-blur)) saturate(160%);border:1px solid rgba(255,255,255,.85)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(20,25,40,.08)!important;transition:transform .35s ease,box-shadow .35s ease}
.tt-glass .lg-card.lg-pad{padding:30px 26px!important}
.tt-glass .lg-card.lg-form{background:rgba(255,255,255,.84)!important}
.tt-glass .lg-card.lg-lift:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 24px 50px rgba(20,25,40,.14)!important}
/* Same card on a dark or photo background keeps its light text readable */
.tt-glass .lg-card.lg-on-dark{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;border-color:rgba(255,255,255,.26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 20px 50px rgba(0,0,0,.3)!important}

/* Soft moving color behind light sections so the glass has something to refract */
.tt-glass .lg-ambient{position:relative;isolation:isolate;overflow:hidden}
.tt-glass .lg-ambient::before,.tt-glass .lg-ambient::after{content:"";position:absolute;z-index:0;width:520px;height:520px;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;animation:lg-drift 24s ease-in-out infinite alternate}
.tt-glass .lg-ambient::before{left:-140px;top:12%;background:rgba(var(--lg-gold),.5)}
.tt-glass .lg-ambient::after{right:-160px;bottom:-60px;background:rgba(var(--lg-blue),.32);animation-delay:-10s}
.tt-glass .lg-ambient>:not(.elementor-background-overlay):not(.elementor-background-slideshow):not(.elementor-shape):not(.elementor-background-video-container){position:relative;z-index:1}

/* ---------- Buttons ---------- */
.tt-glass .elementor-button{position:relative;overflow:hidden}
.tt-glass .elementor-button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;transition:background-position .7s ease}
.tt-glass .elementor-button:hover::after,.tt-glass .elementor-button:focus-visible::after{background-position:-30% 0}
.tt-glass .lg-btn{background:rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 24px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.tt-glass .lg-btn:hover,.tt-glass .lg-btn:focus-visible{background:rgba(var(--lg-gold),.42)!important;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 14px 32px rgba(var(--lg-gold),.35)}

/* ---------- Blog ---------- */
.tt-glass section.blog-wrap .article-wrap,.tt-glass section.blog-wrap .sidebar-wrap .widget{background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(var(--lg-card-blur)) saturate(160%);backdrop-filter:blur(var(--lg-card-blur)) saturate(160%);border:1px solid rgba(255,255,255,.85)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(20,25,40,.08)!important;overflow:hidden}
.tt-glass section.blog-wrap .sidebar-wrap .widget{padding:24px!important}

/* ---------- Homepage ---------- */
/* Banner text sits in a slim glass bar along the bottom so faces stay visible */
.tt-glass.page-id-43655 [data-id="faaa294"]>.elementor-container{max-width:1000px!important;align-items:flex-end!important;padding-bottom:64px}
.tt-glass.page-id-43655 [data-id="faaa294"] .elementor-column,.tt-glass.page-id-43655 [data-id="faaa294"] .elementor-column>.elementor-widget-wrap{align-content:flex-end!important;align-items:flex-end!important}
.tt-glass.page-id-43655 [data-id="dfee7c1"],.tt-glass.page-id-43655 [data-id="dfee7c1"]>.elementor-container{max-width:1000px!important;width:100%!important}
.tt-glass.page-id-43655 .lg-hero-card{display:grid!important;grid-template-columns:1fr auto;column-gap:36px;align-items:center;width:100%!important;padding:24px 36px!important;border-radius:24px;--lg-blur:10px}
.tt-glass.page-id-43655 .lg-hero-card>[data-id="2b181ad"]{grid-column:1;grid-row:1;margin:0!important}
.tt-glass.page-id-43655 .lg-hero-card>[data-id="de8e234"]{grid-column:1;grid-row:2;margin:4px 0 0!important}
.tt-glass.page-id-43655 .lg-hero-card>[data-id="6dba087"]{grid-column:2;grid-row:1/3;margin:0!important;width:auto!important}
.tt-glass.page-id-43655 .lg-hero-card .elementor-heading-title{text-align:left!important}
.tt-glass.page-id-43655 .lg-hero-card>[data-id="2b181ad"] .elementor-heading-title{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.1!important;letter-spacing:.12em!important;white-space:nowrap}
.tt-glass.page-id-43655 .lg-hero-card>[data-id="de8e234"] .elementor-heading-title{font-size:clamp(16px,1.5vw,20px)!important}
/* Search: light glass panel lifted over the banner */
.tt-glass.page-id-43655 [data-id="e939568"]{position:relative;z-index:5;margin-top:-40px!important}
.tt-glass.page-id-43655 [data-id="e939568"]>.e-con-inner{background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:inset 0 1px 0 #fff,0 30px 70px rgba(15,20,35,.18);padding:12px 28px 20px}

/* ---------- Fallback for browsers without backdrop blur ---------- */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tt-glass .lg-glass,.tt-glass .lg-card.lg-on-dark{background:rgba(20,24,34,.72)!important}
  .tt-glass .lg-card,.tt-glass section.blog-wrap .article-wrap,.tt-glass section.blog-wrap .sidebar-wrap .widget{background:rgba(255,255,255,.94)!important}
  .tt-glass.page-id-43655 [data-id="e939568"]>.e-con-inner{background:rgba(255,255,255,.96)}
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .tt-glass .lg-panel-host{padding:80px 24px!important}
}

/* ---------- Phone: lighter effects, stacked layouts ---------- */
@media (max-width:767px){
  .tt-glass{--lg-blur:12px;--lg-card-blur:12px}
  .tt-glass .lg-blob{filter:blur(30px);width:70vmax;height:70vmax}
  .tt-glass .lg-blob.b3{display:none}
  .tt-glass .lg-ambient::before,.tt-glass .lg-ambient::after{width:300px;height:300px;filter:blur(55px)}
  .tt-glass .lg-panel-host{padding:56px 16px!important}
  .tt-glass .lg-panel{width:100%;padding:28px 20px!important;border-radius:22px}
  .tt-glass .lg-card.lg-pad{padding:24px 20px!important}
  .tt-glass.page-id-43655 [data-id="faaa294"]>.elementor-container{padding-bottom:52px}
  .tt-glass.page-id-43655 .lg-hero-card{grid-template-columns:1fr;text-align:center;margin:0 12px!important;padding:18px 18px 20px!important;border-radius:20px}
  .tt-glass.page-id-43655 .lg-hero-card .elementor-heading-title{text-align:center!important}
  .tt-glass.page-id-43655 .lg-hero-card>[data-id="2b181ad"] .elementor-heading-title{font-size:22px!important}
  .tt-glass.page-id-43655 .lg-hero-card>[data-id="de8e234"] .elementor-heading-title{font-size:16px!important}
  .tt-glass.page-id-43655 .lg-hero-card>[data-id="6dba087"]{grid-column:1;grid-row:3;margin-top:14px!important}
  .tt-glass.page-id-43655 [data-id="e939568"]{padding-left:12px!important;padding-right:12px!important}
  .tt-glass.page-id-43655 [data-id="e939568"]>.e-con-inner{padding:8px 12px 14px;border-radius:20px}
  .tt-glass.page-id-43655 [data-id="636683f"]>.elementor-widget-container{margin:0!important}
}

@media (prefers-reduced-motion:reduce){
  .tt-glass .lg-blob,.tt-glass .lg-glass::after,.tt-glass .lg-ambient::before,.tt-glass .lg-ambient::after{animation:none}
  .tt-glass .lg-btn,.tt-glass .lg-card,.tt-glass .elementor-button::after{transition:none}
}