/* Bee Iolkos | Premium editorial decor foundation, design cycle 1/2.
   Used ONLY on opted-in CMS editorial pages. ArticleBody and SeoBody untouched.
   All decor uses local SVGs, CSS, and existing brand colours. No JS or IO. */
.bee-cms-decor {
  --bee-ink: #13283e;
  --bee-paper: #faf8f2;
  --bee-paper-soft: #f6f1e7;
  --bee-gold: #f4c430;
  --bee-gold-muted: #b78b34;
  --bee-stroke: rgba(169,136,71,.23);
  --bee-card-shadow: 0 12px 35px rgba(28,43,51,.055);
  background-color:var(--bee-paper);
  color:var(--bee-ink);
}
/* Original Homepage, hero pictures and search UI are not opted in. */
.keyword-landing.bee-cms-decor {
  background-image:
    radial-gradient(ellipse at 98% 9%,rgba(232,201,131,.17),transparent 31%),
    linear-gradient(155deg,#faf9f5 0%,#f8f5ed 52%,#fbfaf7 100%);
  background-size: auto, auto;
  background-position:center,center;
  background-repeat:no-repeat;
}
.keyword-landing.bee-cms-decor .keyword-intro {
  background:
    url('/Assets/Decor/architect-plan.svg') right max(12px,6vw) center / clamp(220px,32vw,440px) auto no-repeat,
    radial-gradient(ellipse at 84% 18%,rgba(218,185,112,.14),transparent 45%),
    linear-gradient(112deg,#fcfaf5 0%,#f7f4ec 100%);
  border-bottom:1px solid var(--bee-stroke);
}
.keyword-landing.bee-cms-decor .keyword-intro::after {
  opacity:.17;
  right:4%;bottom:-150px;
}
.keyword-landing.bee-cms-decor .keyword-intro-flag {
  border-color:rgba(181,141,60,.3);
  color:#725720;
  background:rgba(250,246,234,.8);
  box-shadow:0 4px 18px rgba(126,97,44,.06);
}
.keyword-landing.bee-cms-decor .keyword-gold-rule {
  width:65px;
  height:3px;
  background:linear-gradient(90deg,#f4c430,#be9132);
}
.keyword-landing.bee-cms-decor .keyword-main-shell {position:relative}
.keyword-landing.bee-cms-decor .keyword-main-grid {align-items:stretch;gap:clamp(20px,2.4vw,36px)}
.keyword-landing.bee-cms-decor .keyword-editorial {
  position:relative;
  z-index:1;
  border-color:var(--bee-stroke);
  background:linear-gradient(148deg,#ffffff 0%,#fffefa 100%);
  box-shadow:var(--bee-card-shadow);
  border-radius:clamp(15px,1.7vw,22px);
}
.keyword-landing.bee-cms-decor .keyword-editorial::before {
  width:48px;
  background:var(--bee-gold);
  margin-bottom:28px;
}
.keyword-landing.bee-cms-decor .keyword-rich-text {
  color:#344658;
  line-height:1.86;
}
.keyword-landing.bee-cms-decor .keyword-rich-text p {line-height:1.86}
.keyword-landing.bee-cms-decor .keyword-rich-text h2:not(:first-child) {
  position:relative;
  border-top:1px solid var(--bee-stroke);
  padding-top:35px;
  margin-top:45px;
}
.keyword-landing.bee-cms-decor .keyword-rich-text h2:not(:first-child)::before {
  content:'';
  position:absolute;
  top:-2px;left:0;
  width:42px;height:3px;
  border-radius:3px;
  background:#d6a72e;
}
.keyword-landing.bee-cms-decor .keyword-rich-text blockquote {
  background:#fcf8ee;
  border-radius:0 13px 13px 0;
  border-inline-start:3px solid #d6a72e;
}
.keyword-landing.bee-cms-decor .keyword-rich-text th {
  background:#faf4e5;
  color:var(--bee-ink);
}
.keyword-landing.bee-cms-decor .keyword-rich-text :where(th,td){border-color:#e8ddc7}
.keyword-landing.bee-cms-decor .keyword-side {
  position:relative;
  grid-template-rows:max-content max-content minmax(0,1fr);
  align-self:stretch;
}
/* The long-page right column remains visually intentional, without invented geo facts. */
.keyword-landing.bee-cms-decor .keyword-side::after {
  content:'';
  display:block;
  min-height:0;
  border-left:1px solid rgba(185,148,77,.13);
  border-radius:0 0 22px 22px;
  background:
    url('/Assets/Decor/honeycomb-outline.svg') right 15px top 9%/ min(100%,355px) auto no-repeat,
    url('/Assets/Decor/contour-lines.svg') right -85px top 25%/ 440px auto no-repeat,
    url('/Assets/Decor/contour-lines.svg') right -115px top 77%/ 450px auto no-repeat;
  opacity:.57;
  pointer-events:none;
  mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 83%,transparent);
}
.keyword-landing.bee-cms-decor :is(.keyword-search-panel,.keyword-contact-panel) {
  border:1px solid var(--bee-stroke);
  box-shadow:0 10px 29px rgba(33,50,60,.055);
  background-color:#fffefa;
}
.keyword-landing.bee-cms-decor .keyword-search-panel {
  background-image:radial-gradient(ellipse at 100% 0%,#f7edcf,transparent 78%);
}
.keyword-landing.bee-cms-decor .keyword-search-panel::after {opacity:.20}
.keyword-landing.bee-cms-decor .keyword-contact-panel {
  background:linear-gradient(135deg,#fff 5%,#fdfbf6 100%);
}
/* Region pages retain the original area-specific hero visual, improve only editorial rhythm. */
.area-visual.bee-cms-decor {
  background-image:linear-gradient(180deg,#faf7f0,#f9f6ef 65%,#faf8f3);
}
.area-visual.bee-cms-decor .area-editorial-sections {
  border-top:0;
  padding-top:0;
  min-width:0;
}
.area-visual.bee-cms-decor .area-original-copy {
  position:relative;
  padding:clamp(25px,3.6vw,50px);
  background:linear-gradient(140deg,#fff 0%,#fffdf8 100%);
  border:1px solid var(--bee-stroke);
  border-radius:20px;
  box-shadow:var(--bee-card-shadow);
}
.area-visual.bee-cms-decor .area-original-copy::before {
  content:'';position:absolute;top:0;left:clamp(25px,3.6vw,50px);
  width:49px;height:3px;background:var(--bee-gold);border-radius:6px;
}
.area-visual.bee-cms-decor .area-original-copy>h2 {
  color:var(--bee-ink);
  font-size:clamp(24px,2.6vw,36px);
  line-height:1.32;
}
.area-visual.bee-cms-decor .area-original-copy .cms-article {
  font-family:var(--font-body,'Inter',Arial,sans-serif);
  line-height:1.84;
  color:#36485a;
}
.area-visual.bee-cms-decor .area-original-copy .cms-article :is(h2,h3){font-family:var(--font-heading,'Merriweather',Georgia,serif)}
.area-visual.bee-cms-decor .area-original-copy .cms-article h2 {
  padding-top:23px;border-top:1px solid var(--bee-stroke);
}
/* Category hero and inventory imagery are unchanged. Editorial panel aligns with the brand. */
.category-experiential.bee-cms-decor .category-editorial {
  position:relative;
  overflow:hidden;
  background:
    url('/Assets/Decor/architect-plan.svg') right -95px top -120px / clamp(220px,33vw,360px) auto no-repeat,
    linear-gradient(144deg,#fff 0%,#fffdf6 100%);
  border-color:var(--bee-stroke);
  box-shadow:var(--bee-card-shadow);
}
.category-experiential.bee-cms-decor .category-editorial>.section-kicker {
  border-left:3px solid var(--bee-gold);
  padding-left:12px;
  color:#8f6925;
}
.category-experiential.bee-cms-decor .category-editorial .cms-article {
  position:relative;z-index:1;
  line-height:1.85;
}
.category-experiential.bee-cms-decor .category-editorial .cms-article h2 {
  border-top:1px solid var(--bee-stroke);
  padding-top:24px;
}
@media (max-width:900px) {
  .keyword-landing.bee-cms-decor .keyword-side {grid-template-rows:auto}
  .keyword-landing.bee-cms-decor .keyword-side::after {display:none}
  .keyword-landing.bee-cms-decor {
    background-size:auto,auto;
    background-position:center,center;
  }
  .keyword-landing.bee-cms-decor .keyword-intro {
    background-size:230px auto,auto,auto;
    background-position:right -85px bottom 5px,center,center;
  }
}
@media (max-width:599px) {
  .keyword-landing.bee-cms-decor .keyword-editorial {border-radius:14px}
  .keyword-landing.bee-cms-decor .keyword-rich-text h2:not(:first-child){margin-top:29px;padding-top:25px}
  .keyword-landing.bee-cms-decor .keyword-main-shell{padding-bottom:90px}
  .area-visual.bee-cms-decor .area-original-copy{padding:25px 20px;border-radius:14px}
  .area-visual.bee-cms-decor .area-original-copy::before{left:20px}
  .category-experiential.bee-cms-decor .category-editorial {
    background-size:200px auto,auto;
    background-position:right -110px top -80px,center;
  }
}
@media (forced-colors:active) {
  .bee-cms-decor :is(.keyword-editorial,.area-original-copy,.category-editorial){border:1px solid CanvasText}
}
@media print {
  .bee-cms-decor {background:#fff!important}
  .bee-cms-decor :is(.keyword-intro,.keyword-editorial,.area-original-copy,.category-editorial){background:#fff!important;box-shadow:none!important}
  .keyword-landing.bee-cms-decor .keyword-side::after {display:none}
}

/* ============================================================
   Bee Iolkos | Premium CMS decor cycle 2/2
   Scoped visual enhancements for entity, property, informational,
   normal and directory templates. NO hidden content / data changes.
   Each visual detail is non-interactive and purely decorative.
   ============================================================ */
/* Property pages already have their own art direction: refine, do not replace. */
.property-detail-page.bee-cms-decor {
  background-color:#faf7f0;
  background-image:radial-gradient(ellipse at 100% 4%,rgba(214,182,115,.105),transparent 38%),linear-gradient(165deg,#fbf8f1,#f9f6ef 65%,#fbfaf5);
}
.property-detail-page.bee-cms-decor::before {
  background:
    url('/Assets/Decor/honeycomb-outline.svg') right -95px top 50px / 330px auto no-repeat,
    url('/Assets/Decor/contour-lines.svg') left -190px bottom 4% / 470px auto no-repeat;
  opacity:.29;
}
.property-detail-page.bee-cms-decor .property-gallery {
  border-color:var(--bee-stroke);
  box-shadow:var(--bee-card-shadow);
}
.property-detail-page.bee-cms-decor .property-summary-card {
  background:linear-gradient(145deg,#fffefa,#fffdf8);
  border-color:var(--bee-stroke);
  border-top:3px solid #b28a37;
  box-shadow:var(--bee-card-shadow);
}
.property-detail-page.bee-cms-decor .property-left-column .entity-main-content {
  position:relative;
  background:linear-gradient(145deg,#fffefa,#fffdf9);
  border-color:var(--bee-stroke);
  box-shadow:var(--bee-card-shadow);
}
.property-detail-page.bee-cms-decor .property-left-column .entity-main-content::before {
  content:'';display:block;width:47px;height:3px;
  margin:0 0 23px;border-radius:3px;
  background:#d8a62b;
}
.property-detail-page.bee-cms-decor .property-left-column .entity-main-content h2 {
  color:var(--bee-ink);
}
.property-detail-page.bee-cms-decor #property-contact {
  background:linear-gradient(150deg,#f8f2e6,#f6eee0);
  border-color:var(--bee-stroke);
  box-shadow:0 10px 30px rgba(28,43,51,.035);
}
.property-detail-page.bee-cms-decor .property-facts>div {border-color:var(--bee-stroke)}
.property-detail-page.bee-cms-decor .entity-inventory-section>.entity-section-head {
  border-bottom:1px solid var(--bee-stroke);padding-bottom:18px;
}

/* Office & broker profiles: cohesive light editorial system. */
.entity-page.bee-cms-decor:is(.office-page,.broker-page) {
  isolation:isolate;
  position:relative;
  background-image:
    radial-gradient(ellipse at 90% 11%,rgba(223,192,124,.115),transparent 38%),
    linear-gradient(162deg,#fbf9f4 0%,#f8f5ed 72%,#fcfaf6 100%);
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page)::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    url('/Assets/Decor/contour-lines.svg') right -165px top 250px/450px auto no-repeat,
    url('/Assets/Decor/honeycomb-outline.svg') left -130px bottom 8%/310px auto no-repeat;
  opacity:.25;
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-profile-hero {
  margin:12px 0 0;
  position:relative;overflow:hidden;
  border:1px solid var(--bee-stroke);
  border-radius:clamp(15px,2vw,23px);
  padding:clamp(25px,3.4vw,45px);
  background:
    url('/Assets/Decor/architect-plan.svg') right -85px center/clamp(225px,33vw,380px) auto no-repeat,
    linear-gradient(120deg,#fffefb 0%,#faf5e9 100%);
  box-shadow:var(--bee-card-shadow);
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-profile-hero::before {
  content:'';position:absolute;top:0;left:clamp(25px,3.4vw,45px);
  width:53px;height:3px;background:#d6a329;border-radius:0 0 3px 3px;
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-profile-hero>* {position:relative;z-index:1;min-width:0}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-profile-hero h1 {
  color:var(--bee-ink);font-family:var(--font-heading,'Merriweather',Georgia,serif);
  font-size:clamp(28px,3vw,45px);line-height:1.25;overflow-wrap:anywhere;
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-profile-mark {
  border:1px solid rgba(165,118,22,.23);background:linear-gradient(150deg,#ffda56,#f4c430);
  color:var(--bee-ink);box-shadow:0 6px 18px rgba(162,117,24,.12);
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-content-grid {margin-block:10px 22px}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-main-content {
  position:relative;min-width:0;
  padding:clamp(24px,3.2vw,45px);
  background:linear-gradient(145deg,#fff,#fffdf8);
  border-color:var(--bee-stroke);border-radius:21px;
  box-shadow:var(--bee-card-shadow);
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-main-content::before {
  content:'';display:block;width:47px;height:3px;margin-bottom:27px;
  border-radius:2px;background:#dbaf32;
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-main-content h2:not(:first-child) {
  margin-top:1.6em;padding-top:25px;border-top:1px solid var(--bee-stroke);
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-side-card {
  padding:clamp(24px,2.8vw,38px);
  background:linear-gradient(145deg,#fffefa,#f9f5ec);
  border-color:var(--bee-stroke);
  box-shadow:0 10px 29px rgba(33,50,60,.05);
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-side-card::before {
  content:'';display:block;width:38px;height:3px;margin-bottom:22px;background:#dfad2e;
}
.entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-inventory-section .entity-section-head {
  padding-bottom:18px;border-bottom:1px solid var(--bee-stroke);
}

/* Generic CMS content: ArticleBody remains complete and unobstructed. */
.content-page.bee-cms-decor {
  position:relative;isolation:isolate;
  background-image:radial-gradient(ellipse at 92% 15%,rgba(222,190,123,.13),transparent 32%),linear-gradient(155deg,#faf8f3,#f8f5ed 62%,#faf9f5);
  min-height:58vh;
}
.content-page.bee-cms-decor::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    url('/Assets/Decor/architect-plan.svg') right -155px top 90px / 390px auto no-repeat,
    url('/Assets/Decor/contour-lines.svg') left -190px bottom 0 / 440px auto no-repeat;
  opacity:.31;
}
.content-page.bee-cms-decor .content-page-container {position:relative;min-width:0}
.content-page.bee-cms-decor .content-article {
  position:relative;max-width:940px;
  padding:clamp(26px,4.2vw,60px);
  background:linear-gradient(142deg,#fff 0%,#fffdf8 100%);
  border:1px solid var(--bee-stroke);border-radius:21px;
  box-shadow:var(--bee-card-shadow);
}
.content-page.bee-cms-decor .content-article::before {
  content:'';display:block;width:56px;height:3px;
  margin-bottom:24px;background:#d9a92f;border-radius:2px;
}
.content-page.bee-cms-decor .content-article>h1:first-child {
  padding-bottom:22px;margin-bottom:30px;border-bottom:1px solid var(--bee-stroke);
  font:700 clamp(29px,3.2vw,45px)/1.28 var(--font-heading,Georgia,serif);
  color:var(--bee-ink);
}
.content-page.bee-cms-decor .content-article h2:not(:first-child) {
  margin-top:1.7em;padding-top:24px;border-top:1px solid var(--bee-stroke);
}

/* Static informational pages: retain native sections and the contact form. */
.information-page.bee-cms-decor {
  background:linear-gradient(150deg,#fbf9f4,#f9f6ef 65%,#fbfaf7);
}
.information-page.bee-cms-decor .information-hero {
  background:
    url('/Assets/Decor/architect-plan.svg') right clamp(8px,5vw,80px) center / clamp(200px,30vw,390px) auto no-repeat,
    radial-gradient(ellipse at 89% 14%,rgba(220,187,116,.15),transparent 38%),
    linear-gradient(125deg,#fcfaf6,#f7f2e8);
  border-bottom:1px solid var(--bee-stroke);
}
.information-page.bee-cms-decor .information-hero h1 {color:var(--bee-ink)}
.information-page.bee-cms-decor .information-section {
  background:
    url('/Assets/Decor/honeycomb-outline.svg') right -115px bottom -65px / 270px auto no-repeat,
    transparent;
}
.information-page.bee-cms-decor .information-card,
.information-page.bee-cms-decor :is(.information-contact-details,.information-contact-form-wrap) {
  border-color:var(--bee-stroke);background:linear-gradient(140deg,#fff,#fffdf8);
  box-shadow:var(--bee-card-shadow);
}
.information-page.bee-cms-decor .information-card {position:relative;min-width:0;overflow:hidden}
.information-page.bee-cms-decor .information-card::before {
  content:'';position:absolute;left:20px;right:20px;top:0;height:2px;
  background:linear-gradient(90deg,#d7a52d,transparent 45%);
}
.information-page.bee-cms-decor .information-card>svg {color:#bb8825}
.information-page.bee-cms-decor :is(.information-contact-details,.information-contact-form-wrap)::before {
  content:'';display:block;width:46px;height:3px;margin-bottom:21px;background:#d8a62a;
}

/* The property directory retains both original full-bleed hero images. */
.property-directory.bee-cms-decor {
  background-color:#faf8f3;
  background-image:linear-gradient(155deg,#faf9f5,#f7f4ed 70%,#faf8f3);
}
.property-directory.bee-cms-decor .dir-panel {
  border-color:var(--bee-stroke);background:linear-gradient(145deg,#fffdf8,#fffefa);
  box-shadow:var(--bee-card-shadow);border-radius:18px;
}
.property-directory.bee-cms-decor .dir-editorial {
  min-width:0;margin-block:33px;
  padding:clamp(26px,3.3vw,47px);
  background:linear-gradient(140deg,#fff,#fffdf8);
  border:1px solid var(--bee-stroke);border-radius:21px;box-shadow:var(--bee-card-shadow);
}
.property-directory.bee-cms-decor .dir-editorial::before {
  content:'';display:block;width:48px;height:3px;background:#dfac2e;margin-bottom:22px;
}
.property-directory.bee-cms-decor .dir-options>h2 {color:var(--bee-ink)}
@media(max-width:900px) {
  .entity-page.bee-cms-decor:is(.office-page,.broker-page)::before,
  .content-page.bee-cms-decor::before {background-size:320px auto,300px auto;opacity:.18}
  .information-page.bee-cms-decor .information-hero {
    background-size:220px auto,auto,auto;
    background-position:right -80px bottom 2px,center,center;
  }
}
@media(max-width:599px) {
  .property-detail-page.bee-cms-decor::before {opacity:.15}
  .entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-profile-hero {
    padding:24px 20px;
    background-size:220px auto,auto;
    background-position:right -100px top 0,center;
  }
  .entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-profile-hero::before {left:20px}
  .entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-main-content,
  .entity-page.bee-cms-decor:is(.office-page,.broker-page) .entity-side-card,
  .content-page.bee-cms-decor .content-article {padding:24px 20px;border-radius:15px}
  .information-page.bee-cms-decor .information-card-grid {gap:13px}
  .information-page.bee-cms-decor .information-contact-details,
  .information-page.bee-cms-decor .information-contact-form-wrap {padding:25px 20px}
  .property-directory.bee-cms-decor .dir-editorial {padding:24px 20px}
}
@media(forced-colors:active) {
  .bee-cms-decor :is(.entity-main-content,.entity-side-card,.entity-profile-hero,.content-article,.information-card,.dir-editorial){border:1px solid CanvasText}
}
@media print {
  .property-detail-page.bee-cms-decor,
  .entity-page.bee-cms-decor:is(.office-page,.broker-page),
  .content-page.bee-cms-decor,
  .information-page.bee-cms-decor,
  .property-directory.bee-cms-decor {background:#fff!important}
  .bee-cms-decor :is(.property-gallery,.property-summary-card,.entity-main-content,.entity-side-card,.entity-profile-hero,.content-article,.information-card,.information-contact-details,.information-contact-form-wrap,.dir-editorial){box-shadow:none!important;background:#fff!important}
  .property-detail-page.bee-cms-decor::before,
  .entity-page.bee-cms-decor:is(.office-page,.broker-page)::before,
  .content-page.bee-cms-decor::before {display:none!important}
}
