/*
 * Hair Clinic Dubai — Global Single Post CSS
 * Based on the supplied single-post preview design.
 */

:root{
  --hcd-dark:#161513;
  --hcd-dark-soft:#221f1c;
  --hcd-gold:#af8f59;
  --hcd-gold-soft:#c69e63;
  --hcd-cream:#f7f5f1;
  --hcd-white:#ffffff;
  --hcd-text-body:#4a4640;
  --hcd-text-light:#d8d3ca;
  --hcd-border:#e7e2d8;
  --hcd-font-heading:"Crimson Text",Georgia,"Times New Roman",serif;
  --hcd-font-body:"Raleway",Arial,sans-serif;
  --hcd-radius:4px;
  --hcd-radius-lg:6px;
  --hcd-container:1200px;
  --hcd-content-width:760px;
}

.hcd-single-post{
  font-family:var(--hcd-font-body);
  color:var(--hcd-text-body);
  background:var(--hcd-white);
  overflow:hidden;
}

.hcd-single-post *,
.hcd-single-post *::before,
.hcd-single-post *::after{
  box-sizing:border-box;
}

.hcd-container{
  width:100%;
  max-width:var(--hcd-container);
  margin:0 auto;
  padding:0 24px;
}

.hcd-single-post img{
  max-width:100%;
  height:auto;
  display:block;
}

.hcd-single-post a{
  text-decoration:none;
}

.hcd-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 32px;
  font-family:var(--hcd-font-body);
  font-size:0.8125rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-radius:var(--hcd-radius);
  border:1px solid transparent;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
  cursor:pointer;
}

.hcd-btn--primary{
  background:var(--hcd-dark);
  color:var(--hcd-white);
  border-color:var(--hcd-dark);
}

.hcd-btn--primary:hover{
  background:var(--hcd-gold);
  border-color:var(--hcd-gold);
  color:var(--hcd-dark);
}

.hcd-btn--outline{
  background:transparent;
  color:var(--hcd-dark);
  border-color:var(--hcd-dark);
}

.hcd-btn--outline:hover{
  background:var(--hcd-dark);
  color:var(--hcd-white);
}

.hcd-btn--full{width:100%;}

.hcd-post-hero{
  position:relative;
  min-height:clamp(380px,38vw,620px);
  overflow:hidden;
  background:var(--hcd-dark);
}

.hcd-post-hero__visual{
  position:absolute;
  inset:0;
  clip-path:polygon(0 0,100% 0,100% 90%,0 68%);
}

.hcd-post-hero__bg{
  position:absolute;
  inset:0;
}

.hcd-post-hero__bg--fallback{
  background:
    radial-gradient(circle at 70% 30%,rgba(201,163,92,.20),transparent 35%),
    linear-gradient(135deg,#161513 0%,#2b2722 100%);
}

.hcd-post-hero__img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
}

.hcd-post-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,8,6,.78) 0%,rgba(10,8,6,.55) 45%,rgba(10,8,6,.30) 100%);
}

.hcd-post-hero__inner{
  position:relative;
  z-index:2;
  min-height:clamp(380px,38vw,620px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding-top:40px;
  padding-bottom:9%;
}

.hcd-breadcrumbs{
  font-size:0.8125rem;
  color:var(--hcd-text-light);
  opacity:.75;
  margin-bottom:16px;
}

.hcd-breadcrumbs a{color:var(--hcd-text-light);}

.hcd-breadcrumbs a:hover{
  color:var(--hcd-gold-soft);
}

.hcd-post-hero__category{
  display:inline-block;
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--hcd-dark);
  background:var(--hcd-gold-soft);
  padding:6px 14px;
  border-radius:999px;
  margin-bottom:22px;
}

.hcd-post-hero__title{
  font-family:var(--hcd-font-heading);
  font-weight:600;
  color:var(--hcd-white);
  font-size:clamp(1.9rem,3.4vw,3rem);
  line-height:1.25;
  margin:0 0 18px;
  max-width:900px;
}

.hcd-post-hero__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:0.84375rem;
  color:var(--hcd-text-light);
  opacity:.85;
  margin-bottom:16px;
}

.hcd-post-hero__dot{color:var(--hcd-gold-soft);}

.hcd-post-hero__excerpt{
  font-family:var(--hcd-font-heading);
  font-style:italic;
  font-size:1.125rem;
  line-height:1.6;
  color:var(--hcd-text-light);
  max-width:700px;
  margin:10px auto 0;
}

.hcd-post-body{
  padding:64px 24px 40px;
}

.hcd-post-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:64px;
  align-items:start;
}

.hcd-post-content{
  max-width:var(--hcd-content-width);
  min-width:0;
}

.hcd-entry-content{
  font-size:1.0625rem;
  line-height:1.85;
  color:var(--hcd-text-body);
}

.hcd-entry-content > * + *{
  margin-top:22px;
}

.hcd-entry-content h1,
.hcd-entry-content h2,
.hcd-entry-content h3,
.hcd-entry-content h4{
  font-family:var(--hcd-font-heading);
  color:var(--hcd-dark);
  line-height:1.3;
  margin-top:44px;
  margin-bottom:16px;
}

.hcd-entry-content h1{font-size:clamp(2rem, 1.5rem + 2.5vw, 3rem);}
.hcd-entry-content h2{
  font-size:clamp(1.625rem, 1.25rem + 1.8vw, 2.25rem);
  font-weight:600;
  position:relative;
  padding-bottom:14px;
}

.hcd-entry-content h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:56px;
  height:2px;
  background:var(--hcd-gold);
}

.hcd-entry-content h3{
  font-size:clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);
  font-weight:600;
  color:var(--hcd-gold);
}

.hcd-entry-content h4{
  font-size:clamp(1.15rem, 1rem + 0.75vw, 1.35rem);
}

.hcd-entry-content p{margin:0;}

.hcd-entry-content a{
  color:var(--hcd-gold);
  border-bottom:1px solid currentColor;
}

.hcd-entry-content ul,
.hcd-entry-content ol{
  padding-left:22px;
}

.hcd-entry-content li{margin-bottom:10px;}

.hcd-entry-content ul li::marker{color:var(--hcd-gold);}

.hcd-entry-content img{
  border-radius:var(--hcd-radius-lg);
  margin:8px 0;
}

.hcd-entry-content figure{
  margin:24px 0;
}

.hcd-entry-content figcaption{
  font-size:0.8125rem;
  color:#837c70;
  text-align:center;
  margin-top:10px;
  font-style:italic;
}

.hcd-entry-content blockquote{
  border-left:3px solid var(--hcd-gold);
  background:var(--hcd-cream);
  padding:20px 26px;
  font-family:var(--hcd-font-heading);
  font-style:italic;
  font-size:1.1875rem;
  color:var(--hcd-dark);
  border-radius:0 var(--hcd-radius) var(--hcd-radius) 0;
  margin:0;
}

.hcd-entry-content table{
  width:100%;
  border-collapse:collapse;
  margin:28px 0;
  font-size:0.9375rem;
}

.hcd-entry-content th,
.hcd-entry-content td{
  padding:12px 14px;
  border:1px solid var(--hcd-border);
  text-align:left;
}

.hcd-entry-content th{
  background:var(--hcd-cream);
  color:var(--hcd-dark);
  font-weight:600;
}

.hcd-entry-content hr{
  border:0;
  border-top:1px solid var(--hcd-border);
  margin:34px 0;
}

.hcd-entry-content iframe,
.hcd-entry-content video{
  max-width:100%;
}

.hcd-page-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid var(--hcd-border);
}

.hcd-page-links__label{
  font-weight:600;
  color:var(--hcd-dark);
}

.hcd-page-links a,
.hcd-page-links > span:not(.hcd-page-links__label){
  border:1px solid var(--hcd-border);
  padding:7px 11px;
  color:var(--hcd-dark);
}

.hcd-post-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid var(--hcd-border);
}

.hcd-post-tags__item{
  font-size:0.8125rem;
  color:var(--hcd-text-body);
  background:var(--hcd-cream);
  padding:6px 14px;
  border-radius:999px;
  transition:background-color .2s ease,color .2s ease;
}

.hcd-post-tags__item:hover{
  background:var(--hcd-gold-soft);
  color:var(--hcd-dark);
}

.hcd-cta{
  margin-top:48px;
  background:var(--hcd-dark);
  border-radius:var(--hcd-radius-lg);
  padding:48px;
  text-align:center;
}

.hcd-cta__eyebrow{
  display:inline-block;
  font-size:0.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--hcd-gold-soft);
  margin-bottom:12px;
}

.hcd-cta__title{
  font-family:var(--hcd-font-heading);
  color:var(--hcd-white);
  font-size:clamp(1.5rem,3vw,2rem);
  margin:0 0 14px;
  line-height:1.3;
}

.hcd-cta__text{
  color:var(--hcd-text-light);
  max-width:560px;
  margin:0 auto 28px;
  line-height:1.7;
}

.hcd-cta .hcd-btn--primary{
  background:var(--hcd-gold);
  border-color:var(--hcd-gold);
  color:var(--hcd-dark);
}

.hcd-cta .hcd-btn--primary:hover{
  background:var(--hcd-gold-soft);
  border-color:var(--hcd-gold-soft);
}

.hcd-author-box{
  display:flex;
  gap:18px;
  align-items:flex-start;
  margin-top:40px;
  padding:28px;
  background:var(--hcd-cream);
  border-radius:var(--hcd-radius-lg);
}

.hcd-author-box__avatar img{
  border-radius:50%;
  width:72px;
  height:72px;
  object-fit:cover;
}

.hcd-author-box__label{
  font-size:0.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--hcd-gold);
}

.hcd-author-box__name{
  font-family:var(--hcd-font-heading);
  font-size:1.125rem;
  margin:4px 0 8px;
  color:var(--hcd-dark);
}

.hcd-author-box__bio{
  font-size:0.875rem;
  color:var(--hcd-text-body);
  line-height:1.7;
  margin:0;
}

.hcd-post-sidebar{
  display:flex;
  flex-direction:column;
  gap:28px;
  min-width:0;
}

.hcd-sidebar-widget{
  background:var(--hcd-cream);
  border-radius:var(--hcd-radius-lg);
  padding:26px;
}

.hcd-sidebar-widget__title{
  font-family:var(--hcd-font-heading);
  color:var(--hcd-dark);
  font-size:1.125rem;
  margin:0 0 18px;
  padding-bottom:12px;
  border-bottom:2px solid var(--hcd-gold);
  display:inline-block;
}

.hcd-sidebar-list{
  list-style:none;
  margin:0;
  padding:0;
}

.hcd-sidebar-list__item{
  padding:12px 0;
  border-bottom:1px solid var(--hcd-border);
}

.hcd-sidebar-list__item:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.hcd-sidebar-list__link{
  display:block;
  font-size:0.90625rem;
  font-weight:500;
  color:var(--hcd-dark);
  line-height:1.5;
  margin-bottom:4px;
}

.hcd-sidebar-list__link:hover{color:var(--hcd-gold);}

.hcd-sidebar-list__date{
  font-size:0.75rem;
  color:#948d80;
}

.hcd-sidebar-tags{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.hcd-sidebar-tags li{
  list-style:none;
  margin:0;
  padding:0;
}

.hcd-sidebar-tags a{
  font-size:0.875rem;
  color:var(--hcd-text-body);
}

.hcd-sidebar-tags a:hover{color:var(--hcd-gold);}

.hcd-sidebar-widget--cta{background:var(--hcd-dark);}

.hcd-sidebar-widget--cta .hcd-sidebar-widget__title{
  color:var(--hcd-white);
  border-bottom-color:var(--hcd-gold-soft);
}

.hcd-sidebar-widget--cta .hcd-sidebar-widget__text{
  color:var(--hcd-text-light);
  font-size:0.875rem;
  margin:0 0 20px;
  line-height:1.6;
}

.hcd-sidebar-widget--cta .hcd-btn--outline{
  color:var(--hcd-white);
  border-color:var(--hcd-gold-soft);
}

.hcd-sidebar-widget--cta .hcd-btn--outline:hover{
  background:var(--hcd-gold-soft);
  color:var(--hcd-dark);
}

.hcd-sidebar-widget__contact{
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hcd-sidebar-widget__contact-item{
  font-size:0.84375rem;
  color:var(--hcd-text-light);
}

.hcd-sidebar-widget__contact-item:hover{color:var(--hcd-gold-soft);}

.hcd-related{
  background:var(--hcd-cream);
  padding:72px 24px;
  margin-top:24px;
}

.hcd-related__eyebrow{
  display:block;
  text-align:center;
  font-size:0.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--hcd-gold);
  margin-bottom:10px;
}

.hcd-related__title{
  font-family:var(--hcd-font-heading);
  text-align:center;
  color:var(--hcd-dark);
  font-size:clamp(1.6rem,3vw,2.2rem);
  margin:0 0 44px;
}

.hcd-related__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}

.hcd-related-card{
  background:var(--hcd-white);
  border-radius:var(--hcd-radius-lg);
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease;
}

.hcd-related-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(20,18,15,.08);
}

.hcd-related-card__img-link{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
}

.hcd-related-card__img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hcd-related-card__img--fallback{
  background:linear-gradient(135deg,#e8e2d8,#c9a35c);
}

.hcd-related-card__body{padding:22px;}

.hcd-related-card__meta{
  display:flex;
  gap:6px;
  font-size:0.75rem;
  color:#948d80;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:10px;
}

.hcd-related-card__title{
  font-family:var(--hcd-font-heading);
  font-size:1.0625rem;
  line-height:1.4;
  margin:0 0 14px;
}

.hcd-related-card__title a{color:var(--hcd-dark);}
.hcd-related-card__title a:hover{color:var(--hcd-gold);}

.hcd-related-card__link{
  font-size:0.8125rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--hcd-gold);
}


.hcd-single-post h1,.hcd-single-post h2,.hcd-single-post h3,.hcd-single-post h4,.hcd-single-post h5,.hcd-single-post h6{font-family:var(--hcd-font-heading);}
.hcd-single-post h1{font-size:clamp(2rem, 1.5rem + 2.5vw, 3rem);}
.hcd-single-post h2{font-size:clamp(1.625rem, 1.25rem + 1.8vw, 2.25rem);}
.hcd-single-post h3{font-size:clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);}
.hcd-single-post h4{font-size:clamp(1.15rem, 1rem + 0.75vw, 1.35rem);}
.hcd-single-post h5{font-size:clamp(1rem, 0.95rem + 0.4vw, 1.1rem);}
.hcd-single-post h6{font-size:clamp(0.875rem, 0.85rem + 0.2vw, 1rem);}
.hcd-entry-content{font-family:var(--hcd-font-body);font-size:1rem;line-height:1.6;}
.hcd-entry-content p{font-family:var(--hcd-font-body);font-size:1rem;line-height:1.6;max-width:70ch;}
.hcd-entry-content .elementor p{max-width:70ch;}
.hcd-entry-content .elementor,.hcd-entry-content .elementor-element,.hcd-entry-content .elementor-widget-text-editor,.hcd-entry-content .elementor-widget-heading{font-family:var(--hcd-font-body);}
.hcd-entry-content .elementor h1,.hcd-entry-content .elementor h2,.hcd-entry-content .elementor h3,.hcd-entry-content .elementor h4,.hcd-entry-content .elementor h5,.hcd-entry-content .elementor h6{font-family:var(--hcd-font-heading);}
@media (min-width:1024px){.hcd-entry-content p{font-size:1.125rem;}}

@media (max-width:1024px){
  .hcd-post-hero,
  .hcd-post-hero__inner{min-height:380px;}

  .hcd-post-layout{
    grid-template-columns:1fr;
    gap:44px;
  }

  .hcd-post-sidebar{
    order:2;
  }

  .hcd-post-content{
    order:1;
    max-width:100%;
  }

  .hcd-related__grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:768px){
  .hcd-post-hero,
  .hcd-post-hero__inner{min-height:340px;}

  .hcd-post-hero__visual{
    clip-path:polygon(0 0,100% 0,100% 92%,0 78%);
  }

  .hcd-post-hero__inner{padding-bottom:7%;}

  .hcd-post-body{padding:44px 20px 20px;}

  .hcd-entry-content{font-size:1rem;}

  .hcd-entry-content h2{font-size:clamp(1.625rem, 1.25rem + 1.8vw, 2.25rem);}

  .hcd-cta{padding:36px 24px;}

  .hcd-related{padding:56px 20px;}

  .hcd-related__grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .hcd-author-box{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width:480px){
  .hcd-post-hero,
  .hcd-post-hero__inner{min-height:300px;}

  .hcd-post-hero__visual{
    clip-path:polygon(0 0,100% 0,100% 94%,0 84%);
  }

  .hcd-post-hero__title{font-size:clamp(2rem, 1.5rem + 2.5vw, 3rem);}

  .hcd-entry-content{font-size:1rem;}

  .hcd-entry-content h2{font-size:clamp(1.625rem, 1.25rem + 1.8vw, 2.25rem);}

  .hcd-entry-content table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }

  .hcd-container{padding-left:20px;padding-right:20px;}
}

/* ================================================================
   EXACT SUPPLIED HERO DESIGN — SINGLE POSTS
   Geometry and proportions follow the supplied Hero Design HTML.
   ================================================================ */
.hcd-single-post .hcd-post-hero{
  position:relative;
  z-index:2;
  width:100%;
  height:70vh;
  min-height:640px;
  overflow:hidden;
  background:#000;
}
.hcd-single-post .hcd-post-hero__visual{
  position:absolute;
  inset:0;
  clip-path:polygon(0% 0%,100% 0%,100% 72%,73.5% 88.4%,0% 72%);
}
.hcd-single-post .hcd-post-hero__bg{position:absolute;inset:0;}
.hcd-single-post .hcd-post-hero__bg--fallback{
  background:linear-gradient(135deg,#111 0%,#173b3b 100%);
}
.hcd-single-post .hcd-post-hero__img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.hcd-single-post .hcd-post-hero__overlay{
  position:absolute;
  inset:0;
  background:rgba(19,57,57,.66);
}
.hcd-single-post .hcd-post-hero__inner{
  position:absolute;
  z-index:2;
  top:34.7%;
  left:50%;
  width:min(1200px,90%);
  min-height:0;
  margin:0;
  padding:0;
  transform:translateX(-50%);
  display:block;
  text-align:center;
  color:#fff;
}
.hcd-single-post .hcd-post-hero__title{
  font-family:var(--hcd-font-body);
  font-size:clamp(28px,2.35vw,46px);
  font-weight:300;
  line-height:1.36;
  letter-spacing:-.8px;
  color:rgba(255,255,255,.94);
  max-width:1200px;
  margin:0 auto;
}
.hcd-single-post .hcd-post-hero__button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:235px;
  height:44px;
  margin:28px auto 0;
  border:1px solid rgba(255,255,255,.85);
  background:rgba(10,20,20,.12);
  color:rgba(255,255,255,.95);
  text-decoration:none;
  text-transform:uppercase;
  font-family:var(--hcd-font-body);
  font-size:12px;
  font-weight:400;
  letter-spacing:0;
  transition:background 180ms ease,color 180ms ease;
}
.hcd-single-post .hcd-post-hero__button:hover{
  background:rgba(255,255,255,.9);
  color:#173b3b;
}
.hcd-single-post .hcd-post-black-section{
  position:relative;
  z-index:1;
  height:25vh;
  min-height:180px;
  margin-top:-1px;
  background:#000;
}
@media (max-width:900px){
  .hcd-single-post .hcd-post-hero{height:70vh;min-height:560px;}
  .hcd-single-post .hcd-post-hero__visual{clip-path:polygon(0% 0%,100% 0%,100% 72%,73.5% 88.4%,0% 72%);}
  .hcd-single-post .hcd-post-hero__inner{top:32%;width:88%;}
  .hcd-single-post .hcd-post-hero__title{font-size:clamp(24px,4.5vw,38px);line-height:1.3;}
  .hcd-single-post .hcd-post-hero__button{margin-top:24px;}
}
@media (max-width:520px){
  .hcd-single-post .hcd-post-hero{height:70vh;min-height:540px;}
  .hcd-single-post .hcd-post-hero__inner{top:27%;}
  .hcd-single-post .hcd-post-hero__title{font-size:25px;line-height:1.35;}
  .hcd-single-post .hcd-post-hero__button{width:210px;height:42px;font-size:11px;}
}

/* ================================================================
   SUPPLIED HERO GEOMETRY — KEEP ALL EXISTING POST CONTENT
   Only the hero image presentation/cut and lower black section are
   changed; breadcrumbs, category, title, metadata and excerpt remain.
   ================================================================ */
.hcd-single-post .hcd-post-hero{
  position:relative;
  width:100%;
  height:70vh;
  min-height:640px;
  overflow:hidden;
  background:#000;
}
.hcd-single-post .hcd-post-hero__visual{
  position:absolute;
  inset:0;
  clip-path:polygon(0% 0%,100% 0%,100% 72%,73.5% 88.4%,0% 72%);
}
.hcd-single-post .hcd-post-hero__bg{position:absolute;inset:0;}
.hcd-single-post .hcd-post-hero__img{
  width:100%;height:100%;object-fit:cover;object-position:center center;
}
.hcd-single-post .hcd-post-hero__overlay{
  position:absolute;inset:0;background:rgba(19,57,57,.66);
}
.hcd-single-post .hcd-post-hero__inner{
  position:absolute;
  z-index:2;
  top:34.7%;
  left:50%;
  width:min(1200px,90%);
  min-height:0;
  margin:0;
  padding:0;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  color:#fff;
}
.hcd-single-post .hcd-breadcrumbs{
  margin:0 0 16px;
  font-family:var(--hcd-font-body);
  font-size:.8125rem;
  line-height:1.4;
  color:rgba(255,255,255,.72);
  opacity:1;
}
.hcd-single-post .hcd-breadcrumbs a{color:rgba(255,255,255,.72);}
.hcd-single-post .hcd-breadcrumbs a:hover{color:#c69e63;}
.hcd-single-post .hcd-post-hero__category{
  margin:0 0 22px;
  padding:8px 15px;
  border-radius:999px;
  background:#c69e63;
  color:#161513;
  font-family:var(--hcd-font-body);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.1em;
  line-height:1.2;
  text-transform:uppercase;
}
.hcd-single-post .hcd-post-hero__title{
  max-width:900px;
  margin:0 0 18px;
  font-family:var(--hcd-font-heading);
  font-size:clamp(1.9rem,3.4vw,3rem);
  font-weight:600;
  line-height:1.25;
  letter-spacing:normal;
  color:#fff;
}
.hcd-single-post .hcd-post-hero__meta{
  margin:0 0 16px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--hcd-font-body);
  font-size:.84375rem;
  line-height:1.4;
  color:rgba(255,255,255,.76);
  opacity:1;
}
.hcd-single-post .hcd-post-hero__dot{color:#c69e63;}
.hcd-single-post .hcd-post-hero__excerpt{
  max-width:700px;
  margin:10px auto 0;
  font-family:var(--hcd-font-heading);
  font-style:italic;
  font-size:1.125rem;
  line-height:1.6;
  color:rgba(255,255,255,.88);
}
.hcd-single-post .hcd-post-black-section{
  position:relative;
  z-index:1;
  height:25vh;
  min-height:180px;
  margin-top:-1px;
  background:#000;
}
@media(max-width:900px){
  .hcd-single-post .hcd-post-hero{height:70vh;min-height:560px;}
  .hcd-single-post .hcd-post-hero__visual{clip-path:polygon(0% 0%,100% 0%,100% 72%,73.5% 88.4%,0% 72%);}
  .hcd-single-post .hcd-post-hero__inner{top:32%;width:88%;}
  .hcd-single-post .hcd-post-hero__title{font-size:clamp(24px,4.5vw,38px);line-height:1.3;}
}
@media(max-width:520px){
  .hcd-single-post .hcd-post-hero{height:70vh;min-height:540px;}
  .hcd-single-post .hcd-post-hero__inner{top:27%;}
  .hcd-single-post .hcd-post-hero__title{font-size:25px;line-height:1.35;}
  .hcd-single-post .hcd-post-hero__category{margin-bottom:16px;}
  .hcd-single-post .hcd-post-hero__excerpt{font-size:1rem;}
}


/* ================================================================
   FINAL SIDEBAR CATEGORY SPACING FIX
   Avada/global widget rules can add large li margins. The custom
   category widget remains unchanged; only its vertical rhythm is reset.
   ================================================================ */
.hcd-post-sidebar .hcd-sidebar-tags{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.hcd-post-sidebar .hcd-sidebar-tags li{
  display:block !important;
  list-style:none !important;
  margin:0 !important;
  padding:7px 0 !important;
  line-height:1.4 !important;
  border-bottom:1px solid var(--hcd-border);
}
.hcd-post-sidebar .hcd-sidebar-tags li:first-child{
  padding-top:0 !important;
}
.hcd-post-sidebar .hcd-sidebar-tags li:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}
.hcd-post-sidebar .hcd-sidebar-tags li a{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-family:var(--hcd-font-body) !important;
  font-size:.875rem !important;
  line-height:1.45 !important;
  color:var(--hcd-text-body) !important;
}
.hcd-post-sidebar .hcd-sidebar-tags li a:hover{color:var(--hcd-gold) !important;}


/* FINAL HERO 90/10 HEIGHT + CENTERED CONTENT */
.hcd-single-post .hcd-post-hero{
  position:relative;
  width:100%;
  height:70vh;
  min-height:0;
  overflow:hidden;
  background:#000;
}

.hcd-single-post .hcd-post-hero__visual{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  clip-path:polygon(0% 0%, 100% 0%, 100% 90%, 73.5% 100%, 0% 90%);
  overflow:hidden;
}

.hcd-single-post .hcd-post-hero__bg,
.hcd-single-post .hcd-post-hero__img,
.hcd-single-post .hcd-post-hero__overlay{
  width:100%;
  height:100%;
}

.hcd-single-post .hcd-post-hero__img{
  display:block;
  object-fit:cover;
  object-position:center center;
}

.hcd-single-post .hcd-post-hero__inner{
  position:absolute;
  z-index:3;
  inset:0;
  top:auto;
  left:auto;
  width:min(1200px,90%);
  min-height:0;
  margin:0 auto;
  padding:0;
  transform:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}

.hcd-single-post .hcd-post-hero__inner > *{
  flex-shrink:0;
}

.hcd-single-post .hcd-post-black-section{
  position:relative;
  z-index:1;
  width:100%;
  height:10vh;
  min-height:0;
  margin:0;
  background:#000;
}

@media (max-width:900px){
  .hcd-single-post .hcd-post-hero{
    height:70vh;
    min-height:0;
  }
  .hcd-single-post .hcd-post-hero__visual{
    clip-path:polygon(0% 0%, 100% 0%, 100% 90%, 73.5% 100%, 0% 90%);
  }
  .hcd-single-post .hcd-post-hero__inner{
    inset:0;
    width:88%;
    padding:0 4%;
  }
  .hcd-single-post .hcd-post-hero__title{
    max-width:900px;
    font-size:clamp(1.65rem,4.5vw,2.375rem);
    line-height:1.25;
  }
  .hcd-single-post .hcd-post-hero__excerpt{
    max-width:700px;
    font-size:1rem;
    line-height:1.5;
  }
}

@media (max-width:520px){
  .hcd-single-post .hcd-post-hero{
    height:70vh;
    min-height:0;
  }
  .hcd-single-post .hcd-post-hero__visual{
    clip-path:polygon(0% 0%, 100% 0%, 100% 92%, 72% 100%, 0% 92%);
  }
  .hcd-single-post .hcd-post-hero__inner{
    inset:0;
    width:90%;
    padding:0 5%;
  }
  .hcd-single-post .hcd-breadcrumbs{
    margin-bottom:12px;
    font-size:.75rem;
  }
  .hcd-single-post .hcd-post-hero__category{
    margin-bottom:14px;
    padding:7px 13px;
    font-size:.6875rem;
  }
  .hcd-single-post .hcd-post-hero__title{
    max-width:100%;
    margin-bottom:14px;
    font-size:clamp(1.5rem,7vw,2rem);
    line-height:1.22;
  }
  .hcd-single-post .hcd-post-hero__meta{
    margin-bottom:8px;
    gap:6px;
    font-size:.75rem;
  }
  .hcd-single-post .hcd-post-hero__excerpt{
    max-width:100%;
    margin-top:6px;
    font-size:.9375rem;
    line-height:1.45;
  }
  .hcd-single-post .hcd-post-black-section{
    height:10vh;
    min-height:0;
  }
}

/* ================================================================
   FINAL HERO SYSTEM v2.0 — 90vh IMAGE / 10vh BLACK
   This block intentionally uses strong specificity so Avada/native
   responsive rules cannot override the requested geometry.
   ================================================================ */
body.hcd-avada-single-page .hcd-single-post .hcd-post-hero,
.hcd-single-post .hcd-post-hero{
  height:70vh !important;
  min-height:0 !important;
  max-height:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  background:#000 !important;
}

body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__visual,
.hcd-single-post .hcd-post-hero__visual{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  clip-path:polygon(0 0,100% 0,100% 90%,73.5% 100%,0 90%) !important;
}

body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__bg,
body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__img,
body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}

body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__img{
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__inner{
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  height:100% !important;
  margin:0 !important;
  padding:0 5% !important;
  transform:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__content{
  width:min(1200px,100%) !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__content > *{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body.hcd-avada-single-page .hcd-single-post .hcd-post-black-section{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:10vh !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
}

@media (max-width:900px){
  body.hcd-avada-single-page .hcd-single-post .hcd-post-hero{height:70vh !important;min-height:0 !important;}
  body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__inner{inset:0 !important;width:100% !important;padding:0 6% !important;}
  body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__content{width:100% !important;}
  body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__title{max-width:900px !important;}
  body.hcd-avada-single-page .hcd-single-post .hcd-post-black-section{height:10vh !important;}
}

@media (max-width:520px){
  body.hcd-avada-single-page .hcd-single-post .hcd-post-hero{height:70vh !important;min-height:0 !important;}
  body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__visual{clip-path:polygon(0 0,100% 0,100% 92%,72% 100%,0 92%) !important;}
  body.hcd-avada-single-page .hcd-single-post .hcd-post-hero__inner{inset:0 !important;padding:0 5% !important;}
  body.hcd-avada-single-page .hcd-single-post .hcd-post-black-section{height:10vh !important;min-height:0 !important;}
}