/**
 * Hubsleek - Six Modules Section Styles
 * Scoped strictly to .hubsleek-six-modules-section
 */

.hubsleek-six-modules-section {
    position: relative;
    box-sizing: border-box;
}

/* Section Header Typography & Spacing */
.hubsleek-six-modules-section .kt-adv-heading_mod_sub {
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0A4F44 !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}

.hubsleek-six-modules-section .kt-adv-heading_mod_h2 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}

.hubsleek-six-modules-section .kt-adv-heading_mod_desc {
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #12181BA3 !important;
    line-height: 1.5 !important;
    max-width: 620px !important;
    margin-top: 0 !important;
    margin-bottom: 48px !important;
    text-align: left !important;
}

/* Six Modules Outer Container */
.hubsleek-six-modules-section .hubsleek-modules-container {
    border: 1px solid #E4E1D8 !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

.hubsleek-six-modules-section .hubsleek-modules-container > .kt-row-layout-inner,
.hubsleek-six-modules-section .hubsleek-modules-container .kadence-column_modules_container_col > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Grid Rows Resets */
.hubsleek-six-modules-section .hubsleek-modules-row {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.hubsleek-six-modules-section .hubsleek-modules-row > .kt-row-layout-inner {
    padding: 0 !important;
    margin: 0 !important;
}

.hubsleek-six-modules-section .hubsleek-modules-row > .kt-row-layout-inner > .kt-row-column-wrap {
    column-gap: 0 !important;
    row-gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Individual Module Card */
.hubsleek-six-modules-section .hubsleek-module-card {
    background: #FFFFFF !important;
    box-sizing: border-box !important;
    border: none !important;
}

.hubsleek-six-modules-section .hubsleek-module-card > .kt-inside-inner-col {
    padding: 40px 36px 36px 36px !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    border-radius: 0 !important;
    border-width: 0 !important;
}

/* Card Icon */
.hubsleek-six-modules-section .hubsleek-module-card .wp-block-kadence-image {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.hubsleek-six-modules-section .hubsleek-module-card .wp-block-kadence-image img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    display: block !important;
    object-fit: contain !important;
}

/* Card Title */
.hubsleek-six-modules-section .hubsleek-module-card h3.wp-block-kadence-advancedheading {
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #12181B !important;
    line-height: 1.25 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
}

/* Card Description Text */
.hubsleek-six-modules-section .hubsleek-module-card p.wp-block-kadence-advancedheading {
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #12181BA3 !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

/* Desktop Dividers */
@media (min-width: 768px) {
    /* Top row gets bottom border on cards */
    .hubsleek-six-modules-section .hubsleek-modules-row-top .hubsleek-module-card > .kt-inside-inner-col {
        border-bottom: 1px solid #E4E1D8 !important;
    }
    
    /* Column 1 and Column 2 get right border */
    .hubsleek-six-modules-section .hubsleek-card-col-1 > .kt-inside-inner-col,
    .hubsleek-six-modules-section .hubsleek-card-col-2 > .kt-inside-inner-col {
        border-right: 1px solid #E4E1D8 !important;
    }
}

/* Tablet Adjustments */
@media (max-width: 1024px) and (min-width: 768px) {
    .hubsleek-six-modules-section .hubsleek-module-card > .kt-inside-inner-col {
        padding: 32px 24px !important;
    }
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .hubsleek-six-modules-section .kt-adv-heading_mod_desc {
        margin-bottom: 32px !important;
    }

    .hubsleek-six-modules-section .hubsleek-module-card > .kt-inside-inner-col {
        padding: 28px 20px !important;
        border-right: none !important;
        border-bottom: 1px solid #E4E1D8 !important;
    }

    .hubsleek-six-modules-section .hubsleek-card-last > .kt-inside-inner-col {
        border-bottom: none !important;
    }
}
