/**
 * Alba Construction brand overrides
 * Primary: #035B9B | Secondary: #0F173B
 * Reinforces theme CSS variables and featured flat-roofing accents.
 * Does not change BuildNow layout structure.
 */

:root {
  --theme: #035B9B;
  --header: #0F173B;
  --bg: #0F173B;
  --brand-primary: #035B9B;
  --brand-secondary: #0F173B;
}

/* Soft brand tints replacing leftover orange washes */
.theme-btn-2:hover,
.mean-container .mean-nav ul li a:hover,
.main-menu ul li:hover > a,
.main-menu ul li.active > a {
  color: var(--theme);
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: var(--theme) !important;
  box-shadow: 0 0 0 0.15rem rgba(3, 91, 155, 0.2);
}

/* Featured flat roofing service cards */
.alba-service-card.is-featured {
  border-color: rgba(3, 91, 155, 0.35);
  box-shadow: 0 12px 30px rgba(15, 23, 59, 0.08);
}
.alba-service-card.is-featured:hover {
  border-color: var(--theme);
}
.alba-featured-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  display: inline-block;
  padding: 6px 12px;
  background: var(--brand-secondary);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
}
.alba-service-card {
  position: relative;
}

/* Service list wash → brand blue (template used olive tint) */
.service-box-item-3-style-3 .list-item {
  background: linear-gradient(180deg, rgba(3, 91, 155, 0.09) 0%, rgba(3, 91, 155, 0) 100%);
}

/* Homepage flat roofing emphasis label under services title area */
.services-section-7 .service-left-item > h3 {
  position: relative;
}

/* Off-canvas contact rows — long email wrap only; layout otherwise unchanged */
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li {
  align-items: flex-start;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .icon {
  flex-shrink: 0;
  margin-top: 2px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content {
  min-width: 0;
  flex: 1 1 auto;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 {
  line-height: 1.4;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 a {
  display: inline;
  overflow-wrap: anywhere;
  word-break: break-word;
}
/* Email slightly smaller than phone so it fits cleanly */
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:nth-child(2) .content h4 {
  font-size: 14px;
}