/* =========================================================
   OZD Blog Tema - Responsive (responsive.css)
   Duyarlı tasarım ayarları
   ========================================================= */

/* ---------------------------------------------------------
   Küçük ekranlar (mobil)
   max-width: 767.98px
   --------------------------------------------------------- */

@media (max-width: 767.98px) {

    /* Ana içerik kenar boşlukları */
    .site-main {
        padding: var(--ozd-spacing-lg) var(--ozd-spacing-md);
    }

    /* Footer sütunları tek sütun */
    .footer-widgets-inner {
        flex-direction: column;
        gap: var(--ozd-spacing-md);
    }

    .footer-widget-area {
        flex: 1 1 100%;
    }

    .site-info {
        padding: var(--ozd-spacing-sm) var(--ozd-spacing-md) var(--ozd-spacing-md);
        text-align: center;
    }
}

/* ---------------------------------------------------------
   Orta ve üzeri ekranlar
   min-width: 768px
   --------------------------------------------------------- */

@media (min-width: 768px) {

    /* Ana içerik için biraz daha geniş padding */
    .site-main {
        padding: var(--ozd-spacing-xl) var(--ozd-spacing-md);
    }

    /* Footer sütunları yan yana, ama sarmaya izin ver */
    .footer-widgets-inner {
        flex-wrap: wrap;
        gap: var(--ozd-spacing-lg);
    }

    .footer-widget-area {
        flex: 1 1 220px;
        min-width: 0;
    }
}

/* ---------------------------------------------------------
   Geniş ekranlar
   min-width: 1024px
   --------------------------------------------------------- */

@media (min-width: 1024px) {

    /* Ana içerik sağ/sol boşluklarını azalt, ortada dar görünüm */
    .site-main {
        padding: var(--ozd-spacing-xl) 0;
    }

    /* Header / footer konteynerlerini tam hizala */
    .footer-widgets-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .site-header-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .topbar-navigation,
    .navbar-navigation,
    .site-info {
        padding-left: 0;
        padding-right: 0;
    }
}