/* Zoomies Button Styles - Global CSS */

/* Base Button Styles */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
    min-width: 120px;
}

/* Keep button resets from hello-elementor reset.css from overriding .btn styles */
button.btn,
[type="button"].btn,
[type="submit"].btn,
[type="reset"].btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
    min-width: 120px;
}

/* PRIMARY LIGHT */
.zoomies-btn-primary-light {
    background: #FFFBEA;
    color: #241E1E;
    border-color: #E0E0E0;
}

.zoomies-btn-primary-light:hover {
    background: #F0A820;
    color: #1A1A1A;
    border-color: #F0A820;
}

.zoomies-btn-primary-light:active {
    background: #E85D3C;
    color: #FFFFFF;
    border-color: #E85D3C;
}

.zoomies-btn-primary-light:disabled {
    background: #C6C6C6;
    color: #5A5A5A;
    border-color: #C6C6C6;
    cursor: not-allowed;
    box-shadow: none;
}

/* PRIMARY DARK */
.zoomies-btn-primary-dark {
    background: #241E1E;
    color: #FFFBEA;
    border-color: #241E1E;
}

.zoomies-btn-primary-dark:hover {
    background: #E2A422;
    color: #241E1E;
    border-color: #FFFBEA;
}

.zoomies-btn-primary-dark:active {
    background: #E85D3C;
    color: #FFFFFF;
    border-color: #E85D3C;
}

.zoomies-btn-primary-dark:disabled {
    background: #717171;
    color: #D4D4D4;
    border-color: #717171;
    cursor: not-allowed;
    box-shadow: none;
}

/* PRIMARY YELLOW */
.zoomies-btn-primary-yellow {
    background: #E2A422;
    color: #241E1E;
    border-color: #E2A422;
}

.zoomies-btn-primary-yellow:hover {
    background: #FFFBEA;
    color: #1A1A1A;
    border-color: #FFFBEA;
}

.zoomies-btn-primary-yellow:active {
    background: #E85D3C;
    color: #FFFFFF;
    border-color: #E85D3C;
}

.zoomies-btn-primary-yellow:disabled {
    background: #C6C6C6;
    color: #5A5A5A;
    border-color: #C6C6C6;
    cursor: not-allowed;
    box-shadow: none;
}

/* SECONDARY LIGHT */
.zoomies-btn-secondary-light {
    background: transparent;
    color: #241E1E;
    border-color: #241E1E;
}

.zoomies-btn-secondary-light:hover {
    background: #E2A422;
    color: #241E1E;
    border-color: #FFFBEA;
}

.zoomies-btn-secondary-light:active {
    background: #D74715;
    color: #D6CAC0;
    border-color: #C5B68D;
}

.zoomies-btn-secondary-light:disabled {
    background: transparent;
    color: #D4D4D4;
    border-color: #D4D4D4;
    cursor: not-allowed;
    box-shadow: none;
}

/* SECONDARY LIGHT ICON */
.zoomies-btn-secondary-light-icon {
    background: transparent;
    color: #fff;
    border-color: #FFF;
}

.zoomies-btn-secondary-light-icon:hover {
    background: #E2A422;
    color: #241E1E;
    border-color: #FFFBEA;
}

.zoomies-btn-secondary-light-icon:active {
    background: #D74715;
    color: #D6CAC0;
    border-color: #D74715;
}

.zoomies-btn-secondary-light-icon:disabled {
    background: transparent;
    color: #D4D4D4;
    border-color: #D4D4D4;
    cursor: not-allowed;
    box-shadow: none;
}

/* SECONDARY DARK */
.zoomies-btn-secondary-dark {
    background: transparent;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.zoomies-btn-secondary-dark:hover {
    background: #E2A422;
    color: #241E1E;
    border-color: #FFFBEA;
}

.zoomies-btn-secondary-dark:active {
    background: #D74715;
    color: #D6CAC0;
    border-color: #C5B68D;
}

.zoomies-btn-secondary-dark:disabled {
    background: transparent;
    color: #D4D4D4;
    border-color: #D4D4D4;
    cursor: not-allowed;
    box-shadow: none;
}

/* ICON ONLY */
.zoomies-btn-icon-only {
    padding: 0.75rem;
    background: transparent;
    color: #FFFBEA;
    border-color: #FFFBEA;
    min-width: 48px;
    min-height: 48px;
}

.zoomies-btn-icon-only:hover {
    background: #E2A422;
    color: #1A1A1A;
    border-color: #FFFBEA;
}

.zoomies-btn-icon-only:active {
    background: #D74715;
    color: #FFFFFF;
    border-color: #FFFBEA;
}

.zoomies-btn-icon-only:disabled {
    background: transparent;
    color: #A0A0A0;
    border-color: #D4D4D4;
    cursor: not-allowed;
    box-shadow: none;
}

/* ANNOUNCEMENT */
.zoomies-btn-announcement {
    background: #F0A820;
    color: #1A1A1A;
    border-color: #F0A820;
    padding: 0.625rem 1.5rem;
    font-weight: 700;
}

.zoomies-btn-announcement:hover {
    background: #C5B68D;
    color: #171717;
    border-color: #F1F1F1;
}

.zoomies-btn-announcement:active {
    background: #E85D3C;
    color: #D6CAC0;
    border-color: #F1F1F1;
}

.zoomies-btn-announcement:disabled {
    background: #E0E0E0;
    color: #A0A0A0;
    border-color: #E0E0E0;
    cursor: not-allowed;
    box-shadow: none;
}

/* Disabled state */
.btn:disabled {
    opacity: 0.7;
}