/**
 * LaborLawCenter Button System
 * Matches Magento 2 Porto child theme button styles
 */

/* ── Primary Button (Orange CTA) ──────────────────── */
.btn,
.button,
button,
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: var(--llc-font-bold);
    font-size: var(--llc-font-base);
    line-height: 1.5;
    color: var(--llc-white);
    background-color: var(--llc-brand-orange);
    border: none;
    border-radius: var(--llc-radius-md);
    cursor: pointer;
    transition: var(--llc-transition);
    text-decoration: none;
    white-space: nowrap;
    height: auto;
}

.btn:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: var(--llc-light-orange);
    color: var(--llc-white);
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: var(--llc-shadow-sm);
}

.btn:active,
.button:active,
button:active {
    transform: translateY(0);
    box-shadow: none;
}

.btn:disabled,
.button:disabled,
button:disabled {
    background-color: #f9b072;
    color: #fcebdc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* ── Secondary Button (Blue Outline) ──────────────── */
.btn-secondary,
.btn-outline {
    background-color: transparent;
    color: var(--llc-blue);
    border: 2px solid var(--llc-blue);
}

.btn-secondary:hover,
.btn-outline:hover {
    background-color: var(--llc-blue);
    color: var(--llc-white);
}

/* ── White Button ─────────────────────────────────── */
.btn-white {
    background-color: var(--llc-white);
    color: var(--llc-brand-blue);
}

.btn-white:hover {
    background-color: var(--llc-light-gray);
    color: var(--llc-brand-blue);
}

/* ── Blue Button ──────────────────────────────────── */
.btn-blue {
    background-color: var(--llc-brand-blue);
}

.btn-blue:hover {
    background-color: var(--llc-blue);
    color: var(--llc-white);
}

/* ── Small Button ─────────────────────────────────── */
.btn-sm {
    padding: 8px 16px;
    font-size: var(--llc-font-sm);
}

/* ── Large Button ─────────────────────────────────── */
.btn-lg {
    padding: 16px 32px;
    font-size: var(--llc-font-lg);
}

/* ── Full-Width Button ────────────────────────────── */
.btn-block {
    display: flex;
    width: 100%;
}

/* ── Icon Button ──────────────────────────────────── */
.btn-icon {
    padding: 8px;
    background: none;
    border: none;
    color: var(--llc-brand-blue);
}

.btn-icon:hover {
    color: var(--llc-light-blue);
    background: none;
    transform: none;
    box-shadow: none;
}

/* ── Login/Register Buttons (Header) ──────────────── */
.btn-login {
    background-color: var(--llc-brand-blue);
    border-radius: var(--llc-radius-sm);
    color: var(--llc-white);
    padding: 4px 8px;
    font-size: var(--llc-font-xs);
    font-family: var(--llc-font-semibold);
}

.btn-register {
    background-color: #F4F6FB;
    border-radius: var(--llc-radius-sm);
    color: var(--llc-brand-blue);
    padding: 4px 8px;
    font-size: var(--llc-font-xs);
    font-family: var(--llc-font-semibold);
}

/* ── WooCommerce Add to Cart ──────────────────────── */
.woocommerce .add-to-cart-custom,
.woocommerce #add-to-cart-custom {
    color: var(--llc-white);
    background-color: #f48220;
    border: 0;
    border-radius: 6px;
    width: 100%;
    padding: 15px 0;
    font-weight: bold;
    font-size: 15px;
}

.woocommerce .add-to-cart-custom:disabled {
    background-color: #f9b072;
    color: #fcebdc;
}