/*
 * 50 Page dental software.
 * Load order: content-style.css -> css/10-content-patterns.css -> css/15-woocommerce.css -> css/20-page-patterns.css -> css/20-support-pages.css -> style.css -> css/pages/50-page-*.css.
 * Purpose: Practice Management Software page-only styles loaded only on page ID 47 / slug dental-software.
 * Related files: content-style.css holds tokens/base utilities; css/10-content-patterns.css holds reusable components; css/20-page-patterns.css and css/20-support-pages.css hold page-family overrides.
 * Scope: these rules were moved from style.css, css/20-page-patterns.css, and editor-style.css and target .dsw-* classes.
 */

/* ============================================================
   Dental Software
   ============================================================ */

.dsw-hero-section .dsw-hero-copy,
.editor-styles-wrapper .dsw-hero-copy {
    margin: 1.25rem 0 2.75rem;
    color: #000;
    font-size: 1.0625rem;
    line-height: 28px;
}

.dsw-hero-product-img,
.editor-styles-wrapper .dsw-hero-product-img {
    max-width: 100%;
    height: auto;
}

.dsw-s2-title,
.editor-styles-wrapper .dsw-s2-title {
    margin-bottom: 40px;
}

.dsw-card-icon,
.editor-styles-wrapper .dsw-card-icon {
    color: var(--global-palette3);
    display: inline-block;
    font-size: 3.25rem;
    margin-bottom: 16px;
}

/* ============================================================
   Dental Software — S8 Testimonials + Videos
   ============================================================ */

.dsw-s8-videos {
    margin-top: 40px;
}

.dsw-s8-videos .wp-block-embed {
    margin: 0;
}

/* ============================================================
   Dental Software — S9 CTA Cards
   ============================================================ */

.dsw-s9-title {
    margin-bottom: 40px;
}

.dsw-s9-cards .kt-row-column-wrap {
    gap: 32px;
}

/* dental-software-kadence / Mobile responsive horizontal media layout for Section 9 cards (Option B - Active) */
@media (max-width: 767px) {
    .dsw-s9-cards .kt-inside-inner-col {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        grid-template-rows: auto auto !important;
        column-gap: 20px !important;
        row-gap: 8px !important;
        align-items: center !important;
        text-align: left !important;
        padding: 16px !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }

    .dsw-s9-cards .kt-inside-inner-col i.dsw-card-icon {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        font-size: 2.25rem !important;
        margin-bottom: 0 !important;
        align-self: center !important;
        color: var(--dmax-sky) !important;
    }

    .dsw-s9-cards .kt-inside-inner-col h4 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        font-size: 1.15rem !important;
        text-align: left !important;
    }

    .dsw-s9-cards .kt-inside-inner-col .kb-buttons-wrap {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        justify-content: flex-start !important;
    }
}

/* Option A: Swipable Horizontal Cards on Mobile (Commented out)
@media (max-width: 767px) {

    .dsw-s9-cards .kt-row-column-wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 16px !important;
        padding: 16px 20px !important;
        scrollbar-width: none !important;
    }

    .dsw-s9-cards .kt-row-column-wrap::-webkit-scrollbar {
        display: none !important;
    }

    .dsw-s9-cards .kt-row-column-wrap>.wp-block-kadence-column {
        flex: 0 0 82% !important;
        width: 82% !important;
        scroll-snap-align: center !important;
        box-sizing: border-box !important;
    }
}
*/

/* ============================================================
   Dental Software — S10 Flow Cloud
   ============================================================ */

.dsw-flow-section .dmax-copy {
    margin-bottom: 24px;
}

.dsw-s10-img img {
    width: 100%;
    height: auto;
}