/**
 * GTPlay - Buttons & Icons
 *
 * Generic button utilities and icon management.
 * Includes responsive icon/text toggles for compact layouts.
 *
 * @package GTPlay Astra Child
 */

/* --- Icons --- */
.gtplay-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gtplay-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* --- Responsive Icon/Text Buttons --- */
.gtplay-btn-icon-text {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 38px;
}

/* Hide icon by default on desktop for specific responsive buttons */
.gtplay-btn-icon-text .gtplay-icon {
    display: none;
}

/* Show text by default on desktop */
.gtplay-btn-icon-text .gtplay-text {
    display: inline;
}

/* --- Mobile Adaptations --- */
@media (max-width: 768px) {
    /* Show icon, hide text for compact mobile UI */
    .gtplay-btn-icon-text .gtplay-icon {
        display: inline-flex;
    }

    .gtplay-btn-icon-text .gtplay-text {
        display: none;
    }

    .gtplay-btn-icon-text {
        padding: 0.5rem 0.75rem;
        min-width: auto;
    }
}