/*
 * QR Menu Themes
 */

:root {
    --bg-color: #f8f9fa;
    --text-color: #212529;
    --primary-color: #d1a563;
    --accent-color: #5a4633;
    --card-bg: #ffffff;
    --card-text: #212529;
    --nav-bg: linear-gradient(15deg, #5a4633 0%, #d1a563 100%);
    --nav-text: #ffffff;
    --nav-link-color: #212529;
    --muted-text: #6c757d;
    --input-bg: #ffffff;
    --input-text: #212529;
    --border-color: #dee2e6;
}

/* Soft Dark Theme (Replaces Modern Dark) */
.theme-soft-dark {
    --bg-color: #121212;
    --text-color: #f5f5f7;
    --primary-color: #98989d;
    --accent-color: #3a3a3c;
    --card-bg: #1c1c1e;
    --card-text: #f5f5f7;
    --nav-bg: #1c1c1e;
    --nav-text: #ffffff;
    --nav-link-color: #aeaeb2;
    --muted-text: #8e8e93;
    --input-bg: #2c2c2e;
    --input-text: #ffffff;
    --border-color: #3a3a3c;
}

/* Minimal Light Theme */
.theme-minimal-light {
    --bg-color: #ffffff;
    --text-color: #333333;
    --primary-color: #007bff;
    --accent-color: #6c757d;
    --card-bg: #f8f9fa;
    --card-text: #333333;
    --nav-bg: #ffffff;
    --nav-text: #333333;
    --nav-link-color: #333333;
    --muted-text: #777777;
    --input-bg: #ffffff;
    --input-text: #333333;
    --border-color: #dee2e6;
}

/* ... Diğer temalar da benzer şekilde güncellenecek, ancak önce en önemlilerini yapalım ... */
.theme-vibrant {
    --bg-color: #fffaf0;
    --text-color: #2d3436;
    --primary-color: #ff7675;
    --accent-color: #fdcb6e;
    --card-bg: #ffffff;
    --card-text: #2d3436;
    --nav-bg: linear-gradient(to right, #ff7675, #fab1a0);
    --nav-text: #ffffff;
    --nav-link-color: #2d3436;
    --muted-text: #636e72;
    --input-bg: #ffffff;
    --input-text: #2d3436;
    --border-color: #fab1a0;
}

.theme-classic {
    --bg-color: #fdf5e6;
    --text-color: #4b2c20;
    --primary-color: #8b4513;
    --accent-color: #cd853f;
    --card-bg: #ffffff;
    --card-text: #4b2c20;
    --nav-bg: #8b4513;
    --nav-text: #ffffff;
    --nav-link-color: #4b2c20;
    --muted-text: #7f8c8d;
    --input-bg: #ffffff;
    --input-text: #4b2c20;
    --border-color: #d2b48c;
}

.theme-glassmorphism {
    --bg-color: #e0e0e0;
    --text-color: #333;
    --primary-color: #2980b9;
    --accent-color: rgba(0, 0, 0, 0.1);
    --card-bg: rgba(255, 255, 255, 0.7);
    --card-text: #212529;
    --nav-bg: rgba(255, 255, 255, 0.4);
    --nav-text: #212529;
    --nav-link-color: #212529;
    --muted-text: #555555;
    --input-bg: rgba(255, 255, 255, 0.9);
    --input-text: #212529;
    --border-color: rgba(0, 0, 0, 0.1);
}

/* Coffee Theme */
.theme-coffee {
    --bg-color: #2c1e12;
    --text-color: #f1e4d8;
    --primary-color: #a67c52;
    --accent-color: #6f4e37;
    --card-bg: #3d2b1f;
    --card-text: #f1e4d8;
    --nav-bg: #2c1e12;
    --nav-text: #ffffff;
    --nav-link-color: #d2b48c;
    --muted-text: #a67c52;
    --input-bg: #4b3621;
    --input-text: #ffffff;
    --border-color: #5a4633;
}

/* Vanilla Theme */
.theme-vanilla {
    --bg-color: #fdf5e6;
    --text-color: #5d4037;
    --primary-color: #d2b48c;
    --accent-color: #f3e5ab;
    --card-bg: #ffffff;
    --card-text: #5d4037;
    --nav-bg: #f3e5ab;
    --nav-text: #5d4037;
    --nav-link-color: #5d4037;
    --muted-text: #8d6e63;
    --input-bg: #ffffff;
    --input-text: #5d4037;
    --border-color: #e1c699;
}

/* Mint Theme */
.theme-mint {
    --bg-color: #e8f5e9;
    --text-color: #1b5e20;
    --primary-color: #4caf50;
    --accent-color: #a5d6a7;
    --card-bg: #ffffff;
    --card-text: #1b5e20;
    --nav-bg: #2e7d32;
    --nav-text: #ffffff;
    --nav-link-color: #2e7d32;
    --muted-text: #4caf50;
    --input-bg: #ffffff;
    --input-text: #1b5e20;
    --border-color: #c8e6c9;
}

/* Rose Theme */
.theme-rose {
    --bg-color: #fff1f2;
    --text-color: #9f1239;
    --primary-color: #e11d48;
    --accent-color: #fda4af;
    --card-bg: #ffffff;
    --card-text: #9f1239;
    --nav-bg: #e11d48;
    --nav-text: #ffffff;
    --nav-link-color: #e11d48;
    --muted-text: #fb7185;
    --input-bg: #ffffff;
    --input-text: #9f1239;
    --border-color: #fecdd3;
}

/* Turquoise Theme */
.theme-turquoise {
    --bg-color: #e0f7fa;
    --text-color: #006064;
    --primary-color: #00acc1;
    --accent-color: #80deea;
    --card-bg: #ffffff;
    --card-text: #006064;
    --nav-bg: #00838f;
    --nav-text: #ffffff;
    --nav-link-color: #00838f;
    --muted-text: #00acc1;
    --input-bg: #ffffff;
    --input-text: #006064;
    --border-color: #b2ebf2;
}

/* Amber Theme */
.theme-amber {
    --bg-color: #fff8e1;
    --text-color: #ff6f00;
    --primary-color: #ffb300;
    --accent-color: #ffe082;
    --card-bg: #ffffff;
    --card-text: #ff6f00;
    --nav-bg: #ffa000;
    --nav-text: #ffffff;
    --nav-link-color: #ffa000;
    --muted-text: #ffb300;
    --input-bg: #ffffff;
    --input-text: #ff6f00;
    --border-color: #ffecb3;
}

/* Lavender Theme */
.theme-lavender {
    --bg-color: #f3e5f5;
    --text-color: #4a148c;
    --primary-color: #9c27b0;
    --accent-color: #e1bee7;
    --card-bg: #ffffff;
    --card-text: #4a148c;
    --nav-bg: #7b1fa2;
    --nav-text: #ffffff;
    --nav-link-color: #7b1fa2;
    --muted-text: #9c27b0;
    --input-bg: #ffffff;
    --input-text: #4a148c;
    --border-color: #f3e5f5;
}

/* Coral Theme */
.theme-coral {
    --bg-color: #fff5f2;
    --text-color: #c62828;
    --primary-color: #ff5252;
    --accent-color: #ff8a80;
    --card-bg: #ffffff;
    --card-text: #c62828;
    --nav-bg: #d32f2f;
    --nav-text: #ffffff;
    --nav-link-color: #d32f2f;
    --muted-text: #ff5252;
    --input-bg: #ffffff;
    --input-text: #c62828;
    --border-color: #ffcdd2;
}

/* Purple Trend Theme */
.theme-purple {
    --bg-color: #f3e5f5;
    --text-color: #4a148c;
    --primary-color: #7b1fa2;
    --accent-color: #9c27b0;
    --card-bg: #ffffff;
    --card-text: #4a148c;
    --nav-bg: #4a148c;
    --nav-text: #ffffff;
    --nav-link-color: #4a148c;
    --muted-text: #7b1fa2;
    --input-bg: #ffffff;
    --input-text: #4a148c;
    --border-color: #e1bee7;
}

/* Pink Trend Theme */
.theme-pink {
    --bg-color: #fce4ec;
    --text-color: #880e4f;
    --primary-color: #c2185b;
    --accent-color: #e91e63;
    --card-bg: #ffffff;
    --card-text: #880e4f;
    --nav-bg: #880e4f;
    --nav-text: #ffffff;
    --nav-link-color: #880e4f;
    --muted-text: #c2185b;
    --input-bg: #ffffff;
    --input-text: #880e4f;
    --border-color: #f8bbd0;
}

/* Lime Trend Theme */
.theme-lime {
    --bg-color: #f9fbe7;
    --text-color: #33691e;
    --primary-color: #689f38;
    --accent-color: #8bc34a;
    --card-bg: #ffffff;
    --card-text: #33691e;
    --nav-bg: #33691e;
    --nav-text: #ffffff;
    --nav-link-color: #33691e;
    --muted-text: #689f38;
    --input-bg: #ffffff;
    --input-text: #33691e;
    --border-color: #dcedc8;
}

/* Ocean (Lacivert) Trend Theme */
.theme-ocean {
    --bg-color: #e1f5fe;
    --text-color: #01579b;
    --primary-color: #0288d1;
    --accent-color: #03a9f4;
    --card-bg: #ffffff;
    --card-text: #01579b;
    --nav-bg: #01579b;
    --nav-text: #ffffff;
    --nav-link-color: #01579b;
    --muted-text: #0288d1;
    --input-bg: #ffffff;
    --input-text: #01579b;
    --border-color: #b3e5fc;
}

/* Grey Trend Theme */
.theme-grey {
    --bg-color: #eceff1;
    --text-color: #263238;
    --primary-color: #455a64;
    --accent-color: #607d8b;
    --card-bg: #ffffff;
    --card-text: #263238;
    --nav-bg: #263238;
    --nav-text: #ffffff;
    --nav-link-color: #263238;
    --muted-text: #455a64;
    --input-bg: #ffffff;
    --input-text: #263238;
    --border-color: #cfd8dc;
}

/* Trend Yellow-Grey Theme */
.theme-yellow-grey {
    --bg-color: #ffcc00;
    --text-color: #1a1a1a;
    --primary-color: #333333;
    --accent-color: #4a4a4a;
    --card-bg: #ffffff;
    --card-text: #1a1a1a;
    --nav-bg: #333333;
    --nav-text: #ffcc00;
    --nav-link-color: #333333;
    --muted-text: #4d4d4d;
    --input-bg: #ffffff;
    --input-text: #1a1a1a;
    --border-color: #e6b800;
}

/* Carbon Yellow Theme */
.theme-dark-yellow {
    --bg-color: #1a1a1a;
    --text-color: #ffcc00;
    --primary-color: #ffcc00;
    --accent-color: #333333;
    --card-bg: #262626;
    --card-text: #ffffff;
    --nav-bg: #000000;
    --nav-text: #ffcc00;
    --nav-link-color: #ffcc00;
    --muted-text: #999999;
    --input-bg: #333333;
    --input-text: #ffffff;
    --border-color: #404040;
}

/* Modern Red Theme */
.theme-red {
    --bg-color: #fff5f5;
    --text-color: #b71c1c;
    --primary-color: #d32f2f;
    --accent-color: #ff5252;
    --card-bg: #ffffff;
    --card-text: #b71c1c;
    --nav-bg: #b71c1c;
    --nav-text: #ffffff;
    --nav-link-color: #b71c1c;
    --muted-text: #d32f2f;
    --input-bg: #ffffff;
    --input-text: #b71c1c;
    --border-color: #ffcdd2;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit !important;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6,
.offcanvas h1,
.offcanvas h2,
.offcanvas h3,
.offcanvas h4,
.offcanvas h5,
.offcanvas h6,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
    color: var(--card-text) !important;
}

.navbar h1,
.navbar h2,
.navbar h3,
.navbar h4,
.navbar h5,
.navbar h6 {
    color: var(--nav-text) !important;
}

.card {
    background-color: var(--card-bg) !important;
    color: var(--card-text) !important;
}

.card-header,
.card-footer {
    background-color: transparent !important;
    border-color: var(--border-color) !important;
}

.navbar {
    background: var(--nav-bg) !important;
    color: var(--nav-text) !important;
}

.navbar .text-light,
.navbar .text-white,
.navbar .text-dark,
.navbar #nav-info {
    color: var(--nav-text) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-white {
    background-color: var(--input-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

.text-muted,
.text-secondary {
    color: var(--muted-text) !important;
}

.text-dark {
    color: var(--text-color) !important;
}

.card .text-dark,
.offcanvas .text-dark,
.modal .text-dark {
    color: var(--card-text) !important;
}

.form-control,
.form-select {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--border-color) !important;
}

.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
    color: var(--muted-text) !important;
    opacity: 0.8 !important;
}

.form-check-input {
    background-color: var(--input-bg) !important;
    border-color: var(--border-color) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.bg-white {
    background-color: var(--card-bg) !important;
}

.bg-light {
    background-color: var(--bg-color) !important;
}

.border,
.border-top,
.border-bottom,
.border-start,
.border-end {
    border-color: var(--border-color) !important;
}

.list-group-item {
    background-color: var(--card-bg) !important;
    color: var(--card-text) !important;
    border-color: var(--border-color) !important;
}

.bottom-nav {
    background-color: var(--card-bg) !important;
}

.bottom-nav a {
    color: var(--nav-link-color) !important;
}

.badge.bg-light.text-dark {
    background-color: var(--accent-color) !important;
    color: #fff !important;
}

.breadcrumb {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    padding: 0.75rem 1.25rem !important;
}

.breadcrumb-item {
    color: var(--muted-text) !important;
    font-size: 0.9rem;
}

.breadcrumb-item a {
    color: var(--primary-color) !important;
    font-weight: 600;
    transition: all 0.2s;
}

.breadcrumb-item a:hover {
    opacity: 0.8;
}

.breadcrumb-item.active {
    color: var(--text-color) !important;
    font-weight: 700;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\F285" !important;
    font-family: "bootstrap-icons" !important;
    color: var(--muted-text) !important;
    font-size: 0.7rem;
    vertical-align: middle;
}

.offcanvas,
.modal-content {
    background-color: var(--card-bg) !important;
    color: var(--card-text) !important;
}

.offcanvas-header {
    border-bottom: 1px solid var(--border-color) !important;
}

.theme-soft-dark .btn-close,
.theme-coffee .btn-close,
.theme-purple-dark .btn-close,
.theme-ocean-dark .btn-close,
.theme-dark-yellow .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}

.theme-soft-dark .offcanvas-header .btn-close,
.theme-coffee .offcanvas-header .btn-close,
.theme-purple-dark .offcanvas-header .btn-close,
.theme-ocean-dark .offcanvas-header .btn-close,
.theme-dark-yellow .offcanvas-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}

/* Contact Modal Styles */
#contactModal .modal-header {
    background-color: var(--card-bg);
    color: var(--text-color);
}

#contactModal .modal-content {
    background-color: var(--bg-color);
}

.map-container {
    border-bottom: 3px solid var(--primary-color);
}

.contact-card {
    transition: all 0.3s ease;
    border-color: var(--border-color) !important;
    background-color: var(--card-bg) !important;
}

.contact-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary-color) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.contact-card i {
    transition: transform 0.3s ease;
}

.contact-card:hover i {
    transform: scale(1.2);
}

.social-link {
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--card-bg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: var(--text-color) !important;
}

.social-link:hover {
    transform: rotate(15deg) scale(1.1);
    background: var(--primary-color);
    color: var(--nav-text) !important;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

/* Dark theme fixes for contact modal */
.theme-soft-dark .contact-card span,
.theme-dark-yellow .contact-card span,
.theme-coffee .contact-card span,
.theme-purple-dark .contact-card span,
.theme-ocean-dark .contact-card span {
    color: var(--text-color) !important;
}

.theme-soft-dark .social-link,
.theme-dark-yellow .social-link,
.theme-coffee .social-link,
.theme-purple-dark .social-link,
.theme-ocean-dark .social-link {
    background: var(--input-bg);
}

.theme-soft-dark .contact-modal-content .card.bg-light,
.theme-dark-yellow .contact-modal-content .card.bg-light,
.theme-coffee .contact-modal-content .card.bg-light,
.theme-purple-dark .contact-modal-content .card.bg-light,
.theme-ocean-dark .contact-modal-content .card.bg-light {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
}

/* ... Additional mapping for other elements ... */