/*--------------------------------------------------------------
# Reliable Pro Seal — Dark Asphalt Theme Overrides
# Loaded AFTER style.css / color.css. Palette:
#   page   #0b0d10   section #10141a   card #161b23
#   text   #c3cad4   heading #f5f7fa   accent #ffc61a (safety yellow)
--------------------------------------------------------------*/

:root {
  --seal-bg: #0b0d10;
  --seal-bg-2: #10141a;
  --seal-card: #161b23;
  --seal-border: #232a35;
  --seal-text: #c3cad4;
  --seal-heading: #f5f7fa;
  --seal-accent: #ffc61a;
  --seal-accent-2: #ffd84d;
  --seal-dark-on-accent: #141414;
}

body {
  background: var(--seal-bg) !important;
  color: var(--seal-text) !important;
}

.boxed_wrapper { background: var(--seal-bg); }

h1, h2, h3, h4, h5, h6 { color: var(--seal-heading); }

a { color: var(--seal-accent); }
a:hover { color: var(--seal-accent-2); }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
.loader-wrap { background: var(--seal-bg) !important; }
.loader-wrap .animation-preloader .spinner {
  border-color: rgba(255,198,26,0.15) !important;
  border-top-color: var(--seal-accent) !important;
}
.loader-wrap .animation-preloader .txt-loading .letters-loading {
  color: var(--seal-heading) !important;
}
.loader-wrap .animation-preloader .txt-loading .letters-loading:before {
  color: var(--seal-accent) !important;
}
.preloader-close { background: var(--seal-accent) !important; color: var(--seal-dark-on-accent) !important; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-top { background: #08090b !important; border-bottom: 1px solid var(--seal-border); }
.header-top .top-inner .text p { color: #9aa4b2 !important; }
.header-top .top-inner .text p a { color: var(--seal-accent) !important; }
.header-top .top-inner .top-right .link .bg-color { background: var(--seal-accent) !important; }
.header-top .top-inner .top-right .link a { color: var(--seal-dark-on-accent) !important; }
.header-top .top-inner .top-right .link a:hover { color: #000 !important; }
.header-top .top-inner .social-links li a { color: #9aa4b2 !important; }
.header-top .top-inner .social-links li a:hover { color: var(--seal-accent) !important; }

.main-header .header-lower { background: var(--seal-bg-2) !important; border-bottom: 1px solid var(--seal-border); }
.main-header .header-lower .info-box .phone-box .icon-box { background: var(--seal-accent) !important; }
.main-header .header-lower .info-box .phone-box .icon-box i { color: var(--seal-dark-on-accent) !important; }
.main-header .header-lower .info-box .phone-box p { color: #8b95a3 !important; }
.main-header .header-lower .info-box .phone-box h5 a { color: var(--seal-heading) !important; }
.main-header .header-lower .info-box .phone-box h5 a:hover { color: var(--seal-accent) !important; }

.main-menu .navigation > li > a { color: var(--seal-text) !important; }
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a { color: var(--seal-accent) !important; }
.main-menu .navigation > li > ul { background: var(--seal-bg-2) !important; }
.main-menu .navigation > li > ul > li > a:hover { color: var(--seal-accent) !important; }

/* Logo image lockup (generated mark, matches the wash logo design) */
.seal-logo { display: inline-flex !important; align-items: center; text-decoration: none !important; }
.main-header .logo-box .seal-logo img { display: block; width: 190px !important; height: auto !important; }
.main-footer .seal-logo { background: #ffffff; border-radius: 10px; padding: 8px 14px; }
.main-footer .footer-logo .seal-logo img { display: block; width: 150px !important; height: auto !important; }

.main-header .logo-box .bg-color { background: #ffffff !important; }
.main-header .logo-box .logo { max-width: none !important; }
.main-footer .footer-logo .bg-color { background: transparent !important; }
.main-footer .footer-logo .logo { max-width: none !important; }

.banner-carousel .content-box h3 {
  background: #ffc61a !important;
  color: #141414 !important;
  border: 1px solid #ffc61a !important;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.theme-btn-one {
  background: var(--seal-accent) !important;
  color: var(--seal-dark-on-accent) !important;
}
.theme-btn-one:before { background: #ffffff !important; }
.theme-btn-one:hover { color: var(--seal-dark-on-accent) !important; }
.theme-btn-one i { color: var(--seal-dark-on-accent) !important; }

.scroll-top { background: var(--seal-accent) !important; color: var(--seal-dark-on-accent) !important; }
.scroll-top:hover { background: var(--seal-accent-2) !important; }

/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
.banner-section .slide-item .image-layer { filter: brightness(0.85); }
.banner-section .content-box h1 { color: #ffffff !important; text-shadow: 0 2px 30px rgba(0,0,0,0.6); }
.banner-section .owl-nav button,
.banner-section .owl-dots .owl-dot span { background: rgba(255,255,255,0.25) !important; }
.banner-section .owl-dots .owl-dot.active span,
.banner-section .owl-dots .owl-dot:hover span { background: var(--seal-accent) !important; }

/*--------------------------------------------------------------
# Feature blocks
--------------------------------------------------------------*/
.about-area { background: var(--seal-bg) !important; }
.about-area .outer-container { background: transparent !important; }
.about-area .feature-section .feature-column:first-child .feature-block,
.about-area .feature-section .feature-column:nth-child(2) .feature-block,
.about-area .feature-section .feature-column:last-child .feature-block {
  background: var(--seal-card) !important;
  border-top: 3px solid var(--seal-accent) !important;
}
.about-area .feature-section .feature-block:before { background: #1c232e !important; }
.about-area .feature-section .feature-block:after { background: transparent !important; }
/* equal-height feature cards */
.about-area .feature-section .inner-container .row.clearfix { display: flex; flex-wrap: wrap; }
.about-area .feature-section .feature-column { display: flex; }
.about-area .feature-section .feature-block { flex: 1 1 auto; width: 100%; }

.about-area .feature-section .feature-block .inner-box .icon-box i { color: var(--seal-accent) !important; }
.about-area .feature-section .feature-block .inner-box h4 { color: var(--seal-heading) !important; }
.about-area .feature-section .feature-block .inner-box p { color: var(--seal-text) !important; }

/*--------------------------------------------------------------
# Section titles
--------------------------------------------------------------*/
.sec-title h4 { color: var(--seal-accent) !important; }
.sec-title h2 { color: var(--seal-heading) !important; }
.sec-title p { color: var(--seal-text) !important; }
.section-title h2 { color: var(--seal-heading) !important; }
.section-title p { color: var(--seal-text) !important; }

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-section { background: var(--seal-bg) !important; }
#image_block_1 .image-box h3 a { background: var(--seal-card) !important; color: var(--seal-heading) !important; }
#image_block_1 .image-box h3:hover a { color: #fff !important; }
#image_block_1 .image-box h3 a:before { background: var(--seal-accent) !important; }
#image_block_1 .image-box h3 a i { background: var(--seal-accent) !important; color: var(--seal-dark-on-accent) !important; }
#image_block_1 .image-box .image-2:before { background: var(--seal-accent) !important; }
#content_block_1 .content-box .text h3 { color: var(--seal-accent) !important; }
#content_block_1 .content-box .text p { color: var(--seal-text) !important; }
#content_block_1 .content-box .text p a { color: var(--seal-accent) !important; text-decoration: underline; }

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-section { background: var(--seal-bg-2) !important; }
.service-section:before { background: transparent !important; }
.service-section .sec-title.light h4 { color: var(--seal-accent) !important; }
.service-section .sec-title.light h2 { color: var(--seal-heading) !important; }
.service-section .tab-btns li { background: var(--seal-card) !important; color: var(--seal-text) !important; border: 1px solid var(--seal-border) !important; }
.service-section .tab-btns li.active-btn,
.service-section .tab-btns li:hover { background: var(--seal-accent) !important; color: var(--seal-dark-on-accent) !important; }

.service-block-one .inner-box { background: var(--seal-card) !important; border: 1px solid var(--seal-border); }
.service-block-one .inner-box .image-box { background: #0a0c0f !important; }
.service-block-one .inner-box .lower-content h3,
.service-block-one .inner-box .lower-content h3 a { color: var(--seal-heading) !important; }
.service-block-one .inner-box .lower-content h3 a:hover { color: var(--seal-accent) !important; }
.service-block-one .inner-box .lower-content p { color: var(--seal-text) !important; }
.service-block-one .inner-box .lower-content .icon-box { background: var(--seal-accent) !important; }
.service-block-one .inner-box .lower-content .icon-box i { color: var(--seal-dark-on-accent) !important; }
.service-block-one .inner-box:hover .lower-content .icon-box { background: #ffffff !important; }

.service-block-one.seasonal-highlight .inner-box { border: 2px solid var(--seal-accent) !important; }
.service-block-one.seasonal-highlight .inner-box:before { background: var(--seal-accent) !important; color: var(--seal-dark-on-accent) !important; }

.services-scroll-wrapper::-webkit-scrollbar-thumb { background: var(--seal-accent) !important; }
.services-scroll-wrapper::-webkit-scrollbar-track { background: #1a1f27 !important; }

/*--------------------------------------------------------------
# Mission
--------------------------------------------------------------*/
.ourmission-section .bg-layer { filter: brightness(0.55); }
.ourmission-section .title-box h5 { background: var(--seal-accent) !important; color: var(--seal-dark-on-accent) !important; }
#content_block_5 .content-box .sec-title h4 { color: var(--seal-accent) !important; }
#content_block_5 .content-box .sec-title h2 { color: #ffffff !important; }
#content_block_5 .content-box .inner h4 { color: #ffffff !important; }
#content_block_5 .content-box .inner p { color: #d6dce4 !important; }
#content_block_5 .content-box .inner .icon-box:before { background: var(--seal-accent) !important; }
#content_block_5 .content-box .inner .icon-box i { color: var(--seal-dark-on-accent) !important; }
#content_block_5 .content-box .list li { color: #e8ecf1 !important; }
#content_block_5 .content-box .list li i { color: var(--seal-accent) !important; }

/*--------------------------------------------------------------
# Map / Testimonials / FAQ / CTA (page sections)
--------------------------------------------------------------*/
.map-section { background: var(--seal-bg) !important; }
.testimonials-section { background: var(--seal-bg-2) !important; }
.testimonial-item { background: var(--seal-card) !important; border: 1px solid var(--seal-border) !important; box-shadow: none !important; }
.testimonials-carousel .owl-nav { display: none !important; }

.faq-section { background: var(--seal-bg) !important; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer { background: #08090b !important; }
.main-footer .footer-top { border-bottom: 1px solid var(--seal-border) !important; }
.main-footer .footer-top .top-inner .footer-info .info-list li span { color: #8b95a3 !important; }
.main-footer .footer-top .top-inner .footer-info .info-list li i { color: var(--seal-accent) !important; }
.main-footer .footer-top .top-inner .footer-info .info-list li h6 a { color: var(--seal-heading) !important; }
.main-footer .footer-top .top-inner .footer-info .info-list li h6 a:hover { color: var(--seal-accent) !important; }
.footer-bottom { background: #050607 !important; }
.footer-bottom .copyright p { color: #8b95a3 !important; }
.footer-bottom .copyright p a { color: #8b95a3 !important; }
.footer-bottom .copyright p a:hover { color: var(--seal-accent) !important; }
.footer-bottom .footer-sister a { color: var(--seal-accent) !important; }

/*--------------------------------------------------------------
# Mobile menu
--------------------------------------------------------------*/
.mobile-menu .menu-backdrop { background: var(--seal-accent) !important; }
.mobile-menu .menu-box { background: var(--seal-bg-2) !important; }
.mobile-menu .menu-box .close-btn { color: var(--seal-heading) !important; }
.mobile-menu .navigation li a { color: var(--seal-text) !important; }
.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li a:hover { color: var(--seal-accent) !important; }
.mobile-menu .contact-info ul li a { color: var(--seal-text) !important; }
.mobile-menu .contact-info ul li a:hover { color: var(--seal-accent) !important; }
.mobile-menu .social-links li a { background: var(--seal-card) !important; color: var(--seal-accent) !important; }