.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d{width:100%;max-width:100%;background-color:var( --e-global-color-v4-primary );background-image:url("https://woonhelp.nl/wp-content/uploads/2026/06/bg_leaf-1.webp");margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;background-position:bottom center;background-size:auto;border-style:none;border-radius:15px 15px 15px 15px;}.elementor-7622 .elementor-element.elementor-element-63a8ec5d:hover{border-style:none;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.2);}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:10px;}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-title{margin-block-end:15px;color:var( --e-global-color-v4-white );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-v4-accent-2 );fill:var( --e-global-color-v4-white );color:var( --e-global-color-v4-white );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-framed .elementor-icon, .elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-default .elementor-icon{fill:var( --e-global-color-v4-accent-2 );color:var( --e-global-color-v4-accent-2 );border-color:var( --e-global-color-v4-accent-2 );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-v4-white );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-v4-accent-2 );fill:var( --e-global-color-v4-white );color:var( --e-global-color-v4-white );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-v4-accent-2 );color:var( --e-global-color-v4-accent-2 );border-color:var( --e-global-color-v4-accent-2 );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-v4-white );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon{font-size:12px;padding:12px;}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-title, .elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-title a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d:has(:hover) .elementor-icon-box-title,
					 .elementor-7622 .elementor-element.elementor-element-63a8ec5d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-v4-white );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-description{font-family:var( --e-global-typography-fe29e17-font-family ), Sans-serif;font-size:var( --e-global-typography-fe29e17-font-size );font-weight:var( --e-global-typography-fe29e17-font-weight );color:var( --e-global-color-v4-secondary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d.elementor-element{--order:-99999 /* order start hack */;}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-title, .elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-title a{font-size:var( --e-global-typography-accent-font-size );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-description{font-size:var( --e-global-typography-fe29e17-font-size );}}@media(max-width:767px){.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-title, .elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-title a{font-size:var( --e-global-typography-accent-font-size );}.elementor-7622 .elementor-element.elementor-element-63a8ec5d .elementor-icon-box-description{font-size:var( --e-global-typography-fe29e17-font-size );}}/* Start custom CSS for html, class: .elementor-element-71206a48 *//* ===== Base ===== */
.partner-branches .ll-cards,
.partner-branches .ll-cards * {
    box-sizing: border-box;
}

.partner-branches .ll-cards {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;

    --ll-dark: var(--Primary);
    --ll-text: var(--Text);
    --ll-muted: #d99b45;
    --ll-border: #ece6e0;
    --ll-bg: transparent;
    --ll-accent: var(--Accent); /* ← ดึงจาก Elementor Global Colors */
    --ll-white: #ffffff;
}

.partner-branches .ll-cards a {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* ===== Main Grid Layout ===== */
.partner-branches .ll-cards .ll-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.partner-branches .ll-cards .ll-grid > .LinkLibraryCat.level0 {
    width: 100%;
    margin: 0;
}

.partner-branches .ll-cards .ll-wide {
    display: block;
}

.partner-branches .ll-cards .ll-wide > .LinkLibraryCat.level0 {
    width: 100%;
    margin: 0 0 18px 0;
}

/* ===== Card Style — Minimal ===== */
.partner-branches .ll-cards .LinkLibraryCat.level0 {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background: var(--ll-bg);
    border: 1px solid var(--ll-border);
    border-radius: 14px;
    color: var(--ll-text);

    padding: 22px;
    min-height: 118px;

    box-shadow: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.partner-branches .ll-cards .LinkLibraryCat.level0:hover {
    border-color: var(--ll-accent);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transform: none;
}

.partner-branches .ll-cards .LinkLibraryCat.level0::after {
    content: none !important;
    display: none !important;
}

/* ===== Category Heading ===== */
.partner-branches .ll-cards .linklistcatname {
    margin: 0;
    position: relative;
    z-index: 2;

    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: 1.2;
    color: var(--ll-dark);
    border-bottom: 1px solid #f1f1f1;
}

.partner-branches .ll-cards .linklistcatname.ll-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.partner-branches .ll-cards .LinkLibraryCat.level0 .linklistcatclass {
    display: block;
    cursor: pointer;

    color: var(--ll-dark);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: 1.2;

    padding: 0;
    border: 0;
    text-decoration: none;
}

.partner-branches .ll-cards .LinkLibraryCat.level0 .linklistcatclass:hover {
    color: var(--ll-accent);
    text-decoration: none;
}

/* ===== Orange CTA Icon Button ===== */
.partner-branches .ll-cards .ll-join-btn {
    width: 42px;
    height: 42px;
    min-width: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;
    background: var(--ll-accent);
    color: #fff;
    text-decoration: none;

    box-shadow: 0 4px 12px rgba(254, 127, 45, 0.2);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.partner-branches .ll-cards .ll-join-btn:hover {
    transform: translateX(2px) scale(1.04);
    box-shadow: 0 6px 16px rgba(254, 127, 45, 0.3);
}

.partner-branches .ll-cards .ll-join-btn:focus-visible {
    outline: 3px solid var(--ll-accent);
    outline-offset: 3px;
}

.partner-branches .ll-cards .ll-join-btn svg {
    width: 22px;
    height: 22px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ===== Lists + Links ===== */
.partner-branches .ll-cards ul {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 2;
}

.partner-branches .ll-cards .LinkLibraryCat.level0 > ul {
    columns: 1;
}

.partner-branches .ll-cards li {
    position: relative;
    padding: 7px 0 7px 18px;
    border-bottom: 1px solid var(--ll-border);
    opacity: 1;
    list-style: none;
    color: var(--ll-muted);
}

.partner-branches .ll-cards li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--ll-border); /*li-color*/
}

.partner-branches .ll-cards li:last-child {
    border-bottom: none;
}

.partner-branches .ll-cards li > a {
    color: var(--ll-muted);
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
}

.partner-branches .ll-cards li > a:hover {
    color: var(--ll-accent);
    text-decoration: underline;
}

/* ===== Link Library Typography ===== */
.partner-branches .ll-cards li.track_this_link,
.partner-branches .ll-cards li.track_this_link > a,
.partner-branches .ll-cards li .track_this_link,
.partner-branches .ll-cards li > a.track_this_link {
    font-family: var(--DM_Sans), Sans-serif;
    font-weight: 400;
    font-size: var(--Tekst);
    color: var(--ll-muted);
    text-align: start;
}

.partner-branches .ll-cards li.track_this_link > a:hover,
.partner-branches .ll-cards li .track_this_link:hover,
.partner-branches .ll-cards li > a.track_this_link:hover {
    color: var(--ll-accent);
    text-decoration: underline;
}

.partner-branches .ll-cards .track_this_link.featured {
    font-weight: 600;
}

.partner-branches .ll-cards .editlink {
    display: none;
}

/* ===== Subcategories ===== */
.partner-branches .ll-cards .LinkLibraryCat.level0 .ll-subcats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
    position: relative;
    z-index: 2;
}

.partner-branches .ll-cards .ll-subcats > .LinkLibraryCat.childlevel.level1 {
    margin: 0;
    padding: 14px;
    border: 1px solid var(--ll-border);
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
}

.partner-branches
    .ll-cards
    .ll-subcats
    > .LinkLibraryCat.childlevel.level1:hover {
    border-color: var(--ll-accent);
}

.partner-branches
    .ll-cards
    .LinkLibraryCat.childlevel.level1
    .linklistcatclass {
    color: var(--ll-dark);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
}

/* =========================================================
   Tablet
========================================================= */
@media (max-width: 1024px) {
    .partner-branches .ll-cards .ll-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .partner-branches .ll-cards .LinkLibraryCat.level0 {
        padding: 20px;
    }

    .partner-branches .ll-cards .LinkLibraryCat.level0 .ll-subcats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   Mobile
========================================================= */
@media (max-width: 700px) {
    .partner-branches .ll-cards .ll-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .partner-branches .ll-cards .LinkLibraryCat.level0 {
        padding: 18px;
        min-height: 96px;
        border-radius: 12px;
    }

    .partner-branches .ll-cards .linklistcatname,
    .partner-branches .ll-cards .LinkLibraryCat.level0 .linklistcatclass {
        line-height: 1.25;
    }

    .partner-branches .ll-cards ul {
        margin-top: 10px;
    }

    .partner-branches .ll-cards li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .partner-branches .ll-cards li::before {
        top: 14px;
    }

    .partner-branches .ll-cards li > a {
        font-size: 14px;
        line-height: 1.35;
    }

    .partner-branches .ll-cards .ll-join-btn {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .partner-branches .ll-cards .ll-join-btn svg {
        width: 20px;
        height: 20px;
    }

    .partner-branches .ll-cards .LinkLibraryCat.level0 .ll-subcats {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* ===== Disable hover animation on touch devices ===== */
@media (hover: none) {
    .partner-branches .ll-cards .LinkLibraryCat.level0:hover,
    .partner-branches .ll-cards .ll-join-btn:hover {
        transform: none;
    }
}

/* =========================================================
   Per-site accent color overrides
   (ใส่ใน Global CSS หรือ Custom CSS ของแต่ละเว็บ)
========================================================= */

/* sandrastuin.nl — ปรับ accent ให้ตรงกับ brand */
/* .sandrastuin .partner-branches .ll-cards {
  --ll-accent: #XXXXXX;
} */

/* mgtuinen.nl — accent ตาม brand palette */
/* .mgtuinen .partner-branches .ll-cards {
  --ll-accent: #90AB8B;
} *//* End custom CSS */