/*
 Theme Name:   Jigsaw Employer Solutions
 Theme URI:    https://jigsawemployersolutions.test/
 Author:       David Hammond
 Description:  Theme for Jigsaw Employer Solutions
 Version:      1.0.0
*/

/* ────────────────────────────────────────────────────────────────
   BASE BUTTONS - Unified Styling
   ──────────────────────────────────────────────────────────────── */

/* Base reset for buttons */
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-ghost-white,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single-product .single_add_to_cart_button {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900 !important;
    letter-spacing: 0.1em;
    font-size: 0.875rem; /* 14px */
    padding: 0.875rem 1.75rem !important; /* Slightly reduced padding */
    margin: 0.75rem 0 !important; /* Unified vertical spacing (my-3) */
    transition: all 0.3s ease;
    border-radius: 0 !important; /* Sharp corners as per editorial style */
    border: 2px solid transparent;
    cursor: pointer;
    line-height: 1.2;
    width: auto;
}

/* Mobile full-width adjustments */
@media (max-width: 768px) {
    .btn-primary,
    .btn-secondary,
    .btn-ghost,
    .btn-ghost-white,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce #respond input#submit.alt,
    .single-product .single_add_to_cart_button {
        width: 100%;
        display: block;
        padding: 0.75rem 1.25rem !important; /* Slightly reduced mobile padding */
        margin: 0.5rem 0 !important;
    }
}

/* 1. Primary Button (Yellow) */
.btn-primary,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single-product .single_add_to_cart_button {
    background-color: #d2aa23 !important; /* brand-yellow */
    color: #1a2c26 !important; /* brand-dark-green */
}

.btn-primary:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.single-product .single_add_to_cart_button:hover {
    background-color: #b08d1a !important; /* Darker yellow hover */
    color: #1a2c26 !important;
}

/* 2. Secondary Button (Dark Green) */
.btn-secondary {
    background-color: #1a2c26 !important;
    color: #ffffff !important;
}

.btn-secondary:hover {
    background-color: #d2aa23 !important;
    color: #1a2c26 !important;
}

/* 3. Ghost Button (Outline) */
.btn-ghost,
.btn-ghost-white {
    background-color: transparent !important;
    border: 2px solid currentColor !important;
}

/* White Ghost - Inverted (Solid White -> Outline on hover) */
.btn-ghost-white {
    background-color: #ffffff !important;
    color: #1f3e2f !important; /* brand-darkGreen */
    border: 2px solid #ffffff !important;
}

.btn-ghost-white:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}