/**
 * Button Styles
 * Global button styles and variants
 */

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 50px;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    line-height: 120%;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.btn-primary {
    background: #FFEAC4;
    color: #000000;
    min-width: 209px;
    width: auto;
    height: 57px;
    border-radius: 10px;
    flex: none;
    order: 0;
    flex-grow: 0;
    padding: 20px 50px;
    box-sizing: border-box;
}

.btn-primary:hover {
    background: #FFE0A0;
    transform: translateY(-2px);
}

.btn-secondary {
    background: rgba(255, 234, 196, 0.15);
    border: 1px solid #FFEAC4;
    color: #FFFFFF;
    box-sizing: border-box;
    min-width: 250px;
    width: auto;
    height: 57px;
    border-radius: 10px;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 20px 50px;
}

.btn-secondary:hover {
    background: rgba(255, 234, 196, 0.25);
    transform: translateY(-2px);
}

@media (max-width: 1366px) {
    .btn {
        font-size: 22px;
        padding: 18px 45px;
    }

    .btn-primary,
    .btn-secondary {
        height: auto;
        min-width: auto;
    }
}

@media (max-width: 1280px) {
    .btn {
        font-size: 21px;
        padding: 17px 42px;
    }
}

@media (max-width: 1200px) {
    .btn {
        font-size: 21px;
        padding: 17px 40px;
    }
}

@media (max-width: 1024px) {
    .btn {
        font-size: 20px;
        padding: 16px 38px;
    }
}

@media (max-width: 900px) {
    .btn {
        font-size: 19px;
        padding: 15px 35px;
    }
}

.btn-add-to-cart,
.product .button,
.product .add_to_cart_button {
    background: #C04E29 !important;
    color: #FFFFFF !important;
    padding: 15px 50px;
    font-size: 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    line-height: 120%;
}

.btn-add-to-cart:hover,
.product .button:hover,
.product .add_to_cart_button:hover {
    background: #a03f20 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(192, 78, 41, 0.3);
}