/* Sibay Global Network Custom Theme Colors */
/* Based on the SGN logo color scheme - Cyan/Turquoise theme */

:root {
    /* Primary Color - Sibay Cyan/Turquoise */
    --primary: #00D4AA;
    --primary-100: #00C097;
    --primary-200: #00B589;
    --primary-300: #00A57A;
    --primary--100: #1ADCB3;
    --primary--200: #33E4BC;
    --primary--300: #4DECC5;
    --primary-rgba-0: rgba(0, 212, 170, 0);
    --primary-rgba-10: rgba(0, 212, 170, 0.1);
    --primary-rgba-20: rgba(0, 212, 170, 0.2);
    --primary-rgba-30: rgba(0, 212, 170, 0.3);
    --primary-rgba-40: rgba(0, 212, 170, 0.4);
    --primary-rgba-50: rgba(0, 212, 170, 0.5);
    --primary-rgba-60: rgba(0, 212, 170, 0.6);
    --primary-rgba-70: rgba(0, 212, 170, 0.7);
    --primary-rgba-80: rgba(0, 212, 170, 0.8);
    --primary-rgba-90: rgba(0, 212, 170, 0.9);
    
    /* Secondary Color - Deeper Cyan */
    --secondary: #00B894;
    --secondary-100: #00A085;
    --secondary-200: #009578;
    --secondary-300: #008A6B;
    --secondary--100: #1AC0A3;
    --secondary--200: #33C8B2;
    --secondary--300: #4DD0C1;
    --secondary-rgba-0: rgba(0, 184, 148, 0);
    --secondary-rgba-10: rgba(0, 184, 148, 0.1);
    --secondary-rgba-20: rgba(0, 184, 148, 0.2);
    --secondary-rgba-30: rgba(0, 184, 148, 0.3);
    --secondary-rgba-40: rgba(0, 184, 148, 0.4);
    --secondary-rgba-50: rgba(0, 184, 148, 0.5);
    --secondary-rgba-60: rgba(0, 184, 148, 0.6);
    --secondary-rgba-70: rgba(0, 184, 148, 0.7);
    --secondary-rgba-80: rgba(0, 184, 148, 0.8);
    --secondary-rgba-90: rgba(0, 184, 148, 0.9);
}

/* Gradient Backgrounds */
.bg-gradient {
    background: linear-gradient(135deg, #00D4AA 0%, #00B894 100%) !important;
}

/* Button Gradients */
.btn-gradient {
    background: linear-gradient(135deg, #00D4AA 0%, #00B894 100%) !important;
    border: none !important;
    color: #fff !important;
}

.btn-gradient:hover {
    background: linear-gradient(135deg, #00B894 0%, #00A085 100%) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 212, 170, 0.3);
}

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

.text-color-secondary {
    color: #00B894 !important;
}

/* Link Colors */
a {
    color: #00D4AA;
}

a:hover {
    color: #00B894;
}

/* SVG Icon Colors */
.svg-fill-color-primary {
    fill: #00D4AA !important;
}

.svg-fill-color-secondary {
    fill: #00B894 !important;
}

/* Header Navigation Active States */
#header .header-nav-main nav > ul > li > a.active {
    color: #00D4AA !important;
}

#header .header-nav-main nav > ul > li > a.active:before {
    border-color: #00D4AA !important;
}

/* Counter Animation Colors */
.counter strong {
    color: #fff !important;
}

/* Pricing Table Header Colors */
.plan-header {
    background-color: #00D4AA !important;
}

/* Custom Link Effects */
.custom-link-effect-1:hover {
    color: #00B894 !important;
}

/* Form Elements */
.form-control:focus {
    border-color: #00D4AA;
    box-shadow: 0 0 0 0.2rem rgba(0, 212, 170, 0.25);
}

/* Testimonial Quote Colors */
.custom-testimonial-style-1.testimonial-with-quotes blockquote:before, 
.custom-testimonial-style-1.testimonial-with-quotes blockquote:after {
    color: #00D4AA !important;
}

/* Progress Bars */
.progress-bar {
    background-color: #00D4AA !important;
}

/* Social Icons Hover */
.social-icons a:hover {
    color: #00D4AA !important;
}

/* Map Marker Color */
.map-pin {
    background-color: #00D4AA !important;
}

/* Owl Carousel Dots */
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #00D4AA !important;
}

/* Portfolio Filter Active */
.nav-pills .nav-link.active {
    background-color: #00D4AA !important;
    border-color: #00D4AA !important;
}

.nav-pills .nav-link:hover {
    color: #00D4AA !important;
}

/* Divider Colors */
.divider hr {
    border-color: #00D4AA !important;
}

/* Footer Copyright Links */
.footer-copyright a {
    color: #00D4AA !important;
}

.footer-copyright a:hover {
    color: #00B894 !important;
}

/* Animation Enhancement */
@keyframes sibayGlow {
    0% { box-shadow: 0 0 5px rgba(0, 212, 170, 0.3); }
    50% { box-shadow: 0 0 20px rgba(0, 212, 170, 0.6); }
    100% { box-shadow: 0 0 5px rgba(0, 212, 170, 0.3); }
}

.btn-gradient:focus {
    animation: sibayGlow 2s infinite;
}

/* Logo Area Enhancement */
.header-logo img {
    filter: brightness(1.1);
}

/* Phone Number in Header */
.header-row a[href^="tel"] {
    color: #fff !important;
}

.header-row a[href^="tel"]:hover {
    color: #00D4AA !important;
}

/* Contact Section Icons */
.map-above-content .svg-fill-color-light {
    fill: #00D4AA !important;
}

/* Responsive Design Enhancement */
@media (max-width: 768px) {
    .btn-gradient {
        padding: 12px 24px !important;
        font-size: 16px !important;
    }
}