﻿/**
 * BarqNews Pro — Responsive CSS
 * Mobile-First breakpoints
 * @package BarqNews Pro
 */

/* ============================================================
   Breakpoints:
   xs  < 480px  — موبايل صغير
   sm  < 640px  — موبايل
   md  < 768px  — تابلت صغير
   lg  < 1024px — تابلت
   xl  < 1200px — لابتوب
   2xl ≥ 1200px — ديسكتوب (default)
   ============================================================ */

/* ── خفاء العناصر المخصصة للديسكتوب ──────────────────────── */
@media (max-width: 1023px) {
    .hide-on-tablet { display: none !important; }
    .main-navigation { display: none; }
    .hamburger { display: flex !important; }

    .with-sidebar {
        display: block;
    }
    .with-sidebar .primary-content { width: 100%; }
    #sidebar-main { display: none; }

    .featured-grid { grid-template-columns: 1fr; }
    .fg-side { display: none; }
    .editor-picks-grid { grid-template-columns: 1fr 1fr; }
}

/* ── تابلت (768px) ─────────────────────────────────────────── */
@media (max-width: 767px) {
    :root {
        --glob-gap: 32px;
        --container-padding: 16px;
    }

    .posts-loop.style-grid,
    .latest-grid,
    .related-grid {
        grid-template-columns: 1fr;
    }

    .posts-loop.style-grid .post-card:nth-child(1) {
        grid-column: 1;
    }

    .hero-slider .slide-title { font-size: 1.25rem; }
    .hero-slider .slider-controls { display: flex; }

    .footer-widgets-grid {
        grid-template-columns: 1fr;
    }

    .newsletter-inner {
        flex-direction: column;
        text-align: center;
    }
    .newsletter-fields { flex-direction: column; }
    .newsletter-input,
    .newsletter-btn { width: 100%; }

    .author-archive-box { flex-direction: column; text-align: center; }

    .most-read-list { gap: 8px; }

    .editor-picks-grid { grid-template-columns: 1fr; }

    .cat-tabs-nav { flex-wrap: wrap; }

    .site-topbar { display: none; }
}

/* ── موبايل (480px) ─────────────────────────────────────────── */
@media (max-width: 479px) {
    :root {
        --font-size-base: 14px;
        --glob-gap: 24px;
    }

    .card-title { font-size: 1rem; }
    .card-title-lg { font-size: 1.15rem; }

    .post-share .share-buttons {
        flex-wrap: wrap;
    }

    .barqnews-pagination .page-numbers {
        padding: 6px 10px;
        font-size: 13px;
    }

    .reading-progress-wrap { height: 3px; }

    .barq-scroll-top { bottom: 16px; left: 16px; width: 38px; height: 38px; }
    .barq-theme-toggle { bottom: 64px; left: 16px; }

    .hero-slider .slide-content { padding: 16px; }
    .hero-slider .slide-title { font-size: 1.1rem; }

    .comment-form .form-row {
        grid-template-columns: 1fr;
    }
}

/* ── الطباعة ─────────────────────────────────────────────────── */
@media print {
    .site-header,
    .site-topbar,
    #barq-ticker,
    .post-share,
    .related-posts,
    .site-footer,
    .barq-scroll-top,
    .barq-theme-toggle,
    .search-overlay,
    .side-menu-drawer,
    .barqnews-pagination,
    #barq-load-more,
    .barqnews-ad-container,
    .barqnews-ad-widget-wrap {
        display: none !important;
    }

    .with-sidebar { display: block; }
    a { color: inherit; text-decoration: underline; }
    .entry-content img { max-width: 100%; }
}