/* Custom Variables */
:root {
    /* Modernized purple palette inspired by the original screenshot */
    --primary-dark: #59415B; 
    --primary-accent: #8b73a6;
    --primary-light: #f8f6fb;
    --text-dark: #2c2c2c;
}
*{
  /* outline: 1px solid red !important; */

}
/* General Overrides */
body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: var(--text-dark);
}

/* Background Colors */
.custom-bg-dark {
    background-color: var(--primary-dark) !important;
}

.bg-light {
    background-color: var(--primary-light) !important;
}

/* Text Colors */
.custom-text-accent {
    color: var(--primary-accent) !important;
}
.text-primary {
    color: var(--primary-dark) !important;
}
/* Buttons */
.custom-btn {
    background-color: var(--primary-dark);
    border-color: var(--primary-accent);
    transition: all 0.3s ease;
}
.custom-btn-w{
    background-color: var(--primary-light) !important;
    border-color: var(--primary-accent);
    transition: all 0.3s ease;
}


.custom-btn:hover {
    background-color: #725b8e;
    border-color: #725b8e;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(139, 115, 166, 0.4);
}
.custom-btn-w:hover {
    background-color: #725b8e;
    border-color: #725b8e;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(139, 115, 166, 0.4);
}
/* Component Styling */
.hero-section {
    position: relative;
}

.profile-img {
    object-fit: cover;
    /* max-height: 500px; */
    width: 100%;
}

.feature-card {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.1);
}

/* Alternating Rows - Smooth transitions for icons */
section .bi {
    transition: transform 0.3s ease;
}

section:hover .bi {
    transform: scale(1.1);
}

/* Form Styling */
.form-control {
    border-color: #e0e0e0;
    padding: 0.75rem 1rem;
}

.form-control:focus {
    border-color: var(--primary-accent);
    box-shadow: 0 0 0 0.25rem rgba(139, 115, 166, 0.25);
}
.carousel-indicators {
    bottom: -50px; /* Moves the dots below the images */
}
.header-cover {
    /* Replace the URL with your image path */
    background-image: url('images/onama.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*min-height: 300px;  Optional: ensures the header has enough height */
}
section[id] {
  scroll-margin-top: 60px;
}

/* Sticky Footer — always at bottom */
html {
  height: 100%;
  margin: 0;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0;
}
footer {
  margin-top: auto;
}

/* Hide Google reCAPTCHA "Protected by reCAPTCHA" watermark */
.grecaptcha-badge { visibility: hidden !important; }