.legal-box {
	  background: rgba(201, 185, 170, 0.82);
    border: 4px solid #1f1f1f;
    border-radius: 60px;
    padding: 30px 40px;
    margin-bottom: 30px;
	  max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.small-contact-box {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Brick Haus Contact Card */
.brick-contact-card {
    max-width: 620px;
    margin: 30px auto 40px auto !important;
    padding: 34px 42px !important;
    text-align: center;
    background: rgba(201, 185, 170, 0.82); /* warm taupe */
    border: 3px solid #222222;
    border-radius: 28px;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.18),
        0 0 22px rgba(200,169,107,0.18);
}

/* each contact row */
.brick-contact-card .ct-contact-info-item,
.brick-contact-card .contact-info-item {
  text-align: center;  
	display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    margin-bottom: 18px;
    width: 100%;
}

/* remove extra spacing on last item */
.brick-contact-card .ct-contact-info-item:last-child,
.brick-contact-card .contact-info-item:last-child {
    margin-bottom: 0;
}

/* icon styling */
.brick-contact-card .ct-contact-info-item svg,
.brick-contact-card .contact-info-item svg,
.brick-contact-card .ct-contact-info-item i,
.brick-contact-card .contact-info-item i {
    color: #b88a5a !important; 
	/* champagne bronze */
    fill: #b88a5a !important;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    filter: drop-shadow(0 0 6px rgba(200,169,107,0.25));
}

/* link + text styling */
.brick-contact-card a,
.brick-contact-card span,
.brick-contact-card p {
    color: #1f1f1f !important;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    text-decoration: none !important;
    text-align: center;
    word-break: break-word;
}

/* hover effect for links */
.brick-contact-card a:hover {
    color: #8c6239 !important;
    text-decoration: underline;
}

/* mobile adjustments */
@media (max-width: 768px) {
    .brick-contact-card {
        max-width: 92%;
        padding: 22px 18px !important;
        border-radius: 24px;
    }

    .brick-contact-card .ct-contact-info-item,
    .brick-contact-card .contact-info-item {
        gap: 10px;
        margin-bottom: 14px;
    }

    .brick-contact-card a,
    .brick-contact-card span,
    .brick-contact-card p {
        font-size: 17px;
    }
}

.contact-hero {
    max-width: 1100px;
    margin: 30px auto 20px auto;
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(200,169,107,.22);
}

.business-hours-card {
    max-width: 620px;
    margin: 30px auto 40px auto !important;
    padding: 34px 42px !important;
    background: rgba(201, 185, 170, 0.82); /* warm taupe */
    border: 3px solid #222222;
    border-radius: 28px;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.18),
        0 0 22px rgba(200,169,107,0.18);
}

.my-hero-image figure,
.my-hero-image .wp-block-media-text__media {
  border-radius: 40px !important;
  overflow: hidden !important;
}

.my-hero-image img {
  border-radius: 40px !important;
  display: block;
}


.brick-contact-extra {
  max-width: 720px;
  margin: 28px auto 50px auto;
  text-align: center;
}

.brick-book-btn {
  display: inline-block;
  margin-bottom: 28px;
  padding: 16px 42px;
  background: #1f1f1f;
  color: #fff !important;
  border: 3px solid #222;
  border-radius: 999px;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 0 22px rgba(200,169,107,0.22);
}

.brick-book-btn:hover {
  background: #c9b9aa;
  color: #1f1f1f !important;
}

.brick-hours-card {
  background: rgba(201,185,170,0.82);
  border: 3px solid #222;
  border-radius: 32px;
  padding: 30px 38px;
  box-shadow:
    0 8px 28px rgba(0,0,0,0.20),
    0 0 22px rgba(200,169,107,0.18);
}

.brick-hours-card h2 {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 32px;
  color: #1f1f1f;
}

.brick-hours-card p {
  margin: 8px 0;
  font-size: 19px;
  line-height: 1.4;
  color: #1f1f1f;
  font-weight: 500;
}

.brick-contact-note {
  margin: 24px auto 0 auto;
  max-width: 660px;
  color: #1f1f1f;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
}

@media (max-width: 768px) {
  .brick-hours-card {
    padding: 24px 22px;
    border-radius: 26px;
  }

  .brick-hours-card h2 {
    font-size: 28px;
  }

  .brick-hours-card p,
  .brick-contact-note {
    font-size: 16px;
  }
}

.brick-contact-card,
.brick-hours-card {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.brick-contact-note {
  background: rgba(201,185,170,0.72);
  border: 2px solid #222;
  border-radius: 24px;
  padding: 14px 24px;
  max-width: 650px;
}

.page-contact .entry-title {
  display: none !important;
}

.page-id-131 .entry-title,
.page-id-131 .page-title,
.page-id-131 .ct-page-title {
  display: none !important;
}

.fillers-hero {
  min-height: 340px !important;
  max-height: 380px !important;
  overflow: hidden;
}

.fillers-hero .wp-block-cover__image-background {
  object-fit: cover !important;
  object-position: center 38% !important;
}

.fillers-hero .wp-block-cover__inner-container {
  min-height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bha-book-btn-wrap .wp-block-button__link,
.bha-book-btn-wrap .bha-book-btn {
  display: inline-block;
  background: #c7b7a6 !important;
  color: #222222 !important;
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  padding: 14px 34px;
  border-radius: 999px !important;
  border: 4px solid #222222 !important;
  box-shadow: none !important;
  transition: all 0.25s ease;
	  white-space: nowrap !important;
  min-width: 190px;
  text-align: center;
}

.bha-book-btn-wrap .wp-block-button__link:hover,
.bha-book-btn-wrap .bha-book-btn:hover {
  background: #222222 !important;   /* flips to black */
  color: #f4ede4 !important;        /* light text */
  border-color: #222222 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.18) !important;
}

.bha-book-btn-wrap .wp-block-button__link:focus,
.bha-book-btn-wrap .bha-book-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(34,34,34,0.12);
}

.bha-book-btn-wrap {
  text-align: center;
  margin: 24px auto 18px auto;
}

/* =========================================
   HOMEPAGE BUILDING HERO - RESTORED
========================================= */

/* Main homepage cover */
.home-hero-cover {
    max-width: 1100px !important;
    margin: 24px auto !important;
    border-radius: 34px !important;
    overflow: hidden !important;
    min-height: 750px auto !important;
    box-shadow: 0 0 24px rgba(200,169,107,.18);
    transform: translateY(-48px);
}


/* Building-specific treatment */
.home-building {
    overflow: hidden !important;
    border-radius: 34px !important;
    margin-bottom: -40px !important;
}


/* Actual building image */
.home-building .wp-block-cover__image-background {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 34px !important;

    -webkit-mask-image: linear-gradient(
        to bottom,
        black 0%,
        black 78%,
        rgba(0,0,0,.55) 90%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to bottom,
        black 0%,
        black 72%,
        rgba(0,0,0,.55) 90%,
        transparent 100%
    );
}


/* Keep quote/content above image */
.home-building .wp-block-cover__inner-container {
    position: relative;
    z-index: 3;
}


/* =========================================
   MOBILE HOMEPAGE BUILDING
========================================= */

@media (max-width: 768px) {

    .home-hero-cover.home-building {
        width: calc(100% - 36px) !important;
        max-width: 600px !important;
			  margin: -100px auto 20px !important;
        min-height: 0 !important;
			height: auto !important;
			aspect-ratio: 2 / 1 !important; 
			
      padding: 0 !important;
      border-radius: 28px !important; 
        overflow: hidden !important;
			
			transform: none !important;
    }

    .home-hero-cover.home-building
    .wp-block-cover__image-background {  
			width: 100% !important;
        height: 100% !important;
       object-fit: cover !important; 
        object-position: center center !important;

        border-radius: 26px !important;
			display: block !important;
    }
	
	.home-hero-cover.home-building
  .wp-block-cover__inner-container {
    min-height: 0 !important;
    padding: 0 !important;
  }
}

/* ---------------------------
   Brick Haus Welcome Section
------------------------- */

/* Welcome To */
.bha-welcome{
    text-align:center;
    text-transform:uppercase;
    letter-spacing:10px;
    font-size:24px;
    font-weight:600;
    color:#23201d;
    margin-bottom:10px;
}

/* Main Title */
.bha-title{
    text-align:center;
    font-family:"Cormorant Garamond", serif;
    font-size:82px;
    font-weight:500;
	  letter-spacing: -1px;
    line-height:1.05;
    color:#23201d;
    margin:0;
	  margin-bottom: 30px;
}

/* Gold Divider */
.bha-divider{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    margin: 0px;
}

.bha-divider::before,
.bha-divider::after{
    content:"";
    width:220px;
    height:1px;
    background:#c6a15a;
}

.bha-divider .diamond{
    width:14px;
    height:14px;
    background:#c7a35a;
    transform:rotate(45deg);
    border-radius:1px;
    flex-shrink:0;
}

/* Mobile */

@media (max-width:768px){

.bha-welcome{
    font-size:15px;
    letter-spacing:4px;}

.bha-title{
    font-size:44px;}

.bha-divider::before,
.bha-divider::after{
    width:70px;}

.bha-divider{
    gap:12px;}

.bha-divider .diamond{
    width:10px;
    height:10px;}
}

/* ==========================================
   Brick Haus Brand Quote
========================================== */

.bha-tagline{
    max-width:900px;
    margin:8px auto 6px !important;
    padding:0 20px;
    text-align:center;
    font-family:"Cormorant Garamond", serif;
    font-size:30px;
    font-style:italic;
    font-weight:500;
    line-height:1.35;
    color:#2c2926;
    position:relative;
}

/* Gold quotation marks */

.bha-tagline::before{
    content:"“";
    color:#c8a15a;
    font-size:62px;
    margin-right:8px;
    vertical-align:-10px;
}

.bha-tagline::after{
    content:"”";
    color:#c8a15a;
    font-size:62px;
    margin-left:8px;
    vertical-align:-10px;
}


/* =================================
   Signature
================================= */

.bha-signature{
    text-align:center;
    font-family:"Cormorant Garamond", serif;
    font-size:24px;
    font-style:italic;
    font-weight:500;
    color:#23201d;
    letter-spacing:1px;
    margin-top:4px !important;
    margin-bottom:28px;
    position:relative;
}

/* Divider */

.bha-signature::before{
    content:"";
    display:block;
    width:220px;
    height:1px;
    margin:0 auto 22px;
    background:linear-gradient(
        to right,
        transparent,
        #23201d 15%,
        #23201d 85%,
        transparent
    );
}

/* Gold Diamond (content intentionally left blank; see comment) */

.bha-signature::after{
    /* content:"◆"; */
    display:block;
    color:#23201d;
    font-size:13px;
    margin-top: 5px;
    margin-bottom:5px;
}


/* Mobile */

@media(max-width:768px){

.bha-tagline{
    font-size:28px;}

.bha-signature{
    font-size:20px;}

.bha-signature::before{
    width:140px;}
}


/* =========================
   MOBILE CLEAN FINAL FIX
========================= */

.mobile-contact-layout {
  display: none !important;
}

@media (max-width: 768px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  .desktop-contact-layout {
    display: none !important;
  }

	.mobile-contact-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

  .mobile-contact-layout .wp-block-columns,
  .mobile-contact-layout .wp-block-column,
  .mobile-contact-layout .wp-block-group,
  .mobile-contact-layout .wp-block-group-is-layout-flex,
  .mobile-contact-layout .is-layout-flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 22px !important;
  }

  .mobile-contact-layout .business-hours-card,
  .mobile-contact-layout .brick-hours-card,
  .mobile-contact-layout .brick-contact-card,
  .mobile-contact-layout .brick-contact-note {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 18px auto !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
    border-radius: 28px !important;
  }

  .mobile-contact-layout .bha-book-btn-wrap {
    width: 100% !important;
    text-align: center !important;
    margin: 22px auto !important;
  }

  .mobile-contact-layout .ct-contact-info-item {
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
  }

  .mobile-contact-layout .ct-contact-info-item a,
  .mobile-contact-layout .ct-contact-info-item span,
  .mobile-contact-layout .ct-contact-info-item p {
    font-size: 16px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .mobile-contact-layout .ct-contact-info-item svg,
  .mobile-contact-layout .ct-contact-info-item i {
    width: 28px !important;
    height: 28px !important;
  }
}

/* =========================
   BLOCKSY MOBILE MENU 
========================= */

@media (max-width: 768px) {

  .ct-panel-content[data-device="mobile"] {
    background-image: url('https://brickhausaesthetics.com/wp-content/uploads/2026/05/C0D610CA-34FB-491F-A90C-719DB703EA87-edited.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60% auto !important;
    background-position: center center !important;
    background-color: rgba(12, 14, 16, 0.55) !important;
  }
	
	  /* logo background behind mobile menu */
  .ct-drawer-canvas {
    background-image: url('.../2026/05/C0D610CA-34FB-491F-A90C-719DB703EA87-edited.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60% auto !important;
    background-position: center center !important;
    background-color: rgba(12, 14, 16, 0.45) !important;
  }
	
  /* Keep SERVICES trigger white */
  [data-device="mobile"] .ct-header-trigger,
  [data-device="mobile"] .ct-header-trigger span,
  [data-device="mobile"] .ct-header-trigger .ct-label,
  [data-device="mobile"] .ct-header-trigger svg,
  [data-device="mobile"] .ct-header-trigger .ct-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
  }

  /* Drawer overlay */
  .ct-drawer-canvas {
    background: rgba(12, 14, 16, 0.45) !important;
  }

  /* Frosted menu container */
  .ct-drawer-canvas .ct-panel-content, .ct-drawer-canvas .ct-panel-inner {
    width: 72vw !important;
    max-width: 340px !important;
    margin: 10px 4px 0 4px !important;
    padding: 5px !important;
		height: auto !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    padding-bottom: 5px !important;
    background: rgba(201, 185, 170, 0.38) !important;
    backdrop-filter: blur(6px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(130%) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 28px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.35) !important;

}

  /* Keep submenu open */
  .ct-drawer-canvas .sub-menu {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    padding-left: 0 !important;
    margin-top: 8px !important;
  }

  /* Hide dropdown arrows */
  .ct-drawer-canvas .ct-toggle-dropdown {
    display: none !important;
  }

  /* Remove submenu dots */
  .ct-drawer-canvas .sub-menu li::before,
  .ct-drawer-canvas .sub-menu a::before {
    display: none !important;
    content: none !important;
  }

  /* Menu links */
  .ct-drawer-canvas nav a,
  .ct-drawer-canvas .menu a,
  .ct-drawer-canvas .ct-menu-link {
    color: #fffaf4 !important;
    font-family: Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 11px 0 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.35);
  }

  /* Submenu links */
  .ct-drawer-canvas .sub-menu a {
    font-size: 20px !important;
    padding-left: 0 !important;
  }

  /* Dividers */
  .ct-drawer-canvas li {
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
  }

  .ct-drawer-canvas li:last-child {
    border-bottom: none !important;
  }

  /* Current page */
  .ct-drawer-canvas .current-menu-item > a,
  .ct-drawer-canvas .current-menu-ancestor > a {
    color: #d6b36a !important;
    text-shadow: 0 0 8px rgba(214,179,106,.45);
  }

  /* Close button */
  .ct-drawer-canvas .ct-toggle-close,
  .ct-drawer-canvas .ct-toggle-close svg {
    color: #fffaf4 !important;
    fill: #fffaf4 !important;
  }
	
	.ct-drawer-canvas nav,
  .ct-drawer-canvas .menu,
  .ct-drawer-canvas .ct-mobile-menu {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
	
	.ct-drawer-canvas .ct-panel-content,
.ct-drawer-canvas .ct-panel-inner {
  z-index: 999999 !important;
  position: relative !important;
}

  .ct-drawer-canvas .ct-toggle-close {
  position: relative !important;
  z-index: 1000000 !important;
  pointer-events: auto !important;
}	
}

/* =========================================
   MICRONEEDLING HERO
========================================= */

.microneedling-hero {
  border-radius: 34px !important;
  overflow: hidden !important;
	background: transparent !important;
	margin: -100px auto 20px !important;
}

.microneedling-hero .wp-block-cover__image-background {
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 78%,
    rgba(0,0,0,.55) 90%,
    transparent 100%
  );
mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 72%,
    rgba(0,0,0,.55) 90%,
    transparent 100%
  );
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 34px !important;
}

@media (max-width: 768px) {

  .microneedling-hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
		margin: 0 !important;

    border-radius: 28px !important;
    overflow: hidden !important;
  }

  .microneedling-hero .wp-block-cover__image-background {
    position: relative !important;
	  width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 28px !important;
    display: block !important;
  }
	
	  .microneedling-hero .wp-block-cover__inner-container {
    min-height: 0 !important;
    padding: 0 !important;
  }
	
/* =========================================
   HAIR RESTORATION TABLE - MOBILE FIX
========================================= */

@media (max-width: 768px) {

  .wp-block-table {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    display: block !important;
  }

  .wp-block-table table {
    width: 720px !important;
    min-width: 720px !important;
    table-layout: fixed !important;
  }

  .wp-block-table th,
  .wp-block-table td {
    min-width: 220px !important;
    width: 220px !important;

    padding: 16px 14px !important;

    font-size: 16px !important;
    line-height: 1.35 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    vertical-align: middle !important;
  }
}	
	@media (max-width: 768px) {
  .wp-block-table + *,
  .wp-block-table ~ * {
    max-width: 100%;
  }

  .hair-restoration-table-title {
    font-size: 26px !important;
    line-height: 1.15 !important;
  }
}
	
}