/**
 * MARITIME COLOR SCHEME
 * Aligned with the application brand:
 *  - Ocean Blue  #0a2472  (primary)
 *  - Navy        #0f2847  (secondary)
 *  - Cyan        #008db5  (accent)
 *  - Orange      #cc7000  (action)
 *  - Yellow      #cc9e00  (highlight)
 *
 * Replaces the legacy turquoise.css palette.
 */

:root {
    --lp-ocean: #0a2472;
    --lp-ocean-deep: #061a55;
    --lp-navy: #0f2847;
    --lp-cyan: #008db5;
    --lp-cyan-soft: #33c9eb;
    --lp-orange: #cc7000;
    --lp-orange-bright: #ff8c00;
    --lp-yellow: #cc9e00;
    --lp-foam: #e8f1fb;
}

a,
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover,
.custom-btn,
.play-btn:hover > i,
.button-store .custom-btn:hover i,
.button-store .custom-btn:hover p,
.button-store .custom-btn:hover p span,
.feature-box .box-icon .icon,
.feature-box:hover .box-text > h4,
.service-single:hover .icon,
.service-single.service-style-2 .icon,
.service-single.service-style-2:hover .icon,
.service-single.service-style-2:hover h5,
.overview-box:hover .icon,
.overview-list .fa-li,
.pricing-item .pricing-head .price,
.pricing-item .pricing-head .price .dollar-sign,
.fixed-menu .nav-menu li a.active,
.nav-menu li.dropdown .submenu li a.active-submenu,
.op-mobile-menu .nav-menu li a:hover,
.page-header .page-header-content .breadcrumb li a:hover,
.testimonial-carousel .carousel-text .single-box i,
#accordion .accordion-header a:not(.collapsed),
#accordion .accordion-header a:hover,
.blog-home .blog-col:hover .blog-text h4 > a,
.price-table .icon,
.price-table:hover .plan-type,
.contact-info .icon,
.contact-form-result > h4,
footer a:hover,
.footer-social a:hover > i,
.blog-post .image-slider .arrows .arrow:hover,
.post-counters li > a:hover,
.share-btn:hover > p,
.share-btn li:hover > a,
.nav-links a:hover,
.sidebar .search-form button:hover,
.sidebar .search-form button:focus,
.sidebar ul.menu li a:hover,
.sidebar ul.menu li a:focus,
.sidebar ul.links li a:hover,
.sidebar ul.links li a:focus,
.author-social a:hover,
.icon.colored i {
    color: var(--lp-cyan);
}

.fixed-menu .nav-menu li a:hover {
    color: var(--lp-cyan) !important;
}

.custom-btn,
.price-table.plan-popular,
.service-single.service-style-2:hover,
.testimonial-carousel .carousel-images .slick-center img,
.clients-slider .owl-dots .owl-dot span,
.screenshot-slider .owl-dots .owl-dot span,
.progress-heading .progress-value > span:before {
    border-color: var(--lp-cyan);
}

input:focus,
textarea:focus,
input.notice,
textarea.notice {
    border-color: var(--lp-cyan) !important;
}

.page-loader .progress {
    border-left-color: var(--lp-orange);
}

.user-comment.bypostauthor .user-comment-inner:after {
    border-top-color: var(--lp-cyan);
}

/* Hero banner gradient — deep ocean (cyan → ocean blue) */
.banner:before {
    background: linear-gradient(135deg, #008db5 0%, #0a2472 60%, #061a55 100%);
}

.btn,
.to-top:hover,
.play-btn,
.service-single:hover,
.service-single .icon,
.overview-box .icon,
.overview-box:hover,
.fixed-menu .nav-menu li a.active span:after,
.nav-menu li.dropdown .submenu li a:hover,
.nav-menu li.dropdown .submenu li a.active-submenu,
.search-wrapper .search-close-btn:hover:before,
.search-wrapper .search-close-btn:hover:after,
.clients-slider .owl-dots .active span,
.screenshot-slider .owl-dots .active span,
.blog-home .blog-col:hover .blog-category,
.page-title .blog-category > a:hover,
.pagination li a.active,
.pagination li a:hover,
.pagination li:last-child a,
.pagination li:first-child a,
.sidebar ul.menu li span,
.recent-post-image:before,
.author-social a:hover,
.member-info:after,
.progress .progress-bar,
.progress-heading .progress-value > span,
.tags .tag:hover,
blockquote {
    background-color: var(--lp-ocean);
}

.btn:hover,
#zoom-in:hover,
#zoom-out:hover,
.pagination li a:hover,
.pagination li a.active {
    background-color: var(--lp-orange);
}

#zoom-in,
#zoom-out,
.team-member .team-social {
    background-color: rgba(0, 141, 181, 0.85);
}