/**
 * Kiks Hardware - WPBakery Design Overrides & Modernization
 * Overrides legacy Visual Composer styles with modern industrial construction design tokens
 */

/* Clean shortcode wrappers when WPBakery is deactivated */
.kiks-wpb-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 30px -15px;
}

.kiks-wpb-col {
    padding: 0 15px;
    box-sizing: border-box;
}

.kiks-wpb-col-12 { width: 100%; flex: 0 0 100%; }
.kiks-wpb-col-9  { width: 75%; flex: 0 0 75%; }
.kiks-wpb-col-8  { width: 66.666%; flex: 0 0 66.666%; }
.kiks-wpb-col-6  { width: 50%; flex: 0 0 50%; }
.kiks-wpb-col-4  { width: 33.333%; flex: 0 0 33.333%; }
.kiks-wpb-col-3  { width: 25%; flex: 0 0 25%; }

@media (max-width: 768px) {
    .kiks-wpb-col {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 20px;
    }
}

/* ==========================================================================
   Override Active WPBakery (Visual Composer) Classes
   ========================================================================== */

/* Rows & Container Fixes */
.entry-content .vc_row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    margin-bottom: 30px !important;
}

.entry-content .vc_row::before,
.entry-content .vc_row::after {
    display: table;
    content: " ";
}

.entry-content .vc_column_container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Headings generated by WPBakery */
.entry-content .vc_custom_heading {
    font-family: var(--kiks-font-heading, 'Oswald', sans-serif) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    color: var(--kiks-secondary, #0f172a) !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

/* Buttons generated by WPBakery (.vc_btn3, .vc_btn) */
.entry-content .vc_btn3-container,
.entry-content .vc_btn-container {
    margin-bottom: 20px !important;
}

.entry-content .vc_btn3,
.entry-content .vc_btn {
    font-family: var(--kiks-font-heading, 'Oswald', sans-serif) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    border-radius: var(--kiks-radius, 6px) !important;
    padding: 12px 24px !important;
    background-image: none !important;
    box-shadow: var(--kiks-shadow-sm) !important;
    transition: var(--kiks-transition, all 0.2s ease) !important;
}

/* Transform WPBakery primary buttons into Construction Amber */
.entry-content .vc_btn3.vc_btn3-color-primary,
.entry-content .vc_btn3.vc_btn3-color-juicy-pink,
.entry-content .vc_btn3.vc_btn3-color-warning,
.entry-content .vc_btn3.vc_btn3-color-default {
    background-color: var(--kiks-primary, #d97706) !important;
    color: #ffffff !important;
    border: none !important;
}

.entry-content .vc_btn3.vc_btn3-color-primary:hover,
.entry-content .vc_btn3.vc_btn3-color-juicy-pink:hover,
.entry-content .vc_btn3.vc_btn3-color-warning:hover,
.entry-content .vc_btn3.vc_btn3-color-default:hover {
    background-color: var(--kiks-primary-hover, #b45309) !important;
    color: #ffffff !important;
}

/* Transform WPBakery dark buttons into Heavy Slate */
.entry-content .vc_btn3.vc_btn3-color-black,
.entry-content .vc_btn3.vc_btn3-color-inverse {
    background-color: var(--kiks-secondary, #0f172a) !important;
    color: #ffffff !important;
    border: none !important;
}

.entry-content .vc_btn3.vc_btn3-color-black:hover,
.entry-content .vc_btn3.vc_btn3-color-inverse:hover {
    background-color: var(--kiks-secondary-light, #1e293b) !important;
    color: #ffffff !important;
}

/* WPBakery Separators / Dividers */
.entry-content .vc_separator {
    border-color: var(--kiks-border, #e2e8f0) !important;
    margin: 25px 0 !important;
}

.entry-content .vc_separator .vc_sep_line {
    border-color: var(--kiks-primary, #d97706) !important;
}

/* WPBakery Message Boxes / Alerts */
.entry-content .vc_message_box {
    border-radius: var(--kiks-radius, 6px) !important;
    padding: 16px 20px !important;
    font-size: 14px !important;
    margin-bottom: 25px !important;
    border-left: 4px solid var(--kiks-primary, #d97706) !important;
    background-color: #f8fafc !important;
    color: var(--kiks-secondary, #0f172a) !important;
}

/* WPBakery Toggle / Accordion Overrides */
.entry-content .vc_toggle {
    background: #ffffff !important;
    border: 1px solid var(--kiks-border, #e2e8f0) !important;
    border-radius: var(--kiks-radius, 6px) !important;
    margin-bottom: 12px !important;
}

.entry-content .vc_toggle_title {
    padding: 14px 18px !important;
}

.entry-content .vc_toggle_title h4 {
    font-family: var(--kiks-font-heading, 'Oswald', sans-serif) !important;
    font-size: 16px !important;
    color: var(--kiks-secondary, #0f172a) !important;
    margin: 0 !important;
}

.entry-content .vc_toggle_content {
    padding: 0 18px 16px !important;
    color: var(--kiks-text-muted, #64748b) !important;
    font-size: 14px !important;
}