/* ================================
   MANNSAY BRAND COLOR PALETTE
   ================================ 
   Primary:     Deep Sea Teal    #008080
   Secondary:   Electric Cyan    #48CFCB
   Accent:      Sunset Coral     #FF8C69
   Background:  Soft Mint        #F5FFFA
   Deep Neutral: Midnight Navy   #222831
   ================================ */

:root {
    /* Brand Colors */
    --teal-primary: #008080;
    --teal-secondary: #48CFCB;
    --coral-accent: #FF8C69;
    --mint-background: #F5FFFA;
    --navy-dark: #222831;

    /* Bootstrap Overrides */
    --bs-primary: #008080;
    --bs-primary-rgb: 0, 128, 128;
    --bs-secondary: #48CFCB;
    --bs-secondary-rgb: 72, 207, 203;
    --bs-dark: #222831;
    --bs-dark-rgb: 34, 40, 49;
    --bs-light: #F5FFFA;
    --bs-light-rgb: 245, 255, 250;
    --bs-body-bg: #F5FFFA;
}

/* Primary Button */
.btn-primary {
    background-color: #008080 !important;
    border-color: #008080 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #006666 !important;
    border-color: #006666 !important;
}

/* Secondary Button */
.btn-secondary {
    background-color: #48CFCB !important;
    border-color: #48CFCB !important;
    color: #222831 !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #3ab9b5 !important;
    border-color: #3ab9b5 !important;
}

/* Accent/CTA Button - Coral */
.btn-accent,
.btn-cta,
.btn-coral {
    background-color: #FF8C69 !important;
    border-color: #FF8C69 !important;
    color: #fff !important;
}

.btn-accent:hover,
.btn-cta:hover,
.btn-coral:hover {
    background-color: #e07858 !important;
    border-color: #e07858 !important;
}

/* Outline Buttons */
.btn-outline-primary {
    color: #008080 !important;
    border-color: #008080 !important;
}

.btn-outline-primary:hover {
    background-color: #008080 !important;
    color: #fff !important;
}

.btn-outline-secondary {
    color: #48CFCB !important;
    border-color: #48CFCB !important;
}

.btn-outline-secondary:hover {
    background-color: #48CFCB !important;
    color: #222831 !important;
}

/* Links */
a {
    color: #008080;
}

a:hover {
    color: #48CFCB;
}

/* Navbar */
.navbar,
.sticky-top {
    background-color: #F5FFFA !important;
}

.navbar .navbar-brand h1,
.navbar .navbar-brand {
    color: #008080 !important;
}

.navbar .nav-link {
    color: #222831 !important;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #008080 !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #222831;
}

/* Text Colors */
.text-primary {
    color: #008080 !important;
}

.text-secondary {
    color: #48CFCB !important;
}

.text-accent,
.text-coral {
    color: #FF8C69 !important;
}

.text-dark {
    color: #222831 !important;
}

/* Background Colors */
.bg-primary {
    background-color: #008080 !important;
}

.bg-secondary {
    background-color: #48CFCB !important;
}

.bg-light,
body {
    background-color: #F5FFFA !important;
}

.bg-dark {
    background-color: #222831 !important;
}

.bg-accent,
.bg-coral {
    background-color: #FF8C69 !important;
}

/* Footer */
.footer {
    background-color: #222831 !important;
    color: #F5FFFA;
}

.footer h4,
.footer h5,
.footer h6 {
    color: #48CFCB !important;
}

.footer a {
    color: #F5FFFA !important;
}

.footer a:hover {
    color: #48CFCB !important;
}

/* Cards & Service Items */
.service-item,
.feature-item,
.team-item {
    border-color: #48CFCB !important;
}

.service-item:hover,
.feature-item:hover,
.team-item:hover {
    border-color: #008080 !important;
}

/* Section Backgrounds */
.about,
.feature,
.service,
.team {
    background-color: #F5FFFA;
}

/* Carousel/Hero Section */
.carousel-caption h1,
.carousel-caption h2 {
    color: #fff;
}

/* Badge/Tag Accent */
.badge-primary,
.badge.bg-primary {
    background-color: #008080 !important;
}

.badge-secondary,
.badge.bg-secondary {
    background-color: #48CFCB !important;
    color: #222831 !important;
}

.badge-accent {
    background-color: #FF8C69 !important;
}

/* Form Focus States */
.form-control:focus,
.form-select:focus {
    border-color: #48CFCB !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 128, 128, 0.25) !important;
}

/* Spinner/Loader */
.spinner-border {
    color: #008080;
}

/* Back to Top Button */
.back-to-top {
    background-color: #008080 !important;
}

.back-to-top:hover {
    background-color: #48CFCB !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: #008080;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #48CFCB;
}

/* Selection */
::selection {
    background-color: #48CFCB;
    color: #222831;
}

/* Border Colors */
.border-primary {
    border-color: #008080 !important;
}

.border-secondary {
    border-color: #48CFCB !important;
}

.border-accent {
    border-color: #FF8C69 !important;
}

/* ================================
   LOCATION LINK STYLES
   ================================ */
@keyframes pulse-pin {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(20, 184, 166, 0.4);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 4px 15px rgba(20, 184, 166, 0.6);
    }
}

.location-link:hover {
    transform: translateY(-2px);
}

.location-link:hover .map-pin-icon {
    animation: none;
    transform: scale(1.15);
    box-shadow: 0 4px 15px rgba(20, 184, 166, 0.7);
}

.location-link:hover span:last-child {
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.8);
}

/* ================================
   TESTIMONIAL SECTION HEADING FIX
   ================================ */
.testimonial .section-title h4,
.testimonial .section-title .sub-title,
.testimonial h4.sub-title {
    color: #ffffff !important;
}

/* Main Testimonial Heading - White for contrast */
.testimonial .section-title h1,
.testimonial .section-title .display-3 {
    color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-clip: unset !important;
}