/* ==========================================================================
   1. MOBILE VISIBILITY UTILITIES
   ========================================================================== */
@media (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }
}

/* ==========================================================================
   2. EQUAL HEIGHT COLUMN & BUTTON ALIGNMENT LOGIC
   ========================================================================== */
/* Ensure the Row inner wrapper stretches columns to full height */
.equal-height-col > .kt-row-layout-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

/* Make the Column container look at full available space */
.equal-height-col .wp-block-kadence-column {
    display: flex;
    height: 100%;
}

/* Set up internal column wrapper as a flexible vertical stack */
.equal-height-col .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}

/* Pin the button container to the absolute bottom of the card */
.equal-height-col .wp-block-buttons,
.equal-height-col .wp-block-kadence-advancedbtn {
    margin-top: auto !important;
}
/* ==========================================================================
   FORCE WORDPRESS CORE BUTTONS TO MATCH KADENCE PROPORTIONS
   ========================================================================== */

/* 1. Target the button tag itself inside the block wrapper to crush default spacing */
.wp-block-buttons .wp-block-button .wp-block-button__link,
.wp-block-buttons .wp-block-button button.wp-block-button__link,
.wp-block-buttons .wp-block-button .wp-element-button {
    font-family: "Lora", serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    letter-spacing: 0.07em !important;
    text-transform: none !important;
    
    /* Force specific line-height to stop the button from ballooning in height */
    line-height: 1.7 !important;
    
    /* Balanced compact padding to compensate for Core block bloat */
    padding: 11px 32px !important; 
    height: auto !important;
    min-height: 0 !important;
    
    /* Smooth out the 15px corner profile */
    border-radius: 15px !important; 
    
    /* Apply clear brand colors directly to the HTML rendering engine */
    background-color: #a47e4c !important; 
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-block !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* 2. Absolute hover state force */
.wp-block-buttons .wp-block-button .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button button.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button .wp-element-button:hover {
    background-color: #582f2f !important; 
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   SECONDARY STANDOUT OVERRIDE: FRONTIER KEY BRAND PALETTE
   ========================================================================== */

/* 1. target the link block containing the secondary modifier to change the color */
.wp-block-buttons .wp-block-button.btn-secondary .wp-block-button__link,
.wp-block-buttons .wp-block-button.btn-secondary button.wp-block-button__link,
.wp-block-buttons .wp-block-button.btn-secondary .wp-element-button {
    /* Transitions smoothly into your brand's calming asset Teal profile */
    background-color: #2f4f4f !important; 
    color: #ffffff !important;
}

/* 2. Absolute hover configuration control for the standout button variant */
.wp-block-buttons .wp-block-button.btn-secondary .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.btn-secondary button.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.btn-secondary .wp-element-button:hover {
    /* Flips smoothly back into your primary Deep Russet accent tone on hover */
    background-color: #582F2F !important; 
    color: #ffffff !important;
}