/* Homepage: theme page-title h1 suppressed; hero is the single h1 */
body.home .wp-block-post-title{display:none;}
/* 4Rent Chicago Rentals v0.8.0 — Petrol design direction.
   Deep petrol #0B3B3B · accent #0E6B66 · warm paper #F5F1E8 · ink #1B2422 */
:root{
  --fr-petrol:#0B3B3B; --fr-accent:#0E6B66; --fr-paper:#F5F1E8;
  --fr-ink:#1B2422; --fr-muted:#7A847F; --fr-line:#E7DFCE;
  --fr-card:#FFFFFF; --fr-chip:#EAF0EA; --fr-chip-ink:#3D5450;
  --fr-shadow:0 12px 32px rgba(11,59,59,.08);
}
body{ background:var(--fr-paper); }
.fourrent-hero-inner{max-width:1320px;margin:0 auto}
.fourrent-single-wrap,.fourrent-home-search,.fourrent-search-section{max-width:1180px;margin:0 auto}

/* ---------- HERO ---------- */
.fourrent-hero{ position:relative; overflow:hidden; text-align:center;
  padding:54px 24px 44px; color:#fff; background-color:var(--fr-petrol);
  background-size:cover; background-position:center 35%; }
.fourrent-hero-n{ position:absolute; right:4%; bottom:-30px; width:200px;
  opacity:.16; pointer-events:none; filter:brightness(8); }
.fourrent-eyebrow{ color:#CFE3DC; letter-spacing:.24em; font-size:12px;
  font-weight:600; margin-bottom:12px; text-transform:uppercase; }
.fourrent-hero h1{ color:#fff; font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:clamp(30px,4.5vw,46px); line-height:1.04; margin:0 0 14px; }
.fourrent-hero h1 em{ font-style:italic; font-weight:400; }
.fourrent-hero p{ color:rgba(255,255,255,.88); font-size:19px; max-width:600px;
  margin:0 auto 32px; }

/* ---------- BUTTONS ---------- */
.fourrent-button{ display:inline-block; background:var(--fr-accent); color:#fff!important;
  text-decoration:none!important; padding:15px 32px; border-radius:999px;
  font-weight:600; font-size:15px; border:1px solid var(--fr-accent); }
.fourrent-button.secondary{ background:transparent; color:var(--fr-ink)!important;
  border:1px solid #D8CFB9; }

/* ---------- AREA BUBBLES ---------- */
.fourrent-area-browse{ max-width:1180px; margin:0 auto; padding:34px 24px 4px; text-align:center; }
.fourrent-area-browse h2{ font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:clamp(28px,4vw,36px); margin:0 0 6px; color:var(--fr-ink); }
.fourrent-area-browse h2 em{ font-style:italic; color:var(--fr-accent); }
.fourrent-area-sub{ color:var(--fr-muted); margin:0 0 20px; }
.fourrent-area-bubbles{ display:grid; grid-template-columns:repeat(auto-fill,minmax(104px,1fr));
  gap:16px 10px; justify-items:center; }
.fourrent-bubble{ width:108px; height:108px; border-radius:50%; position:relative;
  overflow:hidden; display:flex; align-items:flex-end; justify-content:center;
  text-decoration:none!important; background-size:cover; background-position:center;
  background-color:var(--fr-chip); border:3px solid #fff; box-shadow:var(--fr-shadow);
  transition:transform .2s ease; }
.fourrent-bubble:hover{ transform:translateY(-4px); }
.fourrent-bubble::before{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(11,59,59,0) 40%,rgba(11,59,59,.66)); }
.fourrent-bubble span{ position:relative; color:#fff; font-weight:600; font-size:13px;
  padding:0 8px 15px; text-align:center; line-height:1.25; text-transform:capitalize; }
.fourrent-bubble span.fourrent-bubble-long{ font-size:11px; }
/* Hide the plain "Home" page title above our hero on the front page */
.home .wp-block-post-title{ display:none!important; }
/* legacy plain area links (anywhere else) */
.fourrent-area-links a{ color:var(--fr-accent); }

/* ---------- SEARCH ---------- */
.fourrent-home-search{ padding:54px 24px; }
.fourrent-home-search>h2{ font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:clamp(28px,4vw,36px); margin:0 0 18px; text-align:center; color:var(--fr-ink); }
.fourrent-home-search>h2 em{ font-style:italic; color:var(--fr-accent); }
.fourrent-search-section{ padding:18px 0 50px; }
.fourrent-search{ background:#fff; border:1px solid var(--fr-line); border-radius:20px;
  box-shadow:var(--fr-shadow); padding:18px;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.fourrent-search input,.fourrent-search select{ min-height:52px; border:1px solid var(--fr-line);
  border-radius:14px; padding:0 16px; background:var(--fr-paper); font-size:15px; font-family:Inter,system-ui,sans-serif; }
.fourrent-search button{ border:0; min-height:52px; border-radius:14px;
  background:var(--fr-accent); color:#fff; font-weight:600; font-size:15px;
  padding:0 26px; cursor:pointer; }
/* Phase 1 (v0.9.94): Available Now toggle in the search form — the generic
   input rule above would stretch the checkbox, so it gets its own sizing. */
.fourrent-search .fourrent-avail-now{ display:flex; align-items:center; gap:10px;
  min-height:52px; padding:0 16px; border:1px solid var(--fr-line);
  border-radius:14px; background:var(--fr-paper); font-size:15px; cursor:pointer; }
.fourrent-search .fourrent-avail-now input{ min-height:0; width:20px; height:20px;
  padding:0; accent-color:var(--fr-accent); }
.fourrent-result-count{ color:var(--fr-muted); margin:8px 4px 18px; font-size:15px; }

/* ---------- LISTING CARDS ---------- */
.fourrent-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.fourrent-card{ border:1px solid var(--fr-line); border-radius:20px; overflow:hidden;
  background:#fff; box-shadow:var(--fr-shadow); }
.fourrent-card-image{ display:block; position:relative; aspect-ratio:4/3;
  background:linear-gradient(135deg,#EFE9D8,#E2D8BE); overflow:hidden; }
.fourrent-card-image img{ width:100%; height:100%; object-fit:cover; display:block; }
.fourrent-card-image img.fourrent-sig{ position:absolute; right:10px; bottom:6px;
  width:74px; height:auto; opacity:.38; pointer-events:none; object-fit:contain; }
.fourrent-placeholder{ height:100%; display:flex; align-items:center; justify-content:center;
  color:#9A917E; font-family:Fraunces,Georgia,serif; font-style:italic; font-size:17px; }
.fourrent-status{ position:absolute; top:12px; left:12px; background:#fff;
  padding:7px 12px; border-radius:999px; font-size:12px; font-weight:700; }
.fourrent-featured-badge{ position:absolute; top:12px; right:12px; background:var(--fr-accent);
  color:#fff; padding:8px 14px; border-radius:999px; font-size:12px; font-weight:700; }
.fourrent-card-body{ padding:22px; }
.fourrent-price{ font-family:Fraunces,Georgia,serif; font-size:28px; font-weight:600; color:var(--fr-ink); }
.fourrent-price span{ font-family:Inter,system-ui,sans-serif; font-size:13px; font-weight:500; color:var(--fr-muted); }
.fourrent-utility-charge{ font-size:13px; font-weight:600; color:var(--fr-muted); margin-top:2px; }
.fourrent-card h3{ margin:8px 0 3px; font-size:20px; font-family:Fraunces,Georgia,serif; font-weight:500; }
.fourrent-card h3 a{ text-decoration:none; color:var(--fr-ink); }
.fourrent-location{ color:var(--fr-muted); margin-bottom:12px; font-size:14.5px; }
.fourrent-facts{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.fourrent-facts span{ background:var(--fr-chip); border-radius:999px; padding:6px 13px;
  font-size:13px; font-weight:600; color:var(--fr-chip-ink); }
.fourrent-card-actions{ display:flex; gap:10px; }
.fourrent-card-actions .fourrent-button{ flex:1; padding:12px 10px; font-size:14px;
  text-align:center; box-sizing:border-box; }
.fourrent-empty{ grid-column:1/-1; padding:42px; text-align:center;
  border:1px dashed var(--fr-line); border-radius:20px; background:#fff; }


.fourrent-card-ppm{ border-color:#c9b98f; }
.fourrent-ppm-badge{ position:absolute; left:12px; bottom:12px; background:rgba(11,59,59,.94);
  color:#fff; padding:7px 11px; border-radius:999px; font-size:11px; font-weight:700;
  letter-spacing:.01em; box-shadow:0 2px 8px rgba(0,0,0,.16); }
.fourrent-ppm-notice{ display:inline-block; margin:0 0 10px; background:#f2ead6; color:#5e4d25;
  border:1px solid #d5c49a; border-radius:999px; padding:7px 12px; font-size:13px; font-weight:700; }

/* ---------- SINGLE LISTING ---------- */
.fourrent-single{ padding:24px 24px 60px; }
/* Tighten theme wrapper spacing that block themes add around custom templates */
.wp-site-blocks .fourrent-single{ margin-top:0; }
.fourrent-single-wrap{ position:relative; overflow-x:clip; }
.fourrent-bgmark{ position:absolute; right:-30px; top:120px; width:340px;
  opacity:.06; pointer-events:none; }
.fourrent-back{ text-decoration:none; color:var(--fr-muted); }
.fourrent-single-heading{ display:flex; justify-content:space-between; gap:30px;
  align-items:flex-end; margin:24px 0; }
.fourrent-single-heading h1{ font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:clamp(28px,4vw,38px); margin:6px 0 0; color:var(--fr-ink); }
.fourrent-single-facts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.fourrent-single-facts span{ background:var(--fr-chip); border-radius:999px;
  padding:6px 13px; font-size:13px; font-weight:600; color:var(--fr-chip-ink); }
.fourrent-single-price strong{ font-family:Fraunces,Georgia,serif; font-size:34px;
  font-weight:600; color:var(--fr-ink); }
.fourrent-single-price span{ color:var(--fr-muted); }
.fourrent-gallery{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; margin:26px 0; }
.fourrent-gallery-item{ border-radius:16px; overflow:hidden; position:relative;
  background:linear-gradient(135deg,#EFE9D8,#E2D8BE); }
.fourrent-gallery-item.primary{ grid-row:span 2; }
.fourrent-gallery-item img{ width:100%; height:100%; object-fit:cover; display:block; }
.fourrent-media-disclosure{ background:#FFF8E7; border:1px solid #F0E2B8; color:#7A6A2F;
  border-radius:12px; padding:10px 14px; font-size:13px; margin-bottom:12px; }
.fourrent-single-layout{ display:grid; grid-template-columns:1fr 340px; gap:36px; margin-top:8px; }
.fourrent-description{ color:#3D5450; line-height:1.7; margin:20px 0; }
.fourrent-details-panel{ background:#fff; border:1px solid var(--fr-line);
  border-radius:20px; padding:26px; box-shadow:var(--fr-shadow); }
.fourrent-details-panel h2{ font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:24px; margin:0 0 16px; color:var(--fr-ink); }
.fourrent-detail-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.fourrent-detail-grid b{ display:block; font-size:12px; text-transform:uppercase;
  letter-spacing:.08em; color:var(--fr-muted); margin-bottom:4px; }
.fourrent-apply-box{ background:var(--fr-petrol); border-radius:20px; padding:30px;
  color:#D9E4DE; align-self:start; position:sticky; top:24px; }
.fourrent-apply-box h3{ color:#fff; font-family:Fraunces,Georgia,serif;
  font-weight:500; font-size:24px; margin:0 0 8px; }
.fourrent-apply-box p{ color:#A9BDB6; margin:0 0 20px; }
.fourrent-apply-box .fourrent-button{ width:100%; text-align:center;
  box-sizing:border-box; margin-bottom:10px; }
.fourrent-video iframe,.fourrent-virtual-tour-frame iframe{ width:100%; aspect-ratio:16/9;
  border:0; border-radius:16px; }

/* ---------- THEME FOOTER (petrol) ---------- */
footer.wp-block-template-part{ background:var(--fr-petrol)!important; color:#D9E4DE; }
footer.wp-block-template-part a{ color:#D9E4DE; }
footer.wp-block-template-part .wp-block-heading{ color:#fff; }
/* Plugin-rendered footer wrapper for single listing pages (block_template_part
   doesn't output the semantic <footer> in PHP template context) */
.fourrent-site-footer{ background:var(--fr-petrol); color:#D9E4DE; }
.fourrent-site-footer a{ color:#D9E4DE; }
.fourrent-site-footer .wp-block-heading{ color:#fff; }
/* Fallback: when block_template_part renders without the wrapper class (e.g. in custom PHP templates), force the petrol background on single listing pages */
main.fourrent-single + footer,
body.single-rental footer{ background:var(--fr-petrol)!important; color:#D9E4DE; }
main.fourrent-single + footer a,
body.single-rental footer a{ color:#D9E4DE; }
main.fourrent-single + footer .wp-block-heading,
body.single-rental footer .wp-block-heading{ color:#fff; }

/* ---------- FEATURED SECTION ---------- */
.fourrent-featured-sec{ max-width:1180px; margin:0 auto; padding:34px 24px 8px; text-align:center; }
.fourrent-featured-sec h2{ font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:clamp(28px,4vw,36px); margin:0 0 6px; color:var(--fr-ink); }
.fourrent-featured-sec h2 em{ font-style:italic; color:var(--fr-accent); }
.fourrent-featured-sec .fourrent-grid{ text-align:left; margin-top:26px; }
/* Featured section: 4 columns on desktop (cap raised 3 → 4); tablet/phone unchanged. */
.fourrent-featured-sec .fourrent-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .fourrent-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fourrent-featured-sec .fourrent-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fourrent-single-layout{ grid-template-columns:1fr; }
  .fourrent-single-heading{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:800px){
  .fourrent-search{ grid-template-columns:1fr 1fr; }
  .fourrent-hero{ padding:44px 20px 36px; }
}
@media (max-width:600px){
  .fourrent-grid{ grid-template-columns:1fr; }
  .fourrent-featured-sec .fourrent-grid{ grid-template-columns:1fr; }
  .fourrent-search{ grid-template-columns:1fr; }
  .fourrent-card-actions{ flex-direction:column; }
}

/* ---------- LISTING CARDS v2 (picture + price + bedrooms) ---------- */
.fourrent-card-v2{ display:block; text-decoration:none; color:inherit; }
.fourrent-card-v2 .fourrent-card-body{ padding:16px 18px 18px; display:block; }
.fourrent-card-addr{ display:block; font-family:Fraunces,Georgia,serif; font-size:18px;
  font-weight:500; color:var(--fr-ink); margin-bottom:10px; }
.fourrent-card-meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.fourrent-card-v2 .fourrent-price{ font-size:24px; }
.fourrent-beds{ font-size:13px; font-weight:600; background:var(--fr-chip);
  color:var(--fr-chip-ink); border-radius:999px; padding:6px 13px; white-space:nowrap; }

/* ---------- NEIGHBORHOOD (AREA) HERO ---------- */
.fourrent-area-hero{ background-size:cover; background-position:center;
  background-color:#0b3b3b; /* fallback when no area photo exists (v0.9.40) */
  padding:72px 24px 58px; text-align:center; color:#fff; }
.fourrent-area-hero-inner{ max-width:760px; margin:0 auto; }
.fourrent-area-hero .fourrent-eyebrow{ color:#D9E4DE; }
.fourrent-area-hero h2{ font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:clamp(34px,5vw,52px); margin:6px 0 8px; color:#fff; }
.fourrent-area-count{ font-size:17px; font-weight:600; margin:0 0 6px; }
.fourrent-area-intro-soon{ font-style:italic; opacity:.85; margin:0; }
.fourrent-area-intro{ font-size:16px; line-height:1.55; margin:0; max-width:640px; }

/* ---------- BUY BANNER ---------- */
.fourrent-buy-banner{ background:var(--fr-petrol); color:#fff; text-align:center;
  padding:54px 24px; margin-top:40px; }
.fourrent-buy-banner-inner{ max-width:760px; margin:0 auto; }
.fourrent-buy-banner h2{ color:#fff; font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:clamp(26px,4vw,38px); margin:0 0 10px; }
.fourrent-buy-banner h2 em{ font-style:italic; font-weight:400; }
.fourrent-buy-banner p{ color:rgba(255,255,255,.85); font-size:17px; margin:0 0 24px; }
.fourrent-buy-banner .fourrent-button{ background:#fff; color:var(--fr-petrol)!important; border-color:#fff; }

/* Discreet photo-source footnote at the bottom of a listing page. */
.fourrent-media-footnote{ margin:28px 0 0; font-size:12px; color:#8a8a8a; }

/* On neighborhood pages the area banner is the heading; hide the "Rentals" page title above it. */
body:has(.fourrent-area-hero) :is(.wp-block-post-title,.entry-title){ display:none; }

/* ---- Photo branding: subtle semi-transparent script-N watermark ----
   One small N in the corner at 25% opacity — photos stay clean and premium
   while carrying the North Shore Prestige Realty brand (Julia 2026-09-27:
   originals on the site, our N semi-transparent instead of the old watermark;
   single mark chosen over tiled for a cleaner look). */
.fourrent-gallery-item{ position:relative; }
.fourrent-gallery-item::after{
  content:""; position:absolute; right:12px; bottom:12px; width:54px; height:81px;
  pointer-events:none; z-index:2; opacity:.25;
  background-image:var(--fourrent-wm);
  background-repeat:no-repeat; background-size:contain; background-position:center;
}
/* Mobile long-press save deterrent. */
.fourrent-gallery img, .fourrent-featured img, .fourrent-card img{
  -webkit-touch-callout:none; user-select:none; -webkit-user-select:none;
}
/* Lightbox: photos open on-page, never as a raw file in a new tab. */
.fourrent-lightbox{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center;
  background:rgba(8,30,30,.92); padding:48px 64px;
}
.fourrent-lightbox[aria-hidden="true"]{ display:none; }
.fourrent-lb-frame{ position:relative; max-width:min(1100px,92vw); max-height:86vh; }
.fourrent-lb-frame img{ max-width:100%; max-height:86vh; display:block; border-radius:12px; }
.fourrent-lb-frame::after{
  content:""; position:absolute; right:18px; bottom:18px; width:72px; height:108px;
  pointer-events:none; opacity:.25;
  background-image:var(--fourrent-wm);
  background-repeat:no-repeat; background-size:contain; background-position:center; border-radius:12px;
}
.fourrent-lb-close,.fourrent-lb-prev,.fourrent-lb-next{
  position:absolute; background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.35);
  width:46px; height:46px; border-radius:50%; font-size:24px; line-height:1; cursor:pointer;
}
.fourrent-lb-close{ top:18px; right:22px; }
.fourrent-lb-prev{ left:18px; top:50%; transform:translateY(-50%); }
.fourrent-lb-next{ right:18px; top:50%; transform:translateY(-50%); }
.fourrent-lb-close:hover,.fourrent-lb-prev:hover,.fourrent-lb-next:hover{ background:rgba(255,255,255,.30); }

/* For-sale style listing hero: one big photo + full description side by side. */
.fourrent-hero-row{ display:grid; grid-template-columns:7fr 5fr; gap:36px; margin:26px 0 8px; align-items:start; }
.fourrent-hero-photo{ display:block; aspect-ratio:4/3; }
.fourrent-hero-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.fourrent-hero-copy h2{ font-size:22px; margin:0 0 12px; }
.fourrent-hero-copy .fourrent-description{ font-size:16px; line-height:1.65; color:#3d4a4a; }
.fourrent-hero-copy .fourrent-description p{ margin:0 0 12px; }
.fourrent-hero-cta{ display:flex; gap:12px; margin-top:18px; flex-wrap:wrap; }
.fourrent-section-title{ font-size:22px; margin:26px 0 4px; }
@media (max-width:860px){
  .fourrent-hero-row{ grid-template-columns:1fr; gap:20px; }
}
.fourrent-photo-credit{ max-width:1180px; margin:6px auto 0; padding:0 20px; font-size:11px; color:#8a9a96; text-align:right; }
.fourrent-photo-credit a{ color:#8a9a96; text-decoration:underline; }

/* Header shows the N logo only — hide the text site title/tagline in the header (footer keeps its text). */
header .wp-block-site-title,
header .wp-block-site-tagline{
  display:none !important;
}

/* Single listing pages: the header prints the site title as a plain classless
   <h1> with no semantic <header> wrapper in this PHP template context, so
   `header h1` cannot match it. Hide every H1 on rental singles, then re-show
   the listing's own address H1 inside <main> (higher specificity wins). */
body.single-rental h1{
  display:none !important;
}
body.single-rental main h1{
  display:revert !important;
}

/* Pagination (rentals search results) */
.fourrent-pagination{ margin:30px 0 10px; text-align:center; }
.fourrent-pagination .page-numbers{ display:inline-block; min-width:40px; padding:9px 13px; margin:0 3px; border:1px solid var(--fr-line); border-radius:9px; color:var(--fr-ink); text-decoration:none; background:var(--fr-card); font-size:15px; }
.fourrent-pagination a.page-numbers:hover{ background:var(--fr-paper); }
.fourrent-pagination .page-numbers.current{ background:var(--fr-petrol); border-color:var(--fr-petrol); color:#fff; }
.fourrent-pagination .page-numbers.dots{ border:none; background:none; }

/* Promo banner (e.g. Sheridan Tower one-month-free). Rendered by the
   prepend_promo_banner the_content filter from data/promos.json. */
.fourrent-promo-banner{ background:#0e6b6b; color:#fff; border-radius:10px; padding:14px 18px; margin:0 0 18px; font-size:15px; line-height:1.55; }
.fourrent-promo-banner strong{ font-size:16px; }

/* PPM listing enrichment (v0.9.47) */
.fourrent-ppm-resources{margin:0 0 28px;padding:20px;border:1px solid #ddd6c3;border-radius:14px;background:#fbf8f0}
.fourrent-ppm-resource-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fourrent-ppm-building-gallery,.fourrent-ppm-building-floorplans{margin:0 0 30px}

/* ---------- NEIGHBORHOOD SEO GUIDE (v0.9.49) ---------- */
.fourrent-area-seo{max-width:1180px;margin:0 auto;padding:34px 24px 60px;}
.fourrent-area-seo-inner{max-width:860px;margin:0 auto;}
.fourrent-area-seo h2,.fourrent-area-seo h3{font-family:Fraunces,Georgia,serif;color:var(--fr-text);font-weight:500;}
.fourrent-area-seo h2{font-size:clamp(30px,4vw,44px);margin:0 0 16px;}
.fourrent-area-seo h3{font-size:26px;margin:30px 0 12px;}
.fourrent-area-seo h4{font-size:17px;margin:20px 0 6px;color:var(--fr-text);}
.fourrent-area-seo p,.fourrent-area-seo li{font-size:16px;line-height:1.7;color:var(--fr-muted);}
.fourrent-area-seo ul{padding-left:22px;margin:10px 0 28px;}
.fourrent-area-faq{border-top:1px solid rgba(20,61,59,.16);margin-top:30px;padding-top:4px;}


/* ---------- TESTIMONIALS (v0.9.53) ---------- */
.fourrent-testimonials{background:var(--fr-petrol);color:#fff;padding:64px 24px 70px;}
.fourrent-testimonials-inner{max-width:1180px;margin:0 auto;}
.fourrent-testimonials-head{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:30px;}
.fourrent-testimonials .fourrent-eyebrow-dark{color:#b9d3cc;margin-bottom:8px;}
.fourrent-testimonials h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(30px,4vw,42px);line-height:1.08;margin:0;color:#fff;}
.fourrent-testimonials h2 em{font-weight:400;font-style:italic;color:#d3e5df;}
.fourrent-review-summary{text-align:right;font-size:14px;color:#d7e4df;}
.fourrent-review-stars,.fourrent-testimonial-stars{letter-spacing:.12em;color:#f0d99b;}
.fourrent-review-stars{font-size:18px;margin-bottom:4px;}
.fourrent-review-rating{font-weight:600;margin-bottom:6px;}
.fourrent-review-summary a,.fourrent-testimonial-card footer a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.fourrent-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.fourrent-testimonial-card{background:#fff;color:var(--fr-ink);border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;}
.fourrent-testimonial-stars{font-size:15px;margin-bottom:13px;color:#aa7d20;}
.fourrent-testimonial-card blockquote{margin:0 0 22px;padding:0;border:0;font-size:15px;line-height:1.65;color:#35423f;flex:1;}
.fourrent-testimonial-card footer{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;padding-top:16px;border-top:1px solid var(--fr-line);font-size:13px;color:var(--fr-muted);}
.fourrent-testimonial-card footer strong{color:var(--fr-ink);font-size:14px;}
.fourrent-testimonial-card footer a{color:var(--fr-accent);margin-left:auto;}
@media (max-width:900px){
  .fourrent-testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  .fourrent-testimonials{padding:48px 18px 52px;}
  .fourrent-testimonials-head{display:block;}
  .fourrent-review-summary{text-align:left;margin-top:18px;}
  .fourrent-testimonial-grid{grid-template-columns:1fr;}
}
