/* 
 * CIRUS & PARTNERS - Custom Color Override
 * Applying company color #00292d to headings only
 */

/* Headings - All levels */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.section-title,
.section-caption,
.section-caption-border,
.section-title-small,
.hs-title-1,
.section-title-tiny,
.services-title,
.features-title,
.number-title,
.fw-title {
    color: #00292d !important;
}

/* Preserve white headings on dark backgrounds */
.light-content h1,
.light-content h2,
.light-content h3,
.light-content h4,
.light-content h5,
.light-content h6,
.light-content .section-title,
.light-content .section-caption,
.light-content .section-caption-border,
.light-content .features-title,
.bg-dark h1, 
.bg-dark h2, 
.bg-dark h3, 
.bg-dark h4, 
.bg-dark h5, 
.bg-dark h6,
.bg-dark-1 h1, 
.bg-dark-1 h2, 
.bg-dark-1 h3, 
.bg-dark-1 h4, 
.bg-dark-1 h5, 
.bg-dark-1 h6,
.bg-dark-alpha-70 h1,
.bg-dark-alpha-70 h2,
.bg-dark-alpha-70 h3,
.bg-dark-alpha-70 h4,
.bg-dark-alpha-70 h5,
.bg-dark-alpha-70 h6,
.bg-dark-alpha-90 h1,
.bg-dark-alpha-90 h2,
.bg-dark-alpha-90 h3,
.bg-dark-alpha-90 h4,
.bg-dark-alpha-90 h5,
.bg-dark-alpha-90 h6 {
    color: #ffffff !important;
}

/* ============================================
   DARK SECTION BACKGROUNDS - COMPANY COLOR
   ============================================ */

/* Apply company color to dark sections */
.bg-dark,
.bg-dark-1,
.bg-dark-alpha-70,
.bg-dark-alpha-90 {
    background-color: #00292d !important;
}

/* Override the :before pseudo-elements that create overlays */
.bg-dark:before,
.bg-dark-1:before,
.bg-dark-alpha-70:before,
.bg-dark-alpha-90:before,
.bg-dark .YTPOverlay:before,
.bg-dark-1 .YTPOverlay:before,
.bg-dark-alpha-70 .YTPOverlay:before,
.bg-dark-alpha-90 .YTPOverlay:before {
    background: #00292d !important;
    background-color: #00292d !important;
}

/* Specific opacity overlays */
.bg-dark-alpha-70:before,
.bg-dark-alpha-70 .YTPOverlay:before {
    background: #00292d !important;
    opacity: 0.7 !important;
}

.bg-dark-alpha-90:before,
.bg-dark-alpha-90 .YTPOverlay:before {
    background: #00292d !important;
    opacity: 0.9 !important;
}

/* For sections with background images, apply company color overlay */
.bg-dark[style*="background-image"],
.bg-dark-1[style*="background-image"],
.bg-dark-alpha-70[style*="background-image"],
.bg-dark-alpha-90[style*="background-image"] {
    background-color: #00292d !important;
    position: relative;
}

/* Active tab headings can use brand green */
.nav-tabs a.active,
.services-tabs a.active {
    color: #98e27d !important;
}

/* ============================================
   NAVIGATION LINKS
   ============================================ */

/* Main navigation links - company color */
.main-nav .inner-nav ul li a,
.main-nav .desktop-nav ul li a,
.clearlist.local-scroll li a {
    color: #00292d !important;
}

/* Active navigation link - brand green */
.main-nav .inner-nav ul li a.active,
.main-nav .desktop-nav ul li a.active,
.clearlist.local-scroll li a.active {
    color: #659d51 !important;
}

/* Navigation link hover - brand green */
.main-nav .inner-nav ul li a:hover,
.main-nav .desktop-nav ul li a:hover,
.clearlist.local-scroll li a:hover {
    color: #659d51 !important;
}

/* "Let's work together" link */
.items-end a,
.items-end .link-hover-anim {
    color: #00292d !important;
}

.items-end a:hover,
.items-end .link-hover-anim:hover {
    color: #98e27d !important;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

/* Company Color Text Utility Class */
.text-company-color {
    color: #00292d !important;
}

/* Brand Green Text Utility Class */
.text-brand-green {
    color: #98e27d !important;
}

/* ============================================
   BUTTON STYLES
   ============================================ */

/* Primary Buttons - Company Color Background */
.btn-company,
.btn-mod.btn-company {
    background-color: #00292d !important;
    color: #ffffff !important;
    border-color: #00292d !important;
    transition: all 0.3s ease;
}

.btn-company:hover,
.btn-mod.btn-company:hover {
    background-color: #004a52 !important; /* Lighter shade on hover */
    border-color: #004a52 !important;
    color: #ffffff !important;
}

/* Secondary Buttons - Brand Green Background */
.btn-brand,
.btn-mod.btn-brand {
    background-color: #98e27d !important;
    color: #00292d !important;
    border-color: #98e27d !important;
    transition: all 0.3s ease;
}

.btn-brand:hover,
.btn-mod.btn-brand:hover {
    background-color: #7dd45f !important; /* Darker shade on hover */
    border-color: #7dd45f !important;
    color: #00292d !important;
}

/* Override for buttons with inline styles using company color */
a.btn[style*="background-color: #98e27d"],
button.btn[style*="background-color: #98e27d"] {
    background-color: #00292d !important;
    color: #ffffff !important;
}

a.btn[style*="background-color: #98e27d"]:hover,
button.btn[style*="background-color: #98e27d"]:hover {
    background-color: #004a52 !important;
    color: #ffffff !important;
}