/* ========================================
   OPENGROW THEME — RESPONSIVE.CSS
   Mobile-first improvements
   ======================================== */

/* ===== MOBILE (até 600px) ===== */
@media (max-width: 600px) {

    /* Header */
    .main-header { padding: 0.6rem 1rem; }
    .logo-icon img { max-width: 130px; }
    .header-buttons { gap: 0.5rem; }
    .btn-small { padding: 0.4rem 0.8rem; font-size: 0.78rem; }
    .btn-account-header { padding: 0.4rem 0.7rem; font-size: 0.78rem; }
    .btn-account-header span { display: none; } /* Esconde label no mobile */

    /* Hero */
    .hero-content h1 { font-size: 2.5rem; }
    .hero-description { font-size: 0.95rem; padding: 0 0.5rem; }
    .hero-buttons { flex-direction: column; align-items: center; gap: 0.8rem; }
    .hero-buttons a { width: 100%; max-width: 280px; justify-content: center; }

    /* Section headers */
    .section-header h2 { font-size: 1.6rem; }
    .section-header p { font-size: 0.95rem; }

    /* Produtos */
    .horizontal-card { padding: 1.2rem; gap: 1rem; }
    .card-img { width: 80px; }
    .card-separator { display: none; }
    .card-body h3 { font-size: 1.1rem; }
    .card-body p { font-size: 0.875rem; }

    /* Prémios */
    .award-badge { min-width: 240px; font-size: 0.85rem; padding: 1rem; }

    /* Footer */
    .footer-container { flex-direction: column; gap: 1.5rem; }
    .footer-col { text-align: center; }
    .social-icons { justify-content: center; }
    .footer-image { margin: 0 auto; display: block; }

    /* Popup */
    .popup-container { width: 95%; border-radius: 16px; }
    .popup-banner-img { height: 150px; }

    /* Landpage botões */
    .btn-seedbag { min-width: unset; width: 100%; padding: 1.2rem 1.5rem; border-radius: 16px; }
    .lp-buttons { flex-direction: column; align-items: stretch; }
    .lp-btn { min-width: unset; }

    /* Blog/Archive */
    .arc-grid { grid-template-columns: 1fr; }
    .arc-cat-pills { display: flex; }
    .arc-sidebar { display: none; }
    .arc-search { max-width: 100%; }

    /* Single post */
    .sp-layout { grid-template-columns: 1fr; }
    .sp-sidebar { display: none; }
    .sp-nav { grid-template-columns: 1fr; }
    .sp-title { font-size: 1.8rem; }
    .sp-share { flex-direction: column; align-items: flex-start; }

    /* Newsletter */
    .newsletter-form { flex-direction: column; align-items: center; }
    .newsletter-form input[type="email"] { width: 100%; min-width: unset; }

    /* Tutoriais */
    .tut-featured-inner { grid-template-columns: 1fr; }
    .tut-featured-info { padding: 1.2rem; }
    .tut-grid { grid-template-columns: 1fr; }
    .tut-hero h1 { font-size: 1.8rem; }

    /* Containers */
    .container { padding: 0 1rem; }
}

/* ===== TABLET (601px - 900px) ===== */
@media (min-width: 601px) and (max-width: 900px) {

    /* Header */
    .logo-icon img { max-width: 150px; }
    .header-container { flex-direction: column; text-align: center; }
    .main-nav { gap: 1.2rem; }

    /* Hero */
    .hero-content h1 { font-size: 3.5rem; }
    .hero-description { font-size: 1rem; }

    /* Produtos */
    .horizontal-card { padding: 1.5rem; }
    .card-img { width: 100px; }

    /* About */
    .about-flex { flex-direction: column; gap: 2rem; }

    /* Blog */
    .arc-layout { grid-template-columns: 1fr; }
    .arc-sidebar { display: none; }
    .arc-cat-pills { display: flex; }
    .arc-grid { grid-template-columns: repeat(2, 1fr); }

    /* Single post */
    .sp-layout { grid-template-columns: 1fr; }
    .sp-sidebar { display: none; }

    /* Tutoriais */
    .tut-featured-inner { grid-template-columns: 1fr; }
    .tut-grid { grid-template-columns: repeat(2, 1fr); }

    /* Footer */
    .footer-container { gap: 1.5rem; }
}

/* ===== DROPDOWN MOBILE (centralizado) ===== */
@media (max-width: 860px) {
    .dropdown-menu {
        left: 50%;
        transform: translateX(-50%) translateY(-10px);
        min-width: 220px;
    }
    .dropdown-menu.show {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    /* Parceiros carousel mais lento no mobile */
    .carousel-track { animation-duration: 20s; }

    /* Seções menos padding */
    .horizontal-cards-section { padding: 3rem 0; }
    .awards-section { padding: 2.5rem 0; }
    .about-section { padding: 3rem 0; }

    /* Awards carousel botões */
    .prev-btn { left: -5px; }
    .next-btn { right: -5px; }
}

/* ===== TOUCH DEVICES ===== */
@media (hover: none) {
    /* Remove hover effects em touch */
    .horizontal-card:hover { transform: none; }
    .btn-primary:hover { transform: none; }
    .btn-secondary:hover { transform: none; }
    .tut-card:hover { transform: none; }
    .blog-card:hover { transform: none; }

    /* Aumenta área de toque nos botões */
    .product-dropdown-btn { padding: 1rem 1.5rem; }
    .dropdown-trigger { padding: 0.5rem 0; }
}

/* ===== LANDSCAPE MOBILE ===== */
@media (max-width: 900px) and (orientation: landscape) {
    .hero-main { height: auto; min-height: 100vh; }
    .hero-content { padding: 5rem 1rem 2rem; }
    .hero-content h1 { font-size: 2.5rem; }
}

/* ===== PRINT ===== */
@media print {
    .main-header, .main-footer, .popup-overlay, #readingProgress { display: none; }
    .sp-sidebar, .arc-sidebar { display: none; }
    body { background: #fff; color: #000; }
}