/*
  ======================================================
  RUHUN TUTKULARI -- Responsive Styles
  Mobile First, Breakpoints: 576 / 768 / 992 / 1200
  ======================================================
*/

/* HEADER MOBIL */
@media (max-width: 991px) {
    .main-nav {
        display: none;
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100vh;
        background: #0d0618d9 !important; /* Dark background matching header */
        z-index: 10000 !important; /* Çok yüksek z-index */
        flex-direction: column;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }
    .main-nav.active { display: flex !important; }
    .main-nav ul {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .main-nav ul li a {
        font-size: 1.1rem;
        letter-spacing: 0.18em;
        padding: 18px 40px;
        color: #f5ecd7;
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(201,162,39,0.08);
        transition: all 0.3s ease;
    }
    .main-nav ul li:last-child a { border-bottom: none; }
    .main-nav ul li a:hover {
        color: #c9a227;
        background: rgba(201,162,39,0.1);
    }
    .main-nav ul li a::after { display: none; }
    .mobile-menu-toggle {
        display: flex;
        position: relative;
        z-index: 1001;
    }
    .header-container { padding: 14px 0; }
    .brand .logo-img { height: 60px !important; } /* Mobilde logo bir tık daha makul olsun */
}

/* HERO / SLIDER MOBIL */
@media (max-width: 767px) {
    .hero-text-tablecell {
        padding: 1.75rem 1.5rem;
        border-radius: 16px;
    }
    .hero-text-tablecell h1 {
        font-size: 1.8rem;
        letter-spacing: 0.04em;
    }
    .hero-text-tablecell .subtitle {
        font-size: 1rem;
        letter-spacing: 0.1em;
    }
    .owl-prev { left: 12px; width: 40px !important; height: 40px !important; }
    .owl-next { right: 12px; width: 40px !important; height: 40px !important; }

    /* Mobil'de position:fixed background-attachment calışmıyor, override et */
    [style*="background-attachment: fixed"],
    [style*="background-attachment:fixed"] {
        background-attachment: scroll !important;
    }
}

/* KARTLAR MOBIL */
@media (max-width: 767px) {
    .art-card-image, .aphorism-image-wrap { height: 200px; }
    .book-card-cover { height: 260px; }
    .art-card-body { padding: 1.25rem; }
    .section-heading { margin-bottom: 40px; }
    .section-heading h2, .section-heading h3, .section-heading h4 { font-size: 1.5rem; }
}

@media (max-width: 991px) {
    .reveal.mb-5 { margin-bottom: 3.5rem !important; }
}

/* FOOTER MOBIL */
@media (max-width: 767px) {
    .art-footer { text-align: center; }
    .footer-widget-card { padding: 1.5rem; margin-bottom: 1.5rem; }
    .footer-copyright { text-align: center; margin-bottom: 1rem; }
    .social-links { justify-content: center; display: flex; }
    .widget-title { justify-content: center; }
}

/* BREADCRUMB MOBIL */
@media (max-width: 767px) {
    .breadcrumb-section { padding: 100px 0 60px; }
    .breadcrumb-text h1 { font-size: 1.8rem; }
}

/* SMALL SCREENS */
@media (max-width: 575px) {
    .row { --bs-gutter-x: 1rem; }
    .art-card-body, .aphorism-card-body { padding: 1rem; }
    .book-card-body { padding: 1.25rem; }
}

/* LARGE SCREENS */
@media (min-width: 1400px) {
    .hero-text-tablecell h1 { font-size: 5rem; }
    .quote-text-content { font-size: 1.3rem; }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 991px) {
    .art-card-image, .aphorism-image-wrap { height: 220px; }
    .book-card-cover { height: 280px; }
}

/* TOUCH DEVICES */
@media (hover: none) {
    .art-card:hover, .aphorism-card:hover, .book-card:hover { transform: none; }
}

/* PRINT */
@media print {
    .header, .loader, .mobile-menu-toggle, .owl-nav, .owl-dots, .art-footer { display: none !important; }
    body { font-size: 12pt; color: #000; }
}

/* 1024px — Tablet Büyük */
@media (min-width: 1024px) and (max-width: 1199px) {
    .section-heading { margin-bottom: 40px; }
    .art-card-image, .aphorism-image-wrap { height: 230px; }
    .book-card-cover { height: 290px; }
}

/* 1440px+ — Geniş Ekran */
@media (min-width: 1440px) {
    .hero-text-tablecell h1 { font-size: 5.5rem; }
    .quote-text-content { font-size: 1.35rem; }
    .section-heading h2 { font-size: 3.2rem; }
}

/* 320px — Çok Küçük Ekranlar */
@media (max-width: 374px) {
    .header-container { padding: 10px 0; }
    .brand .logo-img { height: 50px !important; }
    .main-nav ul li a { padding: 14px 28px; font-size: 1rem; }
    .hero-text-tablecell { padding: 1.25rem 1rem; }
    .hero-text-tablecell h1 { font-size: 1.5rem; }
    .art-card-body, .aphorism-card-body { padding: 0.875rem; }
    .mobile-hero h2 { font-size: 1.4rem; }
}