/* 
 * Responsive Styles for TCL Theme
 * GIGW 3.0 Compliant
 */

/* Mobile First Responsive Design */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /* Small device specific styles if needed */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* Tablet specific styles if needed */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* Desktop specific styles if needed */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Large desktop specific styles if needed */
}

/* Utility classes for responsive visibility */
.d-mobile-only {
    display: block;
}

.d-tablet-up {
    display: none;
}

@media (min-width: 768px) {
    .d-mobile-only {
        display: none;
    }
    
    .d-tablet-up {
        display: block;
    }
}

/* GIGW 3.0 Responsive Text Sizing */
@media (max-width: 576px) {
    .btn, .download-button {
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }
    
    .file-info {
        font-size: 0.75rem;
    }
}