/* Decor-Rent editable header brand — independent of existing navigation and social icons. */
.site-header .navwrap > .decor-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 1 var(--dr-brand-max-width,400px);
  width: var(--dr-brand-max-width,400px);
  max-width: var(--dr-brand-max-width,400px);
  min-width: 0;
  gap: 12px;
  color: #24262a;
  text-decoration: none;
  line-height: 1;
}
.site-header .decor-brand__ornament {
  color: var(--gold-deep,#b58b1c);
  font-size: 25px;
  line-height: 1;
  flex: 0 0 auto;
}
.site-header .decor-brand__wordmark {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: #24262a;
}
.site-header .decor-brand__title {
  font-family: var(--dr-brand-title-font,Arial,sans-serif);
  font-size: var(--dr-brand-title-size,27px);
  font-weight: 700;
  letter-spacing: .045em;
  color: #24262a;
  line-height: 1.06;
  white-space: nowrap;
}
.site-header .decor-brand__title .decor-brand__dash {color:var(--gold-deep,#b58b1c);}
.site-header .decor-brand .decor-brand__subtitle {
  display: block;
  font-family: var(--dr-brand-sub-font,Arial,sans-serif);
  font-size: var(--dr-brand-sub-size,10px);
  font-weight: 600;
  letter-spacing: .25em;
  color: #878177;
  line-height: 1.3;
  white-space: nowrap;
  margin: 3px 0 0;
}
.site-header .decor-brand__image {
  display: block;
  width: auto;
  height: var(--dr-brand-logo-height,70px);
  max-width: 100%;
  max-height: 110px;
  object-fit: contain;
  object-position: left center;
}
/* A wider brand is accommodated on desktop; switch to the existing hamburger at tablet widths. */
@media (max-width:1100px) {
  .site-header .navwrap > .decor-brand {flex:0 1 var(--dr-brand-max-width,400px);max-width: min(70vw,var(--dr-brand-max-width,400px));}
  .site-header .menu-toggle {display:block;}
  .site-header .nav {display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px;box-shadow:0 10px 20px #0002;max-height:80vh;overflow:auto;z-index:21;}
  .site-header .nav.open {display:flex;}
  .site-header .drop-panel {position:static;width:100%;box-shadow:none;max-height:250px;}
}
@media (max-width:700px) {
  .site-header .navwrap > .decor-brand {max-width:min(73vw,var(--dr-brand-max-width,400px));gap:7px;}
  .site-header .decor-brand__ornament {font-size:19px;}
  .site-header .decor-brand__title {font-size:min(var(--dr-brand-title-size,27px),6vw);}
  .site-header .decor-brand .decor-brand__subtitle {font-size:min(var(--dr-brand-sub-size,10px),2.5vw);letter-spacing:.18em;}
  .site-header .decor-brand__image {max-height:66px;}
}

/* DECOR-RENT RED ROUND BRAND MARK v1 */
/* The wordmark's existing decorative glyph is hidden, leaving a pure CSS circle.
   Its diameter tracks the main title + subtitle's calculated two-line height. */
.site-header .decor-brand__ornament {
  --dr-brand-circle-size: calc(var(--dr-brand-title-size, 27px) * 1.06 + var(--dr-brand-sub-size, 10px) * 1.3 + 3px);
  display: block;
  box-sizing: border-box;
  flex: 0 0 var(--dr-brand-circle-size);
  width: var(--dr-brand-circle-size);
  height: var(--dr-brand-circle-size);
  border-radius: 50%;
  background-color: #d62828;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0;
  overflow: hidden;
  align-self: center;
}
/* Match the existing responsive title/subtitle font limits on mobile. */
@media (max-width: 700px) {
  .site-header .decor-brand__ornament {
    --dr-brand-circle-size: calc(min(var(--dr-brand-title-size, 27px), 6vw) * 1.06 + min(var(--dr-brand-sub-size, 10px), 2.5vw) * 1.3 + 3px);
  }
}