/* ========================================
   ExtendAtHome Brand System
   ======================================== */

:root {
    --brand-blue: #1F5FA8;
    --brand-blue-dark: #174C8E;
    --brand-green: #5DBB46;
    --brand-green-dark: #3A8A2D;
    --brand-teal: #1FA79A;
    --brand-orange: #F5A623;
    --brand-light: #F2F2F2;
}

/* Global Styles */
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #f9f9f9;
  color: #333;
}

/* Hero Section */
.hero {
  background: linear-gradient(135deg, #eaf3fc 0%, #ffffff 100%);
  padding: 100px 0;
  text-align: center;
}
.hero h1 {
  font-size: 3rem;
  font-weight: 700;
  color: #4a90e2;
}
.hero p {
  font-size: 1.25rem;
  margin-top: 1rem;
}

/* Buttons */
.btn-primary {
  background-color: #4a90e2;
  border-color: #4a90e2;
  transition: all 0.3s;
}
.btn-primary:hover {
  background-color: #357abd;
  border-color: #357abd;
}

/* Section Titles */
.section-title {
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Card headings */
.card h4,
.card h5 {
    color: var(--brand-blue);
}

/* Icon Boxes */
.icon-box {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}
.icon-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}
.icon-box .icon {
  font-size: 2.5rem;
  margin-bottom: 15px;
}

/* Colored Icon Boxes */
.icon-blue { border-top: 4px solid #4a90e2; }
.icon-green { border-top: 4px solid #3bb273; }
.icon-orange { border-top: 4px solid #f5a623; }
.icon-red { border-top: 4px solid #e94f37; }

/* FAQ */
.accordion-button:focus {
  box-shadow: none;
}

/* Footer */
footer {
  background-color: #f1f1f1;
  padding: 25px 0;
  text-align: center;
  font-size: 0.9rem;
  color: #555;
}

/* Hero Image Section */
.hero-img img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 600px; /* adjust for your desired max height */
    object-fit: contain;
}

/* Heading + CTA Section */
.text-center h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.text-center p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

/* ========================================
   ExtendAtHome Wordmark
   ======================================== */

.brand-wordmark {
    font-size: 2.3rem;
    font-weight: 600;
    letter-spacing: -0.6px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    display: inline-block;
}

.brand-extend {
    color: var(--brand-blue);
}

.brand-at,
.brand-home {
    color: var(--brand-green);
}

/* Optional subtle hover polish */
.brand-wordmark:hover .brand-extend {
    color: var(--brand-blue-dark);
}


.navbar .navbar-brand > img {
    height: 50px !important;   /* force height */
    width: auto !important;    /* keep aspect ratio */
    display: block;

}

/* Ensure navbar content is vertically centered */
.navbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Footer visual break */

.navbar {
  border-bottom: 1px solid #d7d7d7;
  box-shadow: none;
}

footer{
  border-top: 1px solid #d7d7d7; /* single line */
}

/* Make the welcome text bold */
.nav-link.dropdown-toggle {
    font-weight: 500;
}

/* Add hover effect for dropdown items */
.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #000;
}

.impersonation-banner {
    background-color: #ffcc00;
    color: #000;
    text-align: center;
    padding: 10px;
    font-family: sans-serif;
    width: 100%;
}

.impersonation-icon {
    font-size: 18px;
    margin-right: 8px;
}


.impersonation-separator {
    margin: 0 8px;
}

.impersonation-stop-link {
    text-decoration: underline;
    color: #000;
}

.impersonation-stop-link:hover {
    text-decoration: none;
    color: #333;
}