/* =====================================================
   DİNAMİK TEMA RENKLERİ
   Resim arka planlarını ezmez.
   ===================================================== */

body {
    background: var(--white-color);
    color: var(--text-color);
}

a {
    color: inherit;
}

a:hover {
    color: var(--secondary-color);
}

/* Header */

.site-header {
    background: var(--white-color) !important;
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

.site-title,
.main-nav a {
    color: var(--primary-color) !important;
}

.main-nav a:hover,
.main-nav a.active {
    color: var(--secondary-color) !important;
}

.mobile-menu-btn {
    background: var(--button-color) !important;
    color: var(--white-color) !important;
}

/* Hero ve page hero resimleri korunur */

.hero,
.page-hero {
    color: var(--white-color) !important;
}

.hero h1,
.hero h2,
.hero h3,
.hero p,
.hero span,
.page-hero h1,
.page-hero h2,
.page-hero h3,
.page-hero p,
.page-hero span {
    color: var(--white-color) !important;
}

/* Genel alanlar */

.section-light,
.contact-section,
.adak-info-section {
    background: var(--background-color) !important;
}

.section-title span {
    color: var(--secondary-color) !important;
}

.section-title h2,
.text-content h2,
.feature-card h3,
.faq-item h3,
.animal-body h3,
.animal-detail-info h2,
.contact-info-card h2,
.contact-form-card h2,
.contact-map-card .section-title h2,
.adak-info-box h2 {
    color: var(--primary-color) !important;
}

.section-title p,
.text-content p,
.feature-card p,
.faq-item p,
.animal-desc,
.animal-detail-desc,
.contact-intro,
.contact-form-card p,
.adak-info-box p {
    color: var(--text-color) !important;
}

/* Kartlar */

.feature-card,
.faq-item,
.animal-card,
.animal-detail-gallery,
.animal-detail-info,
.contact-info-card,
.contact-form-card,
.contact-map-card,
.adak-info-box,
.hero-info-box {
    background: var(--white-color) !important;
    color: var(--text-color) !important;
}

/* Küçük kutular */

.animal-meta div,
.animal-detail-table div,
.contact-info-item,
.contact-service-list a,
.contact-service-list span,
.adak-steps div,
.feature-icon {
    background: var(--background-color) !important;
}

.animal-meta strong,
.animal-detail-table strong,
.contact-info-item strong,
.adak-steps span {
    color: var(--primary-color) !important;
}

/* Butonlar */

.btn-primary,
button,
input[type="submit"] {
    background: var(--button-color) !important;
    color: var(--white-color) !important;
    border-color: var(--button-color) !important;
}

.btn-primary:hover,
button:hover,
input[type="submit"]:hover {
    background: var(--secondary-color) !important;
    color: var(--white-color) !important;
    border-color: var(--secondary-color) !important;
}

.btn-secondary {
    background: var(--secondary-color) !important;
    color: var(--white-color) !important;
}

.btn-secondary:hover {
    background: var(--button-color) !important;
    color: var(--white-color) !important;
}

.btn-outline {
    background: transparent !important;
    color: var(--button-color) !important;
    border: 2px solid var(--button-color) !important;
}

.btn-outline:hover {
    background: var(--button-color) !important;
    color: var(--white-color) !important;
}

/* Etiketler */

.contact-label,
.section-label {
    background: var(--secondary-color) !important;
    color: var(--white-color) !important;
}

.badge-success {
    background: rgba(46, 139, 87, 0.12) !important;
    color: #2e8b57 !important;
}

.badge-warning {
    background: rgba(216, 138, 29, 0.12) !important;
    color: #d88a1d !important;
}

.badge-danger {
    background: rgba(185, 54, 54, 0.12) !important;
    color: #b93636 !important;
}

/* Özel kutular */

.contact-note,
.distribution-highlight,
.contact-icon,
.adak-steps strong {
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.contact-note strong,
.contact-note span,
.distribution-highlight strong,
.distribution-highlight span {
    color: var(--white-color) !important;
}

/* Fiyatlar */

.animal-price,
.animal-detail-price,
.animal-code {
    color: var(--secondary-color) !important;
}

/* Footer */

.site-footer {
    background: var(--footer-color) !important;
    color: var(--white-color) !important;
}

.site-footer h3,
.site-footer h4,
.site-footer p,
.site-footer a,
.site-footer span {
    color: var(--white-color) !important;
}

.footer-contact strong {
    color: var(--secondary-color) !important;
}

.footer-bottom {
    background: rgba(0, 0, 0, 0.22) !important;
}

/* WhatsApp */

.floating-whatsapp {
    background: #25D366 !important;
    color: #ffffff !important;
}

.floating-whatsapp:hover {
    background: #1ebe5d !important;
    color: #ffffff !important;
}