/**
 * Edun Block Patterns Custom Styles — Fully Responsive
 *
 * RESPONSIVE STRATEGY:
 * --------------------
 * 1. All section padding uses clamp() to scale fluidly from 320px to 1440px+
 *    - Horizontal: clamp(20px, 10vw - 12px, 191px)  → 20px at 320px, 191px at ~1440px
 *    - Vertical:   clamp(48px, 5vw + 20px, 100px)    → 48px at 320px, 100px at ~1440px
 *
 * 2. Typography uses clamp() for fluid scaling — NO media-query font jumps
 *    - h1 titles: clamp(28px, 2.5vw + 16px, 48px)
 *    - h2 titles: clamp(24px, 1.5vw + 14px, 32px)
 *    - Labels:    clamp(14px, 0.5vw + 11px, 18px)
 *    - Body text: clamp(14px, 0.3vw + 12px, 16px)
 *
 * 3. Two-column layouts use flex percentages (not fixed px flex-basis)
 *    and wrap to single-column at 782px (WordPress default column break)
 *
 * 4. TEXT WRAPPING FIX: overflow-wrap: break-word on all headings prevents
 *    the "workforc e manage ment" mid-word splitting bug. Combined with
 *    text-wrap: balance for even line lengths.
 *
 * BREAKPOINTS:
 *   782px  — WordPress core column stack point (columns go single)
 *   480px  — Small mobile (buttons stack, team grid single-col)
 *
 * @package Edun_Child
 */

/* ============================================
   CSS VARIABLES / GLOBAL COLORS
   ============================================ */
:root {
    /* Main brand colors - change these to update globally */
    --edun-primary-color: #294338;
    --edun-text-gray: #7C7C7C;
    --edun-bg-light: #F7F6F0;

    /* Additional color palette */
    --edun-green-medium: #477257;
    --edun-olive: #D5D5BC;
    --edun-white: #FFFFFF;
    --edun-dark: #212121;

    /* Alias colors for WordPress blocks */
    --edun-cream: var(--edun-bg-light);
    --edun-green: var(--edun-primary-color);
    --edun-gray: var(--edun-text-gray);

    /* Fluid spacing tokens — reusable across all sections */
    --edun-pad-x: clamp(20px, 10vw - 12px, 191px);
    --edun-pad-y: clamp(48px, 5vw + 20px, 100px);
    --edun-gap-columns: clamp(32px, 5vw, 100px);
}

/* ============================================
   GLOBAL TEXT-WRAPPING FIX
   Prevents mid-word breaking on narrow screens.
   This is the #1 fix for "workforce manage ment".
   ============================================ */
.wp-block-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-wrap: balance;
}

.wp-block-paragraph,
p {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

/* ============================================
   HERO SECTION
   ============================================ */
.edun-hero-section {
    position: relative;
    overflow: hidden;
    background-color: var(--edun-bg-light) !important;
    padding-top: clamp(60px, 8vw + 20px, 204px) !important;
    padding-bottom: clamp(40px, 4vw + 10px, 184px) !important;
    padding-bottom: 0 !important;
    padding-left: var(--edun-pad-x) !important;
    padding-right: var(--edun-pad-x) !important;
    min-height: auto !important;

}




.edun-hero-section .wp-block-cover__inner-container {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Hero Columns — side-by-side on desktop, stacked on mobile */
.edun-hero-columns {
    gap: clamp(32px, 5vw, 148px) !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

/* Hero Content Column */
.edun-hero-content {
    flex: 1 1 55% !important;
    min-width: 0 !important;
}

/* Hero Label */
.edun-hero-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--edun-primary-color) !important;
    margin-bottom: clamp(12px, 1.5vw, 20px) !important;
}

/* Hero Title — fluid from 28px (mobile) → 48px (desktop) */
.edun-hero-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(28px, 2.5vw + 16px, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: clamp(12px, 1.5vw, 20px) !important;
}

/* Hero Description */
.edun-hero-description {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--edun-text-gray) !important;
    margin-bottom: clamp(20px, 2vw, 28px) !important;
    max-width: 600px;
}

/* Hero Buttons */
.edun-hero-buttons {
    gap: clamp(12px, 1.5vw, 20px) !important;
    flex-wrap: wrap !important;
}

.edun-hero-btn-primary .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    color: var(--edun-bg-light) !important;
    background-color: var(--edun-primary-color) !important;
    padding: clamp(10px, 1vw, 12px) clamp(20px, 2vw, 27px) !important;
    border: 2px solid var(--edun-primary-color) !important;
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;
}

.edun-hero-btn-primary .wp-block-button__link:hover {
    background-color: #1e332a !important;
    border-color: #1e332a !important;
}

/*==============*/
.edun-hero-btn-secondary {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    align-items: center !important;


}

.edun-hero-btn-secondary a {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    color: var(--edun-primary-color) !important;
    text-decoration: none !important;
    position: relative !important;
    display: inline-block !important;
    padding-bottom: 4px !important;
    border-bottom: 2px solid var(--edun-primary-color) !important;
    transition: opacity 0.3s ease !important;


}

.edun-hero-btn-secondary a:hover {
    opacity: 0.8 !important;
}

/* Straight underline for About edun */
.edun-hero-btn-secondary .wp-block-button__link {

    text-decoration: underline;
    text-decoration-thickness: 2px;
    /* control line thickness */
    text-underline-offset: 6px;
    /* space between text & line */
    border-radius: 0 !important;
}

/* Remove default WordPress blue button styling */
.edun-hero-btn-secondary .wp-block-button__link {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.edun-hero-btn-secondary .wp-block-button__link {
    display: inline-block;
    width: auto;
    padding: 0;
    border-bottom: 2px solid #2f4f3f;
}



/* Hero Image Column */
.edun-hero-image-column {
    flex: 1 1 45% !important;
    min-width: 0 !important;
}

.edun-hero-image-column img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Hero section decorative circles */
.edun-hero-section .wp-block-cover__background {
    z-index: 0;
}



/* Additional decorative circles for hero section */
.edun-hero-section .edun-hero-image::before {
    content: '';
    position: absolute;
    width: 65px;
    height: 65px !important;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(213, 213, 188, 0.25) 0%, rgba(213, 213, 188, 0.1) 100%);
    right: 328px;
    top: 195px;
    z-index: -1;
    pointer-events: none;
}

.edun-hero-section .edun-hero-image::after {
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(71, 114, 87, 0.2) 0%, rgba(71, 114, 87, 0.08) 100%);
    right: 357px;
    top: 43px;
    z-index: -1;
    pointer-events: none;
}


/* Hero responsive — tablet: stack to single column */
@media (max-width: 782px) {
    .edun-hero-columns {
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }

    .edun-hero-content,
    .edun-hero-image-column {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    .edun-hero-section {
        text-align: center !important;
    }

    .edun-hero-description {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .edun-hero-buttons {
        justify-content: center !important;
    }

    .edun-hero-image-column {
        max-width: 420px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Hide decorative circles on mobile — they overlap content */
    .edun-hero-section .edun-hero-image::before,
    .edun-hero-section .edun-hero-image::after {
        display: none;
    }

    /* Fix secondary button underline width on mobile */
    .edun-hero-btn-secondary {
        max-width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Hero responsive — small mobile: full-width buttons */
@media (max-width: 480px) {
    .edun-hero-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .edun-hero-buttons .wp-block-button__link {
        width: 100% !important;
        text-align: center !important;
    }

    .edun-hero-image-column {
        max-width: 100% !important;
    }
}

/* ============================================
   WHAT IS EDUN SECTION
   ============================================ */
.edun-what-is-section {
    position: relative !important;
    background-color: #FFFFFF !important;
    padding: var(--edun-pad-y) var(--edun-pad-x) !important;
}

.edun-what-is-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--edun-primary-color) !important;
    margin-bottom: 20px !important;
}

.edun-what-is-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 1.5vw + 14px, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.edun-what-is-description {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--edun-text-gray) !important;
    margin-bottom: 28px !important;
}

/* App Store Badges */
.edun-app-store-badges {
    gap: clamp(16px, 2vw, 40px) !important;
    margin-top: 28px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}

.edun-app-store-badge,
.edun-google-play-badge {
    margin: 0 !important;
}

.edun-app-store-badge img,
.edun-google-play-badge img {
    display: block !important;
    border: 1px solid #a6a6a6 !important;
    border-radius: 7px !important;
    background-color: #0c0d10 !important;
    transition: opacity 0.3s ease, transform 0.2s ease !important;
}

.edun-google-play-badge img {
    border-radius: 5px !important;
}



.edun-what-is-buttons {
    margin-top: 28px !important;
}

.edun-what-is-btn .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: 2px solid var(--edun-primary-color) !important;
    color: var(--edun-primary-color) !important;
    background-color: transparent !important;
    padding: clamp(10px, 1vw, 12px) clamp(20px, 2vw, 27px) !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.edun-what-is-btn .wp-block-button__link:hover {
    background-color: var(--edun-primary-color) !important;
    color: var(--edun-bg-light) !important;
}

/* ============================================
   TYPOGRAPHY REFINEMENTS
   ============================================ */
.wp-block-heading,
.wp-block-paragraph,
.wp-block-button__link {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

.has-poppins-font-family {
    font-family: 'Poppins', sans-serif !important;
}

/* Smooth font rendering */
.wp-block-heading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'kern' 1;
}

/* ============================================
   BUTTONS
   ============================================ */
.wp-block-button__link {
    transition: all 0.3s ease;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}



.wp-block-button.is-style-outline .wp-block-button__link:hover {
    opacity: 0.8;
    transform: none !;
    box-shadow: none;
}

/* ============================================
   IMAGES
   ============================================ */
.wp-block-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Image shadow effect */
.wp-block-image.has-custom-border img {
    box-shadow: 0 20px 60px rgba(26, 46, 35, 0.1);
}

/* ============================================
   WAVE DIVIDERS
   ============================================ */

/* Wave divider utility classes */
/* .edun-wave-divider-bottom-white::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 118px;
    background-image: url('../assets/svg/wave-bottom-white.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 1;
    pointer-events: none;
} */

.edun-wave-divider-top-white::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 118px;
    background-image: url('../assets/svg/wave-top-white.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 1;
    pointer-events: none;
}

/* ============================================
   YOUR PARTNER SECTION
   ============================================ */
.edun-partner-section {
    position: relative;
    background-color: #FFFFFF !important;
    padding: var(--edun-pad-y) var(--edun-pad-x) !important;
}

.edun-partner-columns {
    gap: var(--edun-gap-columns) !important;
    align-items: center;
}

.edun-partner-image-col {
    flex: 1 1 50% !important;
    min-width: 0 !important;
}

.edun-partner-image img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

.edun-partner-content {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    text-align: center !important;
}
.edun-pattern-core-crm{
    text-align: left !important;
}

.edun-partner-inner {
    gap: clamp(20px, 2vw, 28px) !important;
    display: flex !important;
    flex-direction: column !important;
}

.edun-partner-text-group {
    gap: clamp(12px, 1.5vw, 20px) !important;
    display: flex !important;
    flex-direction: column !important;
}

.edun-partner-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.edun-partner-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 1.5vw + 14px, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.edun-partner-description {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--edun-text-gray) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.edun-partner-buttons-group {
    gap: clamp(12px, 1.5vw, 20px) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.edun-partner-btn-primary .wp-block-button__link,
.edun-partner-btn-outline .wp-block-button__link {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 0.3vw + 12px, 16px);
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid var(--edun-primary-color) !important;
    color: var(--edun-primary-color) !important;

    padding: clamp(10px, 1vw, 12px) clamp(20px, 2vw, 27px);
}

.edun-partner-btn-outline .wp-block-button__link:hover {
    background-color: #1e4623 !important;
    color: var(--edun-bg-light) !important;

}

.edun-partner-btn-outline.is-style-outline .wp-block-button__link {
    border: 2px solid var(--edun-primary-color);

    color: var(--edun-primary-color);
}

/* Partner responsive — stack columns */
@media (max-width: 782px) {
    .edun-partner-columns {
        flex-wrap: wrap !important;
    }

    .edun-partner-image-col,
    .edun-partner-content {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .edun-partner-image-col {
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Underline text styling - editable paragraph block */
.edun-underline-text {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.edun-underline-text a {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    color: var(--edun-primary-color);
    text-decoration: none !important;
    position: relative !important;
    display: inline-block !important;
    padding-bottom: 4px !important;
    border-bottom: 2px solid var(--edun-primary-color) !important;
    transition: opacity 0.3s ease !important;
}

.edun-underline-text a:hover {
    opacity: 0.8 !important;
}

/* Underline button styling (legacy) */
.edun-underline-button {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    cursor: pointer !important;
    transition: opacity 0.3s ease !important;
    background: transparent !important;
}

.edun-underline-button:hover {
    opacity: 0.8 !important;
}

.edun-underline-button .wp-block-button__link,
.edun-underline-button p {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    color: var(--edun-primary-color) !important;
    line-height: 1.5 !important;
    background: transparent !important;
    border: none !important;
    position: relative !important;
    display: inline-block !important;
}

.edun-underline-button .wp-block-button__link::after {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background-color: var(--edun-primary-color) !important;
    margin-top: 2px !important;
}

.edun-underline {
    width: 100% !important;
    height: 2px !important;
    background-color: var(--edun-primary-color) !important;
    margin-top: 2px !important;
}

/* ============================================
   FEATURE SECTION WITH IMAGE
   ============================================ */
.feature-section-with-image {
    /* background-color: #477257 !important; */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: var(--edun-pad-y) 20px !important;
    background-color: var(--edun-olive);
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.feature-section-inner {
    padding-right: clamp(0px, 10vw - 32px, 191px) !important;
    padding-left: clamp(0px, 10vw - 32px, 191px) !important;
}

.feature-section-columns {
    gap: var(--edun-gap-columns) !important;
}

.feature-section-content {
    flex: 1 1 50% !important;
    min-width: 0 !important;
}

.feature-section-text-group {
    gap: clamp(16px, 2vw, 28px) !important;
    display: flex !important;
    flex-direction: column !important;
}

.feature-section-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--edun-primary-color);
    margin-bottom: 0 !important;
}

.feature-section-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(28px, 2.5vw + 16px, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: var(--edun-primary-color);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.feature-section-btn .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: 2px solid var(--edun-bg-light) !important;
    color: var(--edun-bg-light) !important;
    background-color: transparent !important;
    padding: clamp(10px, 1vw, 12px) clamp(20px, 2vw, 27px) !important;
}

.feature-section-image-col {
    flex: 1 1 50% !important;
    min-width: 0 !important;
}

/* Feature section responsive — stack columns */
@media (max-width: 782px) {
    .feature-section-columns {
        flex-wrap: wrap !important;
    }

    .feature-section-content,
    .feature-section-image-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    .feature-section-image-col {
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ============================================
   DECORATIVE ELEMENTS
   ============================================ */

/* Decorative dots for sections */
.edun-decorative-dots::before,
.edun-decorative-dots::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background-color: rgba(90, 107, 96, 0.1);
}

/* ============================================
   CORE CRM FEATURE SECTION
   ============================================ */
.edun-pattern-core-crm {
    position: relative;
    overflow: hidden;
    background-color: var(--edun-bg-light);
    padding: var(--edun-pad-y) var(--edun-pad-x) !important;
}

.edun-core-crm-columns {
    gap: var(--edun-gap-columns) !important;
}

.edun-core-crm-content {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}

.edun-core-crm-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--edun-primary-color);
    margin-bottom: clamp(12px, 1.5vw, 20px) !important;
}

.edun-core-crm-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 1.5vw + 14px, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: var(--edun-primary-color);
    margin-top: 0 !important;
    margin-bottom: clamp(12px, 1.5vw, 20px) !important;
}

.edun-core-crm-description {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--edun-text-gray) !important;
    margin-bottom: clamp(20px, 2vw, 28px) !important;
}

.edun-core-crm-buttons {
    margin-top: clamp(20px, 2vw, 28px) !important;
}

.edun-core-crm-btn .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: 2px solid var(--edun-primary-color);
    color: var(--edun-primary-color);
    background-color: transparent !important;
    padding: clamp(10px, 1vw, 12px) clamp(20px, 2vw, 27px) !important;
}

.edun-core-crm-btn .wp-block-button__link:hover {
    background-color: var(--edun-primary-color) !important;
    color: var(--edun-bg-light) !important;
    border: 2px solid var(--edun-primary-color);
}


.edun-core-crm-image-col {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}

.edun-core-crm-image img {
    max-width: 100% !important;
    height: auto !important;
}

/* Core CRM responsive — stack columns */
@media (max-width: 782px) {
    .edun-core-crm-columns {
        flex-wrap: wrap !important;
    }

    .edun-core-crm-content,
    .edun-core-crm-image-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .edun-core-crm-image-col {
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ============================================
   CONNECT FEATURE SECTION
   ============================================ */
.edun-pattern-connect {
    position: relative;
    overflow: hidden;
    background-color: var(--edun-bg-light) !important;
    padding: var(--edun-pad-y) var(--edun-pad-x) !important;
}

.edun-connect-columns {
    gap: var(--edun-gap-columns) !important;
}

.edun-connect-image-col {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}

.edun-connect-image img {
    max-width: 100% !important;
    height: auto !important;
}

.edun-connect-content {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}

.edun-connect-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--edun-primary-color) !important;
    margin-bottom: clamp(12px, 1.5vw, 20px) !important;
}

.edun-connect-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 1.5vw + 14px, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: clamp(12px, 1.5vw, 20px) !important;
}

.edun-connect-description {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--edun-text-gray) !important;
    margin-bottom: clamp(20px, 2vw, 28px) !important;
}

.edun-connect-buttons {
    margin-top: clamp(20px, 2vw, 28px) !important;
}

.edun-connect-btn .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: 2px solid var(--edun-primary-color) !important;
    color: var(--edun-primary-color) !important;
    background-color: transparent !important;
    padding: clamp(10px, 1vw, 12px) clamp(20px, 2vw, 27px) !important;
}

.edun-connect-btn .wp-block-button__link:hover {
    background-color: var(--edun-primary-color) !important;
    color: var(--edun-bg-light) !important;
}


/* Connect responsive — stack columns */
@media (max-width: 782px) {
    .edun-connect-columns {
        flex-wrap: wrap !important;
    }

    .edun-connect-image-col,
    .edun-connect-content {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        text-align: center !important;  /*--------------------------changed-----*/  
    }

    /* On mobile, show image above text (image-first for visual hierarchy) */
    .edun-connect-columns {
        flex-direction: column !important;
    }

    .edun-connect-image-col {
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Decorative leaf element on right side (commented out) */
/* .edun-pattern-core-crm::after {
    content: '';
    position: absolute;
    right: 40px;
    bottom: 100px;
    width: 389px;
    height: 225px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 389 225"><ellipse cx="100" cy="100" rx="80" ry="100" fill="%23294338" opacity="0.08" transform="rotate(-30 100 100)"/><ellipse cx="250" cy="120" rx="70" ry="90" fill="%23294338" opacity="0.06" transform="rotate(15 250 120)"/><ellipse cx="180" cy="80" rx="50" ry="70" fill="%23477257" opacity="0.05" transform="rotate(-15 180 80)"/></svg>') no-repeat center;
    background-size: contain;
    transform: rotate(-25deg);
    z-index: 0;
    pointer-events: none;
    opacity: 0.7;
} */

/* Decorative leaf element on left side (commented out) */
/* .edun-pattern-connect::before {
    content: '';
    position: absolute;
    left: 40px;
    top: 80px;
    width: 389px;
    height: 225px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 389 225"><ellipse cx="150" cy="110" rx="75" ry="95" fill="%23294338" opacity="0.07" transform="rotate(25 150 110)"/><ellipse cx="280" cy="100" rx="65" ry="85" fill="%23294338" opacity="0.05" transform="rotate(-20 280 100)"/><ellipse cx="200" cy="150" rx="55" ry="75" fill="%23477257" opacity="0.06" transform="rotate(10 200 150)"/></svg>') no-repeat center;
    background-size: contain;
    transform: rotate(25deg);
    z-index: 0;
    pointer-events: none;
    opacity: 0.7;
} */


/* Ensure content is above decorative elements */
.wp-block-group>.wp-block-columns,
.wp-block-group>.wp-block-heading,
.wp-block-group>.wp-block-paragraph,
.wp-block-group>.wp-block-buttons {
    position: relative;
    z-index: 2;
}

/* ============================================
   COLUMNS & SPACING
   ============================================ */
.wp-block-columns.are-vertically-aligned-center {
    align-items: center;
}

/* Ensure consistent column gaps */
.wp-block-columns {
    margin-bottom: 0;
}

/* ============================================
   GLOBAL RESPONSIVE — COLUMN STACKING
   At 782px (WordPress core breakpoint), columns
   naturally stack. We just need to clean up spacing.
   NO broad h1/h2 overrides — each section handles
   its own typography via clamp().
   ============================================ */
@media (max-width: 782px) {

    /* Let WordPress handle column wrapping — just fix spacing */
    .wp-block-column {
        margin-bottom: 32px;
    }

    .wp-block-column:last-child {
        margin-bottom: 0;
    }
}

/* ============================================
   ACCESSIBILITY
   ============================================ */
.wp-block-button__link:focus,
.wp-block-button__link:focus-visible {
    outline: 2px solid #2d4a3e;
    outline-offset: 2px;
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {

    .wp-block-button__link,
    .edun-app-store-badge img,
    .edun-google-play-badge img {
        transition: none !important;
    }

    .wp-block-button__link:hover,
    .edun-app-store-badge img:hover,
    .edun-google-play-badge img:hover {
        transform: none !important;
    }
}

/* ============================================
   NAVBAR STYLES
   ============================================ */
.edun-navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000;
    box-shadow: 0 1px 0 0 var(--edun-bg-light) !important;
}

.edun-header-wrapper {
    position: sticky !important;
    top: 0 !important;
}

.edun-navbar .edun-logo img {
    width: 112px;
    height: 30px;
}

.edun-menu-toggle {
    display: none;
}

.hameberger-menu.edun-menu-toggle,
.hamberger-close {
    width: 40px;
}

.hameberger-menu.edun-menu-toggle .wp-element-button,
.hamberger-close .wp-element-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px !important;
}

@media (max-width: 768px) {
    .edun-menu-toggle {
        display: block;
    }

    .edun-navbar .wp-block-buttons>.wp-block-button:not(.edun-menu-toggle) {
        display: none;
    }
}

/* ============================================
   FOOTER STYLES
   ============================================ */
.edun-footer,
.edun-site-footer {
    background-color: #212121 !important;
    padding: clamp(24px, 3vw, 40px) var(--edun-pad-x) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Footer inside shortcode wrapper - force full width */
footer.edun-footer-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

footer.edun-footer-wrapper .edun-footer,
footer.edun-footer-wrapper .edun-site-footer,
.edun-footer-wrapper .edun-footer,
.edun-footer-wrapper .edun-site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.edun-footer-columns {
    gap: clamp(24px, 4vw, 80px) !important;
}

/* Footer Brand Column */
.edun-footer-col-brand {
    flex: 1 1 30% !important;
    min-width: 0 !important;
}

.edun-footer-logo {
    width: 112px !important;
    height: 30px !important;
}

.edun-footer-logo img {
    width: 112px !important;
    height: 30px !important;
    filter: brightness(0) invert(1) !important;
}

.edun-footer-tagline {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--edun-bg-light) !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.edun-footer-contact {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--edun-bg-light) !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
}

.edun-footer-contact:last-of-type {
    margin-bottom: 20px !important;
}

.edun-footer-contact a {
    color: var(--edun-bg-light) !important;
    text-decoration: underline !important;
}

/* Footer Company/Products/Social Columns */
.edun-footer-col-company,
.edun-footer-col-products,
.edun-footer-col-social {
    flex: 1 1 auto !important;
    min-width: 120px !important;
}

.edun-footer-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: var(--edun-bg-light) !important;
    margin-bottom: 16px !important;
}

.edun-footer-link {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--edun-bg-light) !important;
    margin-bottom: 12px !important;
}

.edun-footer-link:last-of-type {
    margin-bottom: 0 !important;
}

.edun-footer-link a {
    color: var(--edun-bg-light) !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
}

.edun-footer-link a:hover {
    opacity: 0.8;
}

/* Footer Bottom */
.edun-footer-bottom {
    margin-top: clamp(24px, 3vw, 40px) !important;
    gap: clamp(24px, 4vw, 80px) !important;
}




.edun-footer-copyright-col {
    flex: 1 1 50% !important;
    min-width: 0 !important;

}

.edun-footer-copyright {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--edun-bg-light) !important;
}

.edun-footer-decoration-col {
    flex: 1 1 50% !important;
    min-width: 0 !important;
}

/* MOBILE FIX — keep footer bottom in one line */
@media (max-width: 768px) {

    .edun-footer-bottom {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        justify-content: space-between !important;
        gap: 12px !important;
    }

    /* remove 50% width forcing push */
    .edun-footer-copyright-col,
    .edun-footer-decoration-col {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: fit-content !important;
    }

}

/* Footer responsive — 2x2 grid on tablet, stack on mobile */
@media (max-width: 782px) {
    .edun-footer-columns {
        flex-wrap: wrap !important;
    }

    .edun-footer-col-brand {
        flex: 1 1 100% !important;
        margin-bottom: 24px !important;
    }

    .edun-footer-col-company,
    .edun-footer-col-products,
    .edun-footer-col-social {
        flex: 1 1 calc(33% - 16px) !important;
        min-width: 100px !important;
    }

.edun-wave-herosection {
    position: absolute !important;
    bottom: -50px !important;
    z-index: 99999999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important;      

       
}
}

@media (max-width: 480px) {

    .edun-footer-col-company,
    .edun-footer-col-products,
    .edun-footer-col-social {
        flex: 1 1 100% !important;
    }
    .edun-wave-herosection {
    position: absolute !important;
    bottom: -40px !important;
    z-index: 999999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important;      

       
}
.edun-hero-image {
  position: relative;
  top: 50px !important;
}

}

/* ============================================
   HERO IMAGE DECORATIVE ELEMENTS
   ============================================ */
.edun-hero-image {
    position: relative;
    z-index: 2;
}

/* ============================================
   EXACT FIGMA COLORS
   ============================================ */
/* Note: Color variables are now defined at the top of this file in :root */

/* Apply exact colors */
.has-edun-cream-background {
    background-color: var(--edun-cream) !important;
}

.has-edun-green-background {
    background-color: var(--edun-green) !important;
}

.has-edun-green-medium-background {
    background-color: var(--edun-green-medium) !important;
}

.has-edun-white-background {
    background-color: var(--edun-white) !important;
}

/* ============================================
   WHO WE ARE SECTION - TEAM MEMBERS
   ============================================ */
.edun-who-we-are-section {
    position: relative;
    background-color: #FFFFFF !important;
    padding: var(--edun-pad-y) var(--edun-pad-x) !important;
}

/* Header */
.edun-who-header {
    margin-bottom: clamp(32px, 4vw, 60px) !important;
}

.edun-who-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--edun-primary-color) !important;
    margin-bottom: 0 !important;
}

.edun-who-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 1.5vw + 14px, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.edun-who-description {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--edun-text-gray) !important;
    margin-bottom: 0 !important;
}

/* Team Grid */
.edun-team-grid .wp-block-columns {
    justify-content: center !important;
    align-items: flex-start;
    flex-wrap: wrap !important;
    gap: clamp(24px, 3vw, 40px) clamp(32px, 4vw, 60px) !important;
}

.edun-team-row {
    margin-bottom: clamp(40px, 5vw, 70px) !important;
}

.edun-team-row:last-child {
    margin-bottom: 0 !important;
}

/* Team Member */
.edun-team-member {
    flex-basis: 169px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    max-width: 169px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.edun-team-member-inner {
    gap: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Team Photo */
.edun-team-photo {
    margin-bottom: 0 !important;
}

.edun-team-photo img {
    width: 169px !important;
    height: 169px !important;
    object-fit: cover !important;

    border-radius: 100px !important;
    display: block;
}

/* Team Info */
.edun-team-info {
    gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.edun-team-name {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 700 !important;
    color: #477257 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

.edun-team-role {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    text-align: center !important;
}

/* Team grid responsive — 2-up on tablet, single on mobile */
@media (max-width: 782px) {
    .edun-team-grid .wp-block-columns {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .edun-team-member {
        flex-basis: calc(50% - 20px) !important;
        max-width: 200px !important;
    }

    .edun-team-photo img {
        width: 140px !important;
        height: 140px !important;
    }
}

@media (max-width: 480px) {
    .edun-team-member {
        flex-basis: 100% !important;
        max-width: 200px !important;
    }
}

/* ============================================
   INTEGRATIONS/PARTNERS LOGO SLIDER
   ============================================ */
.edun-integrations-slider-section {
    position: relative;
    background-color: var(--edun-bg-light) !important;
    padding: var(--edun-pad-y) var(--edun-pad-x) !important;

    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;


}

/* Header */
.edun-integrations-header {
    margin-bottom: clamp(32px, 4vw, 60px) !important;
}

.edun-integrations-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.5vw + 11px, 18px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--edun-primary-color) !important;
    margin-bottom: 0 !important;
}

.edun-integrations-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 1.5vw + 14px, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: var(--edun-primary-color) !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.edun-integrations-description {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 0.3vw + 12px, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--edun-text-gray) !important;
    margin-bottom: 0 !important;
}

/* Logo slider container */
.edun-logo-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.edun-logo-slider-wrapper {
    width: 100%;
    overflow: hidden;
}

.edun-logo-slider-track {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease-in-out;
}

/* Logo items */
.edun-logo-item {
    flex: 0 0 calc((100% - 100px) / 6);
    /* 6 items with 20px gaps */
    min-width: 0;
    background: #D5D5BC;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.edun-logo-item img {
    width: 150px !important;
    height: 80px !important;
    object-fit: contain !important;
    display: block;
}

/* Navigation buttons */
.edun-slider-navigation {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: clamp(24px, 3vw, 40px) !important;
}

.edun-slider-btn {
    width: 50px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--edun-primary-color);
    background: transparent;
    color: var(--edun-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.edun-slider-btn:hover:not(:disabled) {
    background: var(--edun-primary-color);
    color: #FFFFFF;
}

.edun-slider-btn:focus,
.edun-slider-btn:focus-visible {
    outline: none !important;
    border-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

.edun-slider-btn:active {
    transform: scale(0.95);
    outline: none !important;
}

.edun-slider-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.edun-slider-btn svg {
    width: 24px;
    height: 24px;
}

/* Next button - filled style */
.edun-slider-next {
    background: var(--edun-primary-color) !important;
    color: #FFFFFF !important;
}





/* Slider responsive — fewer items per view */
@media (max-width: 1024px) {
    .edun-logo-item {
        flex: 0 0 calc((100% - 60px) / 4);
        /* 4 items on tablet */
    }
}

@media (max-width: 768px) {
    .edun-logo-item {
        flex: 0 0 calc((100% - 20px) / 2);
        /* 2 items on mobile */
    }

    .edun-slider-btn {
        width: 40px;
        height: 40px;
    }

    .edun-slider-btn svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 480px) {
    .edun-logo-item {
        flex: 0 0 100%;
        /* 1 item on small mobile */
    }
}

/* ============================================
   PRINT STYLES
   ============================================ */
@media print {
    .wp-block-button {
        display: none;
    }

    .wp-block-group.alignfull {
        padding: 20px !important;
    }

    .edun-navbar {
        display: none;
    }
}

/* ============================================
   WHAT IS EDUN SECTION - COMPLETE RESPONSIVE FIX
   Targets: .edun-what-is-section
   ============================================ */

/* Content wrapper for max-width constraint */
.edun-what-is-section>.wp-block-group__inner-container,
.edun-what-is-section>div {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* Two-column layout for What is Edun (if using columns) */
.edun-what-is-section .wp-block-columns {
    gap: var(--edun-gap-columns) !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.edun-what-is-section .wp-block-column {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    /* Critical for text wrapping */
}

/* Content column (text side) */
.edun-what-is-content-col {
    flex: 1 1 55% !important;
    min-width: 0 !important;
}

/* Image/Placeholder column */
.edun-what-is-image-col {
    flex: 1 1 45% !important;
    min-width: 0 !important;
}

/* Image/Placeholder scaling */
.edun-what-is-section .wp-block-image,
.edun-what-is-section figure,
.edun-what-is-image {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.edun-what-is-section .wp-block-image img,
.edun-what-is-section figure img,
.edun-what-is-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    object-fit: contain !important;
}

/* Feature Grid (if present) */
.edun-what-is-features {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: clamp(20px, 3vw, 32px) !important;
    margin-top: clamp(32px, 4vw, 48px) !important;
}

.edun-what-is-feature-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Placeholder content */
.edun-what-is-section [class*="placeholder"],
.edun-what-is-section .wp-block-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* TABLET BREAKPOINT - 782px to 1024px */
@media (max-width: 1024px) and (min-width: 783px) {
    .edun-what-is-section .wp-block-columns {
        gap: clamp(32px, 4vw, 64px) !important;
    }

    .edun-app-store-badge img,
    .edun-google-play-badge img {
        max-height: 45px !important;
    }
}

/* TABLET BREAKPOINT - 782px (WordPress column stack point) */
@media (max-width: 782px) {

    /* Stack columns to single column */
    .edun-what-is-section .wp-block-columns {
        flex-wrap: wrap !important;
        flex-direction: column !important;
        gap: clamp(24px, 3vw, 40px) !important;
    }

    .edun-what-is-section .wp-block-column,
    .edun-what-is-content-col,
    .edun-what-is-image-col {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Center-align content on mobile */
    .edun-what-is-section {
        text-align: center !important;
    }

    /* Image column - constrain max width */
    .edun-what-is-image-col {
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Center buttons */
    .edun-what-is-buttons,
    .edun-app-store-badges {
        justify-content: center !important;
    }

    /* Feature grid - 2 columns on tablet */
    .edun-what-is-features {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* MOBILE BREAKPOINT - 480px and below */
@media (max-width: 480px) {

    /* Full-width buttons */
    .edun-what-is-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .edun-what-is-btn {
        width: 100% !important;
    }

    .edun-what-is-btn .wp-block-button__link {
        width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        /* Allow wrapping on very small screens */
    }

    /* Stack app store badges */
    .edun-app-store-badges {
        flex-direction: column !important;
        align-items: center !important;
    }

    .edun-app-store-badge,
    .edun-google-play-badge {
        width: 100% !important;
        max-width: 180px !important;
    }

    .edun-app-store-badge img,
    .edun-google-play-badge img {
        width: 100% !important;
        max-height: 60px !important;
    }

    /* Feature grid - single column on mobile */
    .edun-what-is-features {
        grid-template-columns: 1fr !important;
    }

    /* Image scaling for small screens */
    .edun-what-is-image-col {
        max-width: 100% !important;
    }
}

/* EXTRA SMALL MOBILE - 320px (minimum supported) */
@media (max-width: 320px) {
    .edun-what-is-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ============================================
   CORE CRM FEATURES SECTION - COMPLETE RESPONSIVE FIX
   Targets: .edun-pattern-core-crm, .edun-core-crm-section
   ============================================ */

/* Base structure - enhanced */
.edun-pattern-core-crm,
.edun-core-crm-section {
    overflow: hidden !important;
}

/* Content wrapper */
.edun-pattern-core-crm>.wp-block-group__inner-container,
.edun-core-crm-section>.wp-block-group__inner-container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* Two-column layout */
.edun-core-crm-columns {
    align-items: center !important;
    display: flex !important;
}

/* Image/Placeholder scaling */
.edun-core-crm-image,
.edun-core-crm-image-col .wp-block-image,
.edun-core-crm-image-col figure {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.edun-core-crm-image img,
.edun-core-crm-image-col img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    object-fit: contain !important;
}

/* Buttons */
.edun-core-crm-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: clamp(12px, 1.5vw, 20px) !important;
}

.edun-core-crm-btn .wp-block-button:hover {
    background-color: var(--edun-primary-color) !important;
    color: var(--edun-bg-light) !important;
}

.edun-core-crm-btn .wp-block-button__link {
    white-space: nowrap;
}


/* Feature Grid (if present in CRM section) */
.edun-core-crm-features {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: clamp(24px, 3vw, 40px) !important;
    margin-top: clamp(32px, 4vw, 48px) !important;
}

.edun-core-crm-feature-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: clamp(20px, 2vw, 28px) !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.edun-core-crm-feature-icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
}

.edun-core-crm-feature-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Placeholder content */
.edun-pattern-core-crm [class*="placeholder"],
.edun-pattern-core-crm .wp-block-placeholder,
.edun-core-crm-section [class*="placeholder"],
.edun-core-crm-section .wp-block-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* TABLET BREAKPOINT - 782px to 1024px */
@media (max-width: 1024px) and (min-width: 783px) {
    .edun-core-crm-columns {
        gap: clamp(32px, 4vw, 64px) !important;
    }

    .edun-core-crm-features {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* TABLET BREAKPOINT - 782px (Enhanced with centering) */
@media (max-width: 782px) {

    /* Center-align content on mobile */
    .edun-pattern-core-crm,
    .edun-core-crm-section {
        text-align: center !important;
    }

    /* Center buttons */
    .edun-core-crm-buttons {
        justify-content: center !important;
    }
    .edun-connect-buttons{
        justify-content: center !important;  /*------------changed------------*/
        
    }

    /* Feature grid - 2 columns on tablet */
    .edun-core-crm-features {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* MOBILE BREAKPOINT - 480px and below */
@media (max-width: 480px) {

    /* Full-width buttons */
    .edun-core-crm-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .edun-core-crm-btn {
        width: 100% !important;
    }
    .edun-connect-btn{
        width: 100% !important; /*-----------changed--------*/
    }

    .edun-core-crm-btn .wp-block-button__link {
        width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        /* Allow wrapping on very small screens */
    }

    /* Feature grid - single column on mobile */
    .edun-core-crm-features {
        grid-template-columns: 1fr !important;
    }

    /* Image scaling for small screens */
    .edun-core-crm-image-col {
        max-width: 100% !important;
    }

    .edun-core-crm-feature-item {
        padding: 20px !important;
    }
}

/* EXTRA SMALL MOBILE - 320px (minimum supported) */
@media (max-width: 320px) {

    .edun-pattern-core-crm,
    .edun-core-crm-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* 
    .wave-white-bottom::before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 118px;
        background-image: url('../assets/svg/wave-white.svg');
        background-position: top;
        z-index: 1;
        pointer-events: none;
    }
    .wave-white-top::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 118px;
        background-image: url('../assets/svg/wave-white.svg');
        background-position: top;
        z-index: 1;
        pointer-events: none;
        rotate: 180deg;
    }
    .wave-beige-bottom::before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 118px;
        background-image: url('../assets/svg/wave-beige.svg');
        background-position: top;
        z-index: 1;
        pointer-events: none;
    }
    .wave-beige-top::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 118px;
        background-image: url('../assets/svg/wave-beige.svg');
        background-position: top;
        z-index: 1;
    } */
/*====================================
First Wave image
====================================*/

.edun-wave img {
    transform: rotate(180deg);
    transform-origin: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
    margin-left: calc(-50vw + 50%);



}




.edun-wave img {
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;
    transform: rotate(180deg);
    vertical-align: bottom;
}

/*====================================
Second Wave image
====================================*/
.edun-wave1 img {

    transform-origin: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
    margin-left: calc(-50vw + 50%);


}

.eden-wave1 {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
    line-height: 0;
    margin-top: -2px !important;
}

.edun-wave1 img {
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;

    vertical-align: bottom;
}

/*==============================
wave down testimonial
==============================*/
.edun-wave-test img {
    transform-origin: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
    margin-left: calc(-50vw + 50%);

}

.edun-wave-test img {
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;
    transform: rotate(180deg);
    vertical-align: bottom;
    background-color: #4f6f57;
}

/*==============================
wave up testimonial
==============================*/
.edun-wave-test2 img {

    transform-origin: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
    margin-left: calc(-50vw + 50%);
}

.edun-wave-test2 img {
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;
    vertical-align: bottom;
    background-color: var(--edun-green-medium) !important;
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;

    vertical-align: bottom;
    background-color: #4f6f57;
}

/*===================================
white wave down
====================================*/
.edun-wave-test2-down img {
    transform-origin: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
    margin-left: calc(-50vw + 50%);
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;
    vertical-align: bottom;
    background-color: #4f6f57 !important;
}

/*=============================================
Scroll Bar, when click the hamberger 
===============================================*/
/* KEEP SCROLLBAR WHEN HAMBURGER MENU IS OPEN */
body .menu-open,
html .menu-open {
    overflow-y: auto !important;
}

body .menu-open {
    overflow-y: scroll !important;
    position: relative !important;
}

/*======================================
Power your work flow stretch code
======================================*/

/* Force full-width section */
.edun-integrations-slider-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}

/* Remove Astra inner container padding */
.edun-integrations-slider-section>.wp-block-group__inner-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove the Margin bottom of who-we-are-section */
/* Remove bottom gap from the section ABOVE the wave */
.edun-who-we-are-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/*==============================

===============================*/
.edun-wave-divider-bottom-white {
    margin-top: 0 !important;

}

.edun-mobile-menu-products {
    flex-basis: 548px !important;
}

.edun-navbar-btn-get-started .wp-block-button__link:hover {
    background-color: var(--edun-primary-color) !important;
    color: var(--edun-bg-light) !important;
}

.edun-slider-prev :hover {
    border: none !important;
}

.edun-wave-test2-down-x img {
    transform: rotate(180deg) !important;
    background-color: var(--edun-green-medium);
    border: none !important;

    transform-origin: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
    margin-left: calc(-50vw + 50%);
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;
    vertical-align: bottom;
}

/* Scroll to top button background */
.ast-scroll-top-icon {
    background-color: var(--edun-primary-color) !important;
    z-index: 99999999 !important;
    /* green */
}

/* Arrow icon color */
.ast-scroll-top-icon svg {
    fill: white !important;
}

/* Login button hover background */
.edun-navbar-btn-login .wp-block-button__link:hover {
    background-color: var(--edun-primary-color) !important;
    /* green */
    color: white !important;
    /* text color */
    border-color: var(--edun-primary-color) !important;
}

/* Make both testimonial arrows same style */
.testimonial-arrow {
    background-color: var(--edun-primary-color) !important;
    /* green circle */
    color: white !important;
    border: none !important;
}

/* Left arrow fix */
.testimonial-arrow.prev-arrow {
    background-color: var(--edun-primary-color) !important;
    color: white !important;
}



.testimonial-arrow svg path {
    stroke: white;
}



/* Make navigation container horizontal */
.edun-slider-navigation {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

/* Make BOTH arrows identical */
.edun-slider-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #294338 !important;
    /* same green */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
}

/* Make both icons same color */
.edun-slider-btn svg {
    fill: white !important;
    stroke: white !important;
}

/* Remove theme differences */
.edun-slider-prev,
.edun-slider-next {
    opacity: 1 !important;
    background: #294338 !important;
}

.edun-slider-prev svg path {
    stroke: white;
}

/* Hide current SVG icon */
.edun-slider-btn svg {
    display: none;
}

/* Common arrow style */
.edun-slider-prev::before,
.edun-slider-next::before {
    font-size: 23px;
    color: white;
    font-weight: 300;
    /* thin look */
    line-height: 1;
}

/* Thin LEFT arrow */
.edun-slider-prev::before {
    content: "‹";
}

/* Thin RIGHT arrow */
.edun-slider-next::before {
    content: "›";
}

/* Play video button normal state */
.feature-section-btn .wp-block-button__link {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Play video button hover (filled background) */
.feature-section-btn .wp-block-button__link:hover {
    background: rgba(117, 117, 117, 0.425) !important;
    /* change color if you want */
    color: #fff !important;
    /* text color after hover */
    border-color: #ffffff !important;
}

/* Get Started button fade effect */
.edun-navbar-btn-get-started .wp-block-button__link {
    transition: opacity 0.1s ease;
}

.edun-navbar-btn-get-started .wp-block-button__link:hover {
    opacity: 0.9;
}



/*==================================================
-----------------Wave Image Work Down---------------
==================================================*/
.testimonials-wrapper .testimonials-container{
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.testimonials-wrapper {
  position: relative !important;
}

.edun-hero-section{
    padding-bottom: 50px !important;
}

.edun-wave-dummy img{
    position: absolute !important;
    transform: rotate(180deg);
    top: -4px !important;
    width: 100vw !important;
    z-index: 999 !important;
    width: 100%;
  height: auto !important;
  display: block;
}

.testimonials-container{
    padding-top: 100px !important;
}
.testimonials-section{
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.edun-wave-dummy {

   width: 100vw;              /* full screen width */
  position: relative;        /* or absolute if overlay needed */

  left: 50%;                 /* move to center */
  right: 50%;
  margin-left: -50vw;        /* pull to left edge */
  margin-right: -50vw; 
   
}

/*==================================================
-----------------Wave Image Work Up-----------------
==================================================*/
.edun-wave1-dummy-up{
  width: 100vw;              /* full screen width */
    position: relative;        /* or absolute if overlay needed */
  left: 50%;                 /* move to center */
  right: 50%;
  margin-left: -50vw;        /* pull to left edge */
  margin-right: -50vw; 
}
.edun-wave1-dummy-up img{
     position: absolute !important;

    bottom: 23px !important;
    width: 100vw !important;
    z-index: 999 !important;
    width: 100%;
  height: auto !important;
  display: block;
}


/*==================================================
-----------------Wave Image Work Down Hero----------
==================================================*/

.feature-section-with-image{
    position: relative !important;

}
.edun-wave1-dummy-up-hero{
    position: relative !important;
    bottom: -53px !important;
    width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
}
.edun-wave1-dummy-up-hero img{
  transform-origin: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
   
   position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;
    
    margin-right: -40vw !important;
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: auto;

    
}












/* .feature-section-with-image{
    position: relative !important;
   
    z-index: 99999 !important;
     overflow: visible !important;
}

.edun-wave1-dummy-up-hero img{
    position: absolute !important;
   
 left: 0px !important;
    bottom: -51px !important;
     width: 100vw !important;
    z-index: 999 !important;
    width: 100%;
  height: auto !important;
  display: block;

   
  transform: translateX(-50%) !important;
  
  display: block;
   
}
.edun-wave1-dummy-up-hero{
     width: 100vw;             
    position: relative;     
  left: 50%;                
  right: 50%;
  margin-left: -50vw;      
  margin-right: -50vw; 
}  */


/*==========================================
--------------Home image work---------------
==========================================*/
.edun-hero-section {
    position: relative !important;
}
.edun-wave-herosection {
    position: absolute !important;
    bottom: -55px !important;
    z-index: 999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important;      

       
}
.edun-wave-herosection img{
    z-index: 999 !important;
     width: 100% !important;
    height: auto !important;
    display: block !important;
    min-width: 100% !important;

}
.edun-hero-image {
  position: relative;
  top: 40px;
}
@media (max-width: 1000px){
.edun-hero-image {
  position: relative;
  top: 60px !important;
}
.edun-wave-herosection {
    position: absolute !important;
    bottom: -50px !important;
    z-index: 999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important;      

       
}
.edun-hero-image {
  position: relative;
  top: 61px !important;
}
.edun-wave-herosection img{
    z-index: 999 !important;
     width: 100% !important;
   
    display: block !important;
    min-width: 100% !important;

}

}
@media (max-width: 900px){
.edun-hero-image {
  position: relative;
  top: 75px !important;
}
}

@media (max-width: 755px){
    .edun-hero-image {
  position: relative;
  top: 49px !important;
}
}
/* image container */
.feature-section-image {
  position: relative;
  top: -10px !important;        /* pulls image down */
}

/* make image bigger */
.feature-section-image img {
  width: 100%;      /* increase size */
  max-width: none;  /* remove wordpress limit */
}
.feature-section-image {
  position: relative;
  top: 80px;
  transform: scale(1); /* makes image larger */
  
}

/*=========Feature Section Image============*/
.feature-section-with-image{
      position: relative !important;
}

.edun-wave-featureSection{
    position: absolute !important;
    bottom: -10px !important;
    z-index: 999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important; 
}
.edun-wave-featureSection img{
    z-index: 999 !important;
     width: 100% !important;
    height: auto !important;
    display: block !important;
    min-width: 100% !important;

}
@media (max-width: 782px){
    .edun-wave-featureSection{
    position: absolute !important;
    bottom: 0px !important;
    z-index: 999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important; 
}
.feature-section-with-image{
    padding-top: 50px !important;
}
}
/*=========Contact Section Image============*/


.feature-section-with-image{
      position: relative !important;
}

.edun-wave-featureSection{
    position: absolute !important;
    bottom: -10px !important;
    z-index: 999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important; 
}
.edun-wave-featureSection img{
    z-index: 999 !important;
     width: 100% !important;
    height: auto !important;
    display: block !important;
    min-width: 100% !important;

}
@media (max-width: 782px){
    .edun-wave-featureSection{
    position: absolute !important;
    bottom: -2px !important;
    z-index: 999 !important;
    width: 100% !important;
    width: 100vw !important;             /*============Code to stretch the image to both end==========*/
    right: 50% !important;
    margin-left: -50vw !important;       
    margin-right: -50vw !important; 
}
.feature-section-with-image{
    padding-top: 50px !important;
}
}   

.feature-section-with-image{
    min-height: 400px !important;
}