/*
Theme Name: İstanbul Çatı
Theme URI: https://www.catitamiriistanbul.com
Author: İstanbul Çatı
Author URI: https://www.catitamiriistanbul.com
Description: İstanbul çatı ustası — çatı tamiri, çatı izolasyonu, oluk ve dere tamiri WordPress teması
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: istanbul-cati
Tags: one-column, custom-menu, featured-images, translation-ready
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
*/

/* Hizmetler kartı — hover'da komple kahverengi */
.service-card:hover {
    background-color: #221508;
    border-color: #221508;
    color: #fff;
}
.service-card:hover .svc-icon-wrap {
    background-color: rgba(255,255,255,0.15);
}
.service-card:hover .svc-icon-wrap i {
    color: #fff;
}
.service-card:hover .svc-desc {
    color: rgba(255, 255, 255, 0.75);
}

/* İlçeler dropdown scrollbar */
.max-h-72::-webkit-scrollbar {
    width: 4px;
}
.max-h-72::-webkit-scrollbar-thumb {
    background-color: #d6d3d1;
    border-radius: 4px;
}
.max-h-72::-webkit-scrollbar-track {
    background: transparent;
}

/* Mobil dokunmatik cihazlarda tap hedef boyutları */
@media (max-width: 767px) {
    /* WhatsApp floating buton mobilde sağ alt */
    #wa-float-btn {
        bottom: 1rem;
        right: 1rem;
        padding: 0.65rem 1rem;
    }
    /* Slider ok butonları mobilde daha büyük tap alanı */
    #review-track + div button,
    button[aria-label="Önceki yorum"],
    button[aria-label="Sonraki yorum"] {
        min-width: 40px;
        min-height: 40px;
    }
    /* Footer kolonlar arası mesafe azalt */
    footer .grid {
        gap: 2rem;
    }
}

/* Blog kartlari — 3 satir metin limiti */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Blog sayfalarinda header sabit koyu arka plan */
#site-header.blog-header-scroll,
#site-header.blog-header-scroll.header-scrolled {
    background-color: rgba(45, 30, 20, 0.97);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(196, 168, 130, 0.15);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Blog arsiv sayfalama */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    background: #fff;
    border: 1px solid #e5e7eb;
    transition: all 0.15s;
    text-decoration: none;
}
.page-numbers:hover {
    border-color: #d1d5db;
    color: #374151;
}
.page-numbers.current {
    background: #92400e;
    color: #fff;
    border-color: #92400e;
}
.page-numbers.prev, .page-numbers.next {
    padding: 0 14px;
}