/* =========================================
   SITEWIDE BUTTON STYLES
   Only styles WordPress Gutenberg button blocks (used by GeneratePress).
   Targets ONLY: .wp-block-button .wp-block-button__link
   This is the standard WordPress button block structure.
   ========================================= */

/* Only style buttons within navigation elements */
/* Navigation buttons keep their default styling - no overrides needed */

/* WordPress Gutenberg Button Block - Standard button block used by GeneratePress */
.wp-block-button .wp-block-button__link {
    background-color: var(--color-primary, #00426a) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
    background-color: var(--color-primary-hover, #006bb3) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2) !important;
    text-decoration: none !important;
}

/* Ensure button text and all children are white */
.wp-block-button .wp-block-button__link,
.wp-block-button .wp-block-button__link * {
    color: #ffffff !important;
}

.wp-block-button .wp-block-button__link:hover *,
.wp-block-button .wp-block-button__link:focus * {
    color: #ffffff !important;
}

/* GeneratePress Button Block wrapper */
.wp-block-button {
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-block-button .wp-block-button__link {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}

/* ==============================
   WC VENDORS BUTTONS
   Style WC Vendors buttons to match child theme button styles
   ============================== */
.wcv-button,
button.wcv-button,
input[type="submit"].wcv-button,
input[type="button"].wcv-button,
a.wcv-button {
    background-color: var(--color-primary, #00426a) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.wcv-button:hover,
button.wcv-button:hover,
input[type="submit"].wcv-button:hover,
input[type="button"].wcv-button:hover,
a.wcv-button:hover,
.wcv-button:focus,
button.wcv-button:focus,
input[type="submit"].wcv-button:focus,
input[type="button"].wcv-button:focus,
a.wcv-button:focus {
    background-color: var(--color-primary-hover, #006bb3) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2) !important;
    text-decoration: none !important;
}

/* Ensure button text and all children are white */
.wcv-button,
.wcv-button *,
button.wcv-button,
button.wcv-button *,
input[type="submit"].wcv-button,
input[type="submit"].wcv-button *,
input[type="button"].wcv-button,
input[type="button"].wcv-button *,
a.wcv-button,
a.wcv-button * {
    color: #ffffff !important;
}

.wcv-button:hover *,
.wcv-button:focus *,
button.wcv-button:hover *,
button.wcv-button:focus *,
input[type="submit"].wcv-button:hover *,
input[type="submit"].wcv-button:focus *,
input[type="button"].wcv-button:hover *,
input[type="button"].wcv-button:focus *,
a.wcv-button:hover *,
a.wcv-button:focus * {
    color: #ffffff !important;
}

/* Override WC Vendors blue button variant - use child theme styles */
.wcv-button-blue,
button.wcv-button-blue,
input[type="submit"].wcv-button-blue,
input[type="button"].wcv-button-blue,
a.wcv-button-blue {
    background-color: var(--color-primary, #00426a) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.wcv-button-blue:hover,
button.wcv-button-blue:hover,
input[type="submit"].wcv-button-blue:hover,
input[type="button"].wcv-button-blue:hover,
a.wcv-button-blue:hover,
.wcv-button-blue:focus,
button.wcv-button-blue:focus,
input[type="submit"].wcv-button-blue:focus,
input[type="button"].wcv-button-blue:focus,
a.wcv-button-blue:focus {
    background-color: var(--color-primary-hover, #006bb3) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2) !important;
    text-decoration: none !important;
}

/* Ensure button text and all children are white */
.wcv-button-blue,
.wcv-button-blue *,
button.wcv-button-blue,
button.wcv-button-blue *,
input[type="submit"].wcv-button-blue,
input[type="submit"].wcv-button-blue *,
input[type="button"].wcv-button-blue,
input[type="button"].wcv-button-blue *,
a.wcv-button-blue,
a.wcv-button-blue * {
    color: #ffffff !important;
}

.wcv-button-blue:hover *,
.wcv-button-blue:focus *,
button.wcv-button-blue:hover *,
button.wcv-button-blue:focus *,
input[type="submit"].wcv-button-blue:hover *,
input[type="submit"].wcv-button-blue:focus *,
input[type="button"].wcv-button-blue:hover *,
input[type="button"].wcv-button-blue:focus *,
a.wcv-button-blue:hover *,
a.wcv-button-blue:focus * {
    color: #ffffff !important;
}

/* Responsive adjustments for WC Vendors buttons */
@media (max-width: 768px) {
    .wcv-button,
    button.wcv-button,
    input[type="submit"].wcv-button,
    input[type="button"].wcv-button,
    a.wcv-button,
    .wcv-button-blue,
    button.wcv-button-blue,
    input[type="submit"].wcv-button-blue,
    input[type="button"].wcv-button-blue,
    a.wcv-button-blue {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}

/* ==============================
   WORDPRESS MEDIA MODAL
   Override GeneratePress customizer CSS that's too broad
   ============================== */

/* Media Modal Close Button */
.media-modal-close,
.media-modal-close:hover,
.media-modal-close:focus,
.media-modal-close:active {
    background: 0 0 !important;
    background-color: transparent !important;
    color: #646970 !important;
    border: 1px solid transparent !important;
    transform: none !important;
    box-shadow: none !important;
}

.media-modal-close:hover,
.media-modal-close:active {
    color: #135e96 !important;
    background: 0 0 !important;
    background-color: transparent !important;
}

.media-modal-close:focus {
    color: #135e96 !important;
    border-color: #4f94d4 !important;
    box-shadow: 0 0 3px rgba(34,113,177,.8) !important;
    background: 0 0 !important;
    background-color: transparent !important;
}

/* Media Library Tab Buttons - Fix invisible text */
.media-modal .media-router button,
.media-modal .media-router .media-menu-item,
.media-modal .media-router a,
.media-frame .media-router button,
.media-frame .media-router .media-menu-item,
.media-frame .media-router a {
    color: #555 !important;
    background-color: transparent !important;
}

.media-modal .media-router button:hover,
.media-modal .media-router .media-menu-item:hover,
.media-modal .media-router a:hover,
.media-frame .media-router button:hover,
.media-frame .media-router .media-menu-item:hover,
.media-frame .media-router a:hover,
.media-modal .media-router button:focus,
.media-modal .media-router .media-menu-item:focus,
.media-modal .media-router a:focus,
.media-frame .media-router button:focus,
.media-frame .media-router .media-menu-item:focus,
.media-frame .media-router a:focus {
    color: #0073aa !important;
    background-color: transparent !important;
}

.media-modal .media-router .media-menu-item.active,
.media-modal .media-router button.active,
.media-frame .media-router .media-menu-item.active,
.media-frame .media-router button.active {
    color: #0073aa !important;
    background-color: #f0f0f1 !important;
    border-bottom-color: #0073aa !important;
}