/* =========================================================
   HC HOME SECTIONS + PROMO SLIDER + FOOTER (FULL CLEAN FILE)
   - Fixes arrow overlay on navbar
   - Removes broken/unclosed comment
   - Keeps your styling + icons + animations
   ========================================================= */

/* ===== Base Section Layout ===== */
.hc-section { padding: 80px 0; }
.hc-wrap { width: min(1200px, 92%); margin: 0 auto; }

/* =========================================================
   FORCE TEXT VISIBILITY (PLUGIN / THEME OVERRIDE)
   ========================================================= */
.hc-section,
.hc-section *{
  color: #4a3326 !important;
  opacity: 1 !important;
}

/* ===== Titles ===== */
.hc-section .hc-title{
  font-size: 34px;
  font-weight: 800;
  margin: 0 0 10px;
  color: #2b1a12 !important;
}
.hc-section .hc-subtitle{
  font-size: 16px;
  margin: 0 0 30px;
  color: #4a3326 !important;
}

/* =========================================================
   GRID LAYOUT
   ========================================================= */
.hc-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */
.hc-card{
  background: rgba(255,255,255,0.88);
  border-radius: 18px;
  padding: 20px;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 16px 35px rgba(0,0,0,0.12);
}
.hc-card h3{
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #2b1a12 !important;
}
.hc-card p{
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #4a3326 !important;
}

/* =========================================================
   PROCESS STEPS
   ========================================================= */
.hc-steps{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 25px;
}
.hc-step{
  background: rgba(255,255,255,0.85);
  padding: 20px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,0.08);
}
.hc-step span{
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 800;
  background: rgba(130,85,55,0.28);
  color: #2b1a12 !important;
  margin-bottom: 10px;
}
.hc-step h3{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 800;
  color: #2b1a12 !important;
}
.hc-step p{
  margin: 0;
  font-size: 14px;
  color: #4a3326 !important;
}

/* =========================================================
   CTA BOX
   ========================================================= */
.hc-cta{
  margin-top: 30px;
  padding: 24px;
  border-radius: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: rgba(130,85,55,0.20);
  border: 1px solid rgba(130,85,55,0.28);
}
.hc-cta-text h3{
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 900;
  color: #2b1a12 !important;
}
.hc-cta-text p{
  margin: 0;
  color: #4a3326 !important;
}

/* =========================================================
   BUTTON (KEEP WHITE TEXT)
   ========================================================= */
.hc-btn{
  background: #6b3f22;
  color: #ffffff !important;
  padding: 12px 20px;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.hc-btn:hover{ opacity: 0.92; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 980px){
  .hc-grid, .hc-steps{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .hc-grid, .hc-steps{ grid-template-columns: 1fr; }
  .hc-cta{ flex-direction: column; align-items: flex-start; }
}

/* ===============================
   FINAL TEXT VISIBILITY FIX
   =============================== */
.hc-section,
.hc-section p,
.hc-section span,
.hc-section li{
  color: #3b2a20 !important;
  opacity: 1 !important;
}
.hc-section h2,
.hc-section h3,
.hc-section h4{ color: #24160f !important; }
.hc-card p,
.hc-step p,
.hc-cta-text p{ color: #4a3326 !important; }
.hc-step span{
  color: #24160f !important;
  background: rgba(130,85,55,0.35) !important;
}

/* =========================================================
   NICE LOOK + ANIMATION UPGRADE
   ========================================================= */
.hc-home-sections-scope .hc-section{
  position: relative;
  padding: 90px 0;
}
.hc-home-sections-scope .hc-section::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,0.45), transparent 60%),
    radial-gradient(900px 500px at 80% 30%, rgba(130,85,55,0.18), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.00));
  pointer-events: none;
}
.hc-home-sections-scope .hc-wrap{ position: relative; z-index: 1; }

.hc-home-sections-scope .hc-title{
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
.hc-home-sections-scope .hc-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 74px;
  height: 4px;
  border-radius: 999px;
  background: rgba(107,63,34,0.45);
}

/* Card hover */
.hc-home-sections-scope .hc-card,
.hc-home-sections-scope .hc-step{
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  will-change: transform;
}
.hc-home-sections-scope .hc-card:hover,
.hc-home-sections-scope .hc-step:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 55px rgba(0,0,0,0.16);
  background: rgba(255,255,255,0.92);
}

/* Button hover */
.hc-home-sections-scope .hc-btn{
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  box-shadow: 0 12px 28px rgba(107,63,34,0.28);
}
.hc-home-sections-scope .hc-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(107,63,34,0.34);
}

/* Animations */
@keyframes hcFadeUp{
  from{ opacity: 0; transform: translateY(14px); }
  to{ opacity: 1; transform: translateY(0); }
}
.hc-home-sections-scope .hc-title,
.hc-home-sections-scope .hc-subtitle,
.hc-home-sections-scope .hc-card,
.hc-home-sections-scope .hc-step,
.hc-home-sections-scope .hc-cta{
  animation: hcFadeUp .6s ease both;
}
.hc-home-sections-scope .hc-card:nth-child(1){ animation-delay: .05s; }
.hc-home-sections-scope .hc-card:nth-child(2){ animation-delay: .10s; }
.hc-home-sections-scope .hc-card:nth-child(3){ animation-delay: .15s; }
.hc-home-sections-scope .hc-card:nth-child(4){ animation-delay: .20s; }

.hc-home-sections-scope .hc-step:nth-child(1){ animation-delay: .05s; }
.hc-home-sections-scope .hc-step:nth-child(2){ animation-delay: .10s; }
.hc-home-sections-scope .hc-step:nth-child(3){ animation-delay: .15s; }
.hc-home-sections-scope .hc-step:nth-child(4){ animation-delay: .20s; }

@media (prefers-reduced-motion: reduce){
  .hc-home-sections-scope .hc-title,
  .hc-home-sections-scope .hc-subtitle,
  .hc-home-sections-scope .hc-card,
  .hc-home-sections-scope .hc-step,
  .hc-home-sections-scope .hc-cta{
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   ICONS on Cards (no image upload needed)
   ========================================================= */
.hc-home-sections-scope .hc-card h3,
.hc-home-sections-scope .hc-step h3{
  display: flex;
  align-items: center;
  gap: 10px;
}
.hc-home-sections-scope .hc-card h3::before,
.hc-home-sections-scope .hc-step h3::before{
  content: "";
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(130,85,55,0.22);
  border: 1px solid rgba(130,85,55,0.25);
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
  flex: 0 0 auto;
}

/* Icons for WHY section */
.hc-home-sections-scope .hc-why .hc-card:nth-child(1) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V10'/%3E%3Cpath d='M18 20V4'/%3E%3Cpath d='M6 20v-6'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-why .hc-card:nth-child(2) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8'/%3E%3Cpath d='M3 16V8'/%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-why .hc-card:nth-child(3) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 4v6c0 5-3 9-8 10C7 21 4 17 4 12V6l8-4z'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-why .hc-card:nth-child(4) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7l-8 8-4-4'/%3E%3Cpath d='M4 7h16'/%3E%3C/svg%3E") center/18px no-repeat; }

/* Icons for Capabilities section */
.hc-home-sections-scope .hc-capabilities .hc-card:nth-child(1) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M7 7l10 10'/%3E%3Cpath d='M17 7L7 17'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-capabilities .hc-card:nth-child(2) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19V5'/%3E%3Cpath d='M18 19V5'/%3E%3Cpath d='M10 9h4'/%3E%3Cpath d='M10 15h4'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-capabilities .hc-card:nth-child(3) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2c3 3 3 6 0 9-3-3-3-6 0-9z'/%3E%3Cpath d='M6 22c0-5 12-5 12 0'/%3E%3Cpath d='M9 13h6'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-capabilities .hc-card:nth-child(4) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7l-8 8-4-4'/%3E%3Cpath d='M4 7h16'/%3E%3C/svg%3E") center/18px no-repeat; }

/* Icons for Process steps section */
.hc-home-sections-scope .hc-process .hc-step:nth-child(1) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8'/%3E%3Cpath d='M8 8h8'/%3E%3Cpath d='M8 12h6'/%3E%3Cpath d='M6 4v16'/%3E%3Cpath d='M18 4v16'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-process .hc-step:nth-child(2) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l5-5'/%3E%3Cpath d='M14 4l6 6'/%3E%3Cpath d='M9 15l6-6'/%3E%3Cpath d='M14 4l-2 2'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-process .hc-step:nth-child(3) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E") center/18px no-repeat; }
.hc-home-sections-scope .hc-process .hc-step:nth-child(4) h3::before{ background: rgba(130,85,55,0.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b3f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l4 4 14-14'/%3E%3C/svg%3E") center/18px no-repeat; }

/* =========================================================
   HC PROMO SLIDER — CLEAN + FIXED ARROWS
   FIX: arrows will NOT overlay navbar now
   ========================================================= */

.hc-promo{
  padding: 22px 0 8px;
  position: relative;
  z-index: 1; /* keep below header */
}

.hc-promo-wrap{
  width: min(1200px, 92%);
  margin: 0 auto;
  position: relative;
  z-index: 1; /* local stacking context */
}

/* Slider card */
.hc-promo-track{
  position: relative;
  z-index: 1;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 22px 60px rgba(0,0,0,0.18);
}

/* Slide */
.hc-promo-slide{
  display: none;
  grid-template-columns: 420px 1fr;
  align-items: center;
  min-height: 420px;
  gap: 24px;
  padding: 34px 96px;
  background: rgba(255,255,255,0.30);
}
.hc-promo-slide.is-active{
  display: grid;
  animation: hcPromoFade .45s ease both;
}
@keyframes hcPromoFade{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:1; transform:translateY(0)}
}

/* Circle image */
.hc-promo-media{
  width: 360px;
  height: 360px;
  border-radius: 999px;
  overflow: hidden;
  border: 10px solid rgba(107,63,34,0.85);
  box-shadow: 0 18px 45px rgba(0,0,0,0.18);
  background: rgba(255,255,255,0.5);
}
.hc-promo-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text */
.hc-promo-content{ padding-right: 22px; }
.hc-promo-eyebrow{
  font-weight: 900;
  letter-spacing: .25em;
  font-size: 12px;
  color: rgba(43,26,18,0.55);
  margin-bottom: 10px;
}
.hc-promo-content h2{
  margin: 0 0 10px;
  font-size: 44px;
  line-height: 1.05;
  color: #24160f;
}
.hc-promo-content p{
  margin: 0 0 18px;
  color: #3b2a20;
  font-size: 16px;
  line-height: 1.7;
  max-width: 560px;
}
.hc-promo-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 900;
  border: 2px solid rgba(107,63,34,0.45);
  color: #6b3f22;
  background: rgba(255,255,255,0.55);
  text-decoration: none;
}
.hc-promo-btn:hover{ background: rgba(255,255,255,0.75); }

/* ARROWS */
.hc-promo-wrap .hc-promo-nav{
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 56px;
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 0;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 14px 30px rgba(0,0,0,0.18);

  color: #24160f;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;

  cursor: pointer;

  z-index: 2; /* ✅ NOT 99999 (prevents overlay on navbar) */
  transition: background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease;
}
.hc-promo-wrap .hc-prev{ left: -28px !important; }
.hc-promo-wrap .hc-next{ right: -28px !important; }

.hc-promo-wrap .hc-promo-nav:hover,
.hc-promo-wrap .hc-promo-nav:active,
.hc-promo-wrap .hc-promo-nav:focus-visible{
  background: rgba(107,63,34,0.95);
  border-color: rgba(107,63,34,0.95);
  color: #fff;
  transform: translateY(-50%) scale(1.06);
  outline: none;
}

/* DOTS */
.hc-promo-dots{
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 12px;
}
.hc-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 0;
  background: rgba(43,26,18,0.25);
  cursor: pointer;
}
.hc-dot.is-active{ background: rgba(107,63,34,0.75); }

/* MOBILE */
@media (max-width: 980px){
  .hc-promo-slide{
    grid-template-columns: 1fr;
    text-align: center;
    padding: 26px 22px;
  }
  .hc-promo-media{
    width: 240px;
    height: 240px;
    margin: 0 auto;
  }
  .hc-promo-content{ padding-right: 0; }
  .hc-promo-content h2{ font-size: 34px; }
  .hc-promo-wrap .hc-promo-nav{
    width: 46px;
    height: 46px;
    font-size: 24px;
  }
  .hc-promo-wrap .hc-prev{ left: -23px !important; }
  .hc-promo-wrap .hc-next{ right: -23px !important; }
}

/* =========================================================
   HC FOOTER (PRO, CLEAN, FIXED)
   ========================================================= */
.hc-footer{
  margin-top: 44px;
  padding: 34px 0 22px;
  position: relative;
  z-index: 5;
}
.hc-footer-inner{
  width: min(1200px, 92%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1.2fr;
  gap: 34px;
  padding: 30px 30px;
  border-radius: 22px;
  background: rgba(207,166,122,0.92);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 18px 50px rgba(0,0,0,0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.hc-footer-col{ min-width: 0; }

.hc-footer-title{
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 900;
  color: #2b1a12;
}

.hc-footer-brand{
  display: flex;
  align-items: center;
  gap: 12px;
}
.hc-footer-logo{
  height: 64px;
  width: auto;
  display: block;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.hc-footer-brandtext{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hc-footer-name{
  font-size: 20px;
  font-weight: 1000;
  color: #6b3f22;
  line-height: 1.1;
}
.hc-footer-tagline{
  font-size: 12.5px;
  font-weight: 700;
  color: #4a3326;
  opacity: 0.95;
}
.hc-footer-desc{
  margin: 14px 0 0;
  line-height: 1.65;
  color: #3b2a20;
  font-weight: 650;
}

.hc-footer-links,
.hc-footer-contact{
  list-style: none;
  padding: 0;
  margin: 0;
}
.hc-footer-links li,
.hc-footer-contact li{
  margin: 0 0 10px;
  color: #3b2a20;
  font-weight: 650;
}
.hc-footer-contact li span{
  font-weight: 900;
  color: #2b1a12;
  margin-right: 6px;
}
.hc-footer a{
  color: #2b1a12;
  font-weight: 850;
  text-decoration: none;
}
.hc-footer a:hover{ text-decoration: underline; }

.hc-footer-bottom{
  width: min(1200px, 92%);
  margin: 14px auto 0;
  text-align: center;
  padding: 14px 0 0;
  color: #2b1a12;
  font-weight: 800;
  font-size: 13px;
  opacity: 0.95;
}

@media (max-width: 900px){
  .hc-footer-inner{
    grid-template-columns: 1fr;
    padding: 22px;
    gap: 22px;
  }
}