/* ========================================
   GLOBAL BUTTON OVERRIDE
   Force remove #c36 color from all buttons
   Add this to your theme
   ======================================== */

/* CRITICAL: Override WordPress/Theme default button styles */
[type=button],
[type=submit],
button {
    background-color: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    cursor: pointer !important;
}

/* CRITICAL: Override button hover/focus states - REMOVE #c36 */
[type=button]:hover,
[type=button]:focus,
[type=button]:active,
[type=submit]:hover,
[type=submit]:focus,
[type=submit]:active,
button:hover,
button:focus,
button:active {
    background-color: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Remove focus outline (accessibility handled in specific components) */
[type=button]:focus-visible,
[type=submit]:focus-visible,
button:focus-visible {
    outline: 2px solid #5A4F42 !important;
    outline-offset: 2px !important;
}

/* ========================================
   SPECIFIC BUTTON STYLES
   Define your actual button styles here
   ======================================== */

/* Hamburger button - specific override */
.al-hamburger {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.al-hamburger:hover,
.al-hamburger:focus,
.al-hamburger:active {
    background: transparent !important;
    border: none !important;
}

.al-hamburger-line {
    background-color: #5A4F42 !important;
}

.al-hamburger:hover .al-hamburger-line,
.al-hamburger:focus .al-hamburger-line,
.al-hamburger:active .al-hamburger-line {
    background-color: #5A4F42 !important;
}

/* Homepage white hamburger */
body.home .al-header:not(.al-scrolled) .al-hamburger-line {
    background-color: #FFF !important;
}

body.home .al-header:not(.al-scrolled) .al-hamburger:hover .al-hamburger-line,
body.home .al-header:not(.al-scrolled) .al-hamburger:focus .al-hamburger-line {
    background-color: #FFF !important;
}

/* Primary buttons (CTA, etc) */
.button-primary,
.btn-primary,
.al-btn-primary {
    background-color: #5A4F42 !important;
    color: #FFF !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.button-primary:hover,
.button-primary:focus,
.btn-primary:hover,
.btn-primary:focus,
.al-btn-primary:hover,
.al-btn-primary:focus {
    background-color: #766C61 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

/* Secondary buttons */
.button-secondary,
.btn-secondary,
.al-btn-secondary {
    background-color: transparent !important;
    color: #5A4F42 !important;
    border: 1px solid #5A4F42 !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.button-secondary:hover,
.button-secondary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.al-btn-secondary:hover,
.al-btn-secondary:focus {
    background-color: #5A4F42 !important;
    color: #FFF !important;
    border-color: #5A4F42 !important;
    text-decoration: none !important;
}

/* Form submit buttons */
input[type=submit],
button[type=submit] {
    background-color: #5A4F42 !important;
    color: #FFF !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

input[type=submit]:hover,
input[type=submit]:focus,
button[type=submit]:hover,
button[type=submit]:focus {
    background-color: #766C61 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

/* Stories button circle */
.stories-btn-circle {
    background: #5A4F42 !important;
}

.stories-btn:hover .stories-btn-circle,
.stories-btn:focus .stories-btn-circle {
    background: #5A4F42 !important;
    transform: scale(1.1) !important;
}

/* WordPress default buttons */
.wp-block-button__link,
.wp-element-button {
    background-color: #5A4F42 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-element-button:hover,
.wp-element-button:focus {
    background-color: #766C61 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

/* Gravity Forms buttons */
.gform_button,
.gform_wrapper input[type=submit] {
    background-color: #5A4F42 !important;
    color: #FFF !important;
    border: none !important;
    text-decoration: none !important;
}

.gform_button:hover,
.gform_button:focus,
.gform_wrapper input[type=submit]:hover,
.gform_wrapper input[type=submit]:focus {
    background-color: #766C61 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

/* Elementor buttons */
.elementor-button,
.elementor-button-link {
    background-color: #5A4F42 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link:hover,
.elementor-button-link:focus {
    background-color: #766C61 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

/* ========================================
   REMOVE ALL RED/PINK COLORS (#c36, #cc3366)
   ======================================== */

/* Force remove any #c36 or #cc3366 colors globally */
*[style*="#c36"],
*[style*="#cc3366"],
*[style*="rgb(204, 51, 102)"] {
    background-color: #5A4F42 !important;
}

/* Remove from links */
a[style*="#c36"],
a[style*="#cc3366"] {
    color: #5A4F42 !important;
}

a[style*="#c36"]:hover,
a[style*="#cc3366"]:hover {
    color: #766C61 !important;
}

/* ========================================
   PRINT STYLES
   ======================================== */
@media print {
    [type=button],
    [type=submit],
    button {
        background: transparent !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

/* High contrast mode support */
@media (prefers-contrast: high) {
    [type=button],
    [type=submit],
    button {
        border: 2px solid currentColor !important;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    [type=button],
    [type=submit],
    button {
        transition: none !important;
    }
}