/* ==========================================================================
   İDARECİNET - DUYARLILIK VE MOBİL UYUMLULUK (responsive.css)
   ========================================================================== */

@media (max-width: 1024px) {
    .tools-grid {
        grid-template-columns: 1fr;
    }

    .hero-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-stats-row {
        width: 100%;
        justify-content: flex-start;
    }

    .docs-grid {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }
}

@media (max-width: 768px) {
    :root {
        --header-height: 64px;
    }

    .container {
        padding: 0 16px;
    }

    .nav-links {
        display: none; /* Can be toggled with mobile drawer */
    }

    .hero-title {
        font-size: 1.85rem;
    }

    .hero-desc {
        font-size: 0.95rem;
    }

    .section-tabs-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .tabs-group {
        overflow-x: auto;
    }

    .tab-btn {
        padding: 8px 14px;
        font-size: 0.85rem;
        white-space: nowrap;
    }

    .filter-search-wrapper {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-select {
        width: 100%;
    }

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

    .calc-result-grid {
        grid-template-columns: 1fr 1fr;
    }

    .modal-container {
        max-width: 100%;
        border-radius: var(--radius-lg);
    }

    .footer-inner {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    .footer-links {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hero-stats-row {
        flex-direction: column;
        gap: 10px;
    }

    .calc-result-grid {
        grid-template-columns: 1fr;
    }

    .doc-actions-row {
        flex-direction: column;
    }
}