/* Logo için özel stiller - Beyaz arkaplanı kaldır ve mavi tonlarına uyum */
.mainmenu-area .logo img {
    background: transparent !important;
    mix-blend-mode: multiply; /* Beyaz arkaplanı kaldırır */
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1)); /* Hafif gölge ekler */
    max-width: 120px !important; /* Logo boyutunu küçült */
    max-height: 60px !important; /* Yüksekliği sınırla */
    width: auto !important;
    height: auto !important;
}

/* Header renk düzenlemeleri - Mavi-beyaz tema */
.header-top-area {
    background: linear-gradient(135deg, #2c5282 0%, #3182ce 100%) !important;
    border-bottom: 2px solid #2b77c7;
}

.mainmenu-area {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(44, 82, 130, 0.1);
    border-bottom: 1px solid #e2e8f0;
}

/* Menü linklerinin mavi tonlarında olması */
.mainmenu-area .mainmenu ul li a {
    color: #2d3748 !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.mainmenu-area .mainmenu ul li:hover > a,
.mainmenu-area .mainmenu ul li.active > a {
    color: #ffffff !important;
    background: #3182ce !important;
    border-radius: 4px;
    transform: translateY(-1px);
}

.mainmenu-area .mainmenu ul li a:before {
    background: #3182ce !important;
}

/* Sosyal medya ikonları */
.social-icon i.fa {
    color: #ffffff !important;
}

.social-icon i.fa:hover {
    color: #cbd5e0 !important;
    transform: scale(1.1);
    transition: all 0.3s ease;
}

/* Header top area linkleri */
.header-top-area a {
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.header-top-area a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
    transform: translateY(-1px);
}

/* Logo alanı düzenlemeleri */
.mainmenu-area .logo {
    margin: 8px 0 !important;
    display: flex;
    align-items: center;
}

.mainmenu-area .logo a {
    padding: 8px 0 !important;
    display: flex;
    align-items: center;
}

/* Buton stilleri - mavi tema */
.cleaning-btn, .slide-btn {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
    border: 2px solid #3182ce;
    color: #ffffff !important;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.cleaning-btn:hover, .slide-btn:hover {
    background: linear-gradient(135deg, #2c5282 0%, #1a365d 100%) !important;
    border-color: #2c5282;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(44, 82, 130, 0.3);
    color: #ffffff !important;
}

/* Hakkımızda bölümü - sekizgen ikon düzenlemeleri */
.who-we-info .single-info i {
    background-color: #3182ce !important;
    color: #ffffff !important;
}

.who-we-info .single-info:hover i {
    background-color: #2c5282 !important;
    color: #ffffff !important;
    transform: scale(1.05);
}

/* Ana sayfa slider ve genel tema renkleri */
.single-slider-item h1 span {
    color: #3182ce !important;
}

.working-info {
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}

.single-working-info {
    transition: all 0.3s ease;
    padding: 30px 20px;
    border-radius: 8px;
}

.single-working-info i {
    color: #3182ce !important;
    background: transparent !important;
    width: auto;
    height: auto;
    line-height: normal;
    border-radius: 0;
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    display: block;
}

.single-working-info h3 {
    color: #2d3748 !important;
    transition: all 0.3s ease;
}

.single-working-info p {
    transition: all 0.3s ease;
}

.single-working-info span {
    color: #3182ce !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

.single-working-info:hover {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(49, 130, 206, 0.3);
    border: none !important;
}

.single-working-info:hover i {
    color: #ffffff !important;
    background: transparent !important;
    transform: scale(1.1);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.single-working-info:hover h3 {
    color: #ffffff !important;
    border: none !important;
}

.single-working-info:hover p {
    color: #ffffff !important;
}

.single-working-info:hover span {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Section başlıkları */
.section-title h2 {
    color: #2d3748 !important;
    position: relative;
}

.section-title h2:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #3182ce 0%, #2c5282 100%);
}

/* Hizmetler bölümü */
.single-service-item-block:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(49, 130, 206, 0.2);
    transition: all 0.3s ease;
}

.single-service-item-block h3 a {
    color: #2d3748 !important;
}

.single-service-item-block:hover h3 a {
    color: #3182ce !important;
}

/* Neden biz bölümü - sekizgen ikon düzenlemeleri */
.choose-reasons i {
    background-color: #3182ce !important;
    color: #ffffff !important;
    font-size: 25px !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%) !important;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%) !important;
}

.choose-reasons:hover i {
    background-color: #2c5282 !important;
    color: #ffffff !important;
    transform: scale(1.05);
}

/* Choose-reasons ikonlarının her zaman beyaz olması için ek güvence */
.choose-reasons i.fa {
    color: #ffffff !important;
}

.choose-reasons i.flaticon-star::before,
.choose-reasons i.flaticon-users::before, 
.choose-reasons i.flaticon-wrench::before,
.choose-reasons i.flaticon-life-ring::before {
    color: #ffffff !important;
}

.choose-reasons h4 {
    color: #2d3748 !important;
}

/* Blog bölümü */
.single-project-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(49, 130, 206, 0.15);
    transition: all 0.3s ease;
}

.project-btn {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
}

.project-btn:hover {
    background: linear-gradient(135deg, #2c5282 0%, #1a365d 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Blog detail tarih kutusu */
.date {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Müşteri yorumları */
.testimonial h3 {
    color: #2d3748 !important;
}

.testimonial .profile-item {
    position: relative;
}

.qout-icon {
    background: #3182ce !important;
    border-radius: 50% !important;
    padding: 8px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.qout-icon img {
    filter: brightness(0) invert(1) !important; /* Resmi beyaz yapar */
    width: 20px !important;
    height: auto !important;
}

/* Genel link renkleri */
a {
    color: #3182ce;
}

a:hover {
    color: #2c5282;
}

/* Footer logo - koyu arka planda görünür hale getir */
.footer-logo img {
    background: rgba(255, 255, 255, 0.1) !important;
    padding: 15px !important;
    border-radius: 8px !important;
    max-width: 150px !important;
    height: auto !important;
    filter: brightness(1.1) contrast(1.1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.3)) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Footer renkleri (eğer varsa) */
.footer-area {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%) !important;
}

/* Turuncu renkleri mavi-beyaz temaya çevirme */
.cw-custom-btn {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
    color: #ffffff !important;
}

.cw-custom-btn::before {
    background: #1a365d !important;
}

.cw-custom-btn:hover {
    background: linear-gradient(135deg, #2c5282 0%, #1a365d 100%) !important;
    color: #ffffff !important;
}

/* Tüm turuncu (#d45b16) renkleri mavi yapma */
.cleaning-content-block h2,
.single-info i,
.choose-reasons i,
.testimonial-slide-item h3,
.footer-area h3,
.single-project-info h3 a,
.about-title h4 a,
*[style*="#d45b16"] {
    color: #3182ce !important;
}

/* Turuncu arkaplanları mavi yapma */
.promo-play-btn,
.single-service-image:after,
.project-overlay,
*[style*="background:#d45b16"],
*[style*="background-color:#d45b16"] {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
    background-color: #3182ce !important;
}

/* Border renkleri */
.section-title::after,
.footer-wid::after,
*[style*="border:#d45b16"],
*[style*="border-color:#d45b16"] {
    border-color: #3182ce !important;
}

/* Mavi renkler için iyileştirme (#16346d -> daha modern mavi tonları) */
.mainmenu-area2,
.footer-area,
.testimonial-area,
*[style*="#16346d"] {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%) !important;
    color: #ffffff !important;
}

/* Form elementleri ve input alanları */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
.form-control:focus {
    border-color: #3182ce !important;
    box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.2) !important;
}

/* Link hover efektleri */
.single-project-info a:hover,
.footer-wid ul li a:hover,
.single-info a:hover {
    color: #3182ce !important;
}

/* İkonlar ve bullet point'ler */
.list-inline li img,
.single-info::before,
.choose-reasons::before {
    filter: hue-rotate(200deg) saturate(1.2) !important;
}

/* Default color override - Tüm sarı/turuncu renkleri mavi yapma */
.section-title h2::before,
a.lightbox-gallery::before,
.spinner,
.sk-folding-cube .sk-cube:before,
.cleaning-slide-preloader-wrap,
.mainmenu ul li:hover>a,
.mainmenu ul li.active>a,
.mainmenu li ul,
.shop-cart-checkout a,
.search-form .search-btn,
.homepage-slides .owl-nav div,
.cleaning-btn,
.project-slides .owl-nav div:hover,
.green-btn,
.who-we-info .single-info i,
.read-more-btn,
.choose-reasons i,
.counter-box i,
.cart-btn,
.shop-slides .owl-nav div:hover,
.promo-play-btn,
.promo-play-btn:before,
.promo-play-btn:after,
.pager li>a,
.subscribe-form input,
.subscribe-section,
.team-slides .owl-nav div:hover,
.social-media>a:hover,
.team-profile>a:hover,
.profile-box .social-links a,
.select-plan,
.date,
.single-blog-item::before,
.single-boxed-item::before,
.single-service-image::before,
.blog-serch-form>button,
.subscribe button,
.social-icos a:hover,
#back-to-top,
.add-to-cart,
.tabs-left>li.active>a,
.review-form input.sbmt-btn,
.qoute-title-area,
.qoute-form-area input[type=submit],
.ColorSwitcher__control,
.home-two .qoute-title,
.single-project-item .single-project-info,
.custom-btn,
.header-topbar-section .single-top-head .head-scial-icon li a:hover,
.services-section .owl-theme .owl-dots .owl-dot.active span,
.joinsubscribe .single-subscribe2 .subscribe-btn,
.work-section .single-work:hover .icon,
.footer-top .social-link ul li a,
.testimonial-sections .owl-theme .owl-dots .owl-dot.active span {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
    background-color: #3182ce !important;
}

/* Sarı/turuncu text renklerini mavi yapma */
.header-top-area i.fa,
.social-icon i.fa:hover,
.header-top-area a:hover,
.single-slider-item h1 span,
.single-working-info i,
.project-text-area ul li i,
.widget li::before,
.footer-wid.footer-menu a,
.single-footer-iem>p,
.product-price>h3,
.list-inline a:hover,
.address-area ul>li i,
.error-section h1,
.faq-t,
.header-shop i span,
.footer-copyright-area a,
.mainmenu-area .mainmenu ul li ul li a:hover,
.mainmenu-area .mainmenu ul li ul li.active a,
.widget.recent_posts a:hover,
.comments-area .comment-list .comment-item .comment-reply-link,
.rating li a,
.cleaning-mini-banner .cleaning-breadcumb,
.single-service-item-block h3 a:hover,
.owl-theme .owl-dots .owl-dot.active span,
.header-topbar-section .single-top-head .head-contact li a:hover,
.header-topbar-section .single-top-head .head-contact li a i,
.services-section .service-box:hover .service-img-caption h3,
.services-section .service-box .service-img-caption h3 i.flaticon-home:before,
.services-section .service-box .service-img-caption h3 i.flaticon-car:before,
.services-section .service-box .service-img-caption h3 i.flaticon-desk:before,
.services-section .service-box .service-img-caption .services-btn,
.blog-section .single-blog .blog-caption:hover h3,
.blog-section .single-blog .blog-caption:hover .cap-bottom i,
.header-topbar-section .single-top-head .head-scial-icon li a,
.header-topbar-section .single-top-head .head-contact li a,
.mainmenu-area2 .mainmenu2 ul li a:hover,
.mainmenu-area2 .mainmenu2 ul li a.active,
.home-three-slider .slider-thre-item-wrap .slider-text span,
.home-three-slider .slider-thre-item-wrap .slider-text .vidbtn ul li a i.flaticon-play-button:before,
.work-section .single-work .icon i,
.footer-top .foot-address .add-wrap i {
    color: #3182ce !important;
}

/* Border renkleri */
.tag_widget.tag_list a:hover,
.pagination-box>.active>a,
.pagination-box>.active>span,
.pagination-box>li>a:hover,
.shorting-menu>button,
.tabs-left,
.address-area ul li .contact-social li a,
.comments-area .comment-list .comment-item .comment-reply-link,
.header-topbar-section2,
.mainmenu-area2 .mainmenu2 ul li a:hover,
.work-section .single-work .icon {
    border-color: #3182ce !important;
}

/* Hover efektleri */
.single-working-info:hover,
.counter-box:hover,
.testimonial-slides .owl-prev:hover,
.testimonial-slides .owl-next:hover,
.product-wrap-btn:hover span,
.contact-form-area input.sbmt-btn:hover,
.address-area ul li .contact-social li a:hover,
.blog-slides .owl-nav div:hover,
.comment-form-wrap input.sbmt-btn:hover,
.pagination-box li a:hover,
.comments-area .comment-list .comment-item .comment-reply-link:hover,
.footer-wid .social-icos li a:hover {
    background-color: #3182ce !important;
    border-color: #3182ce !important;
}

/* Mobil hamburger menü renk düzenlemeleri */
.slicknav_btn {
    background-color: #3182ce !important;
    border: 1px solid #2c5282 !important;
}

.slicknav_btn:hover {
    background-color: #2c5282 !important;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #ffffff !important;
}

.slicknav_menu {
    background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
}

.slicknav_nav {
    background: #ffffff !important;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 5px 15px rgba(49, 130, 206, 0.2);
}

.slicknav_nav a {
    color: #2d3748 !important;
}

.slicknav_nav a:hover {
    background: #3182ce !important;
    color: #ffffff !important;
}

.slicknav_nav .slicknav_row:hover {
    background: #3182ce !important;
    color: #ffffff !important;
}

/* Responsive menü ayarları */
@media (max-width: 768px) {
    .mainmenu-area .logo img {
        max-width: 100px !important;
        max-height: 50px !important;
    }
    
    .header-top-area {
        text-align: center;
        padding: 8px 0;
    }
    
    .social-icon {
        margin-top: 10px;
    }
    
    .section-title h2 {
        font-size: 24px;
    }
    
    .single-working-info {
        margin-bottom: 30px;
        text-align: center;
    }
}