/* =========================================================
   CONTACT — WORLD CLASS UI
   File: static/css/contact.css
   ========================================================= */

/* Ensure breadcrumb clears sticky header */
.breadcrumb-area{
  padding-top: calc(var(--tv-header-h) + 18px);
  overflow: hidden;
  position: relative;
}

.breadcrumb-area::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.25) 55%,
    rgba(0,0,0,.55) 100%
  );
  pointer-events:none;
}

.breadcrumb__text{
  position: relative;
  z-index: 2;
}

.breadcrumb__text h2{
  font-weight: 900;
  letter-spacing: -0.6px;
  font-size: clamp(28px, 4vw, 44px);
  text-shadow: 0 12px 30px rgba(0,0,0,.25);
}

/* Map as a premium card */
.contact__map{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(16,24,40,.12);
  border: 1px solid rgba(16,24,40,.06);
}

.contact__map iframe{
  width: 100%;
  display: block;
}

/* Layout spacing */
.contact.spad{
  padding-top: 70px;
  padding-bottom: 70px;
}

/* Left info widget as a modern card */
.contact__widget{
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  box-shadow: 0 16px 44px rgba(16,24,40,.08);
  padding: 22px;
}

.contact__widget h4{
  font-weight: 900;
  letter-spacing: -0.4px;
  margin-bottom: 12px;
}

.contact__widget ul li{
  color: #344054;
  line-height: 1.7;
}

.contact__widget i{
  color: #101828;
  opacity: .85;
}

/* Form as a premium card */
.contact__form{
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(16,24,40,.06);
  box-shadow: 0 18px 48px rgba(16,24,40,.10);
  padding: 24px;
}

/* Inputs */
.contact__form input,
.contact__form textarea{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(16,24,40,.12);
  background: #fff;
  padding: 12px 14px;
  font-size: 15.5px;
  color: #101828;
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease;
}

.contact__form textarea{
  min-height: 160px;
  resize: vertical;
}

.contact__form input:focus,
.contact__form textarea:focus{
  border-color: rgba(202,10,0,.45);
  box-shadow: 0 0 0 4px rgba(202,10,0,.10);
}

/* Button upgraded */
.contact__form .site-btn{
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .2px;
  padding: 12px 18px;
  box-shadow: 0 18px 48px rgba(16,24,40,.12);
  transition: transform .2s ease, box-shadow .2s ease;
}

.contact__form .site-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 70px rgba(16,24,40,.18);
}

/* Alerts spacing */
.alert{
  border-radius: 14px;
}

/* Mobile tweaks */
@media (max-width: 991px){
  .contact__widget{
    margin-bottom: 18px;
  }
  .contact__form{
    padding: 18px;
  }
}