.elementor-117 .elementor-element.elementor-element-6446ec42{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-117 .elementor-element.elementor-element-7be3e293{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-117 .elementor-element.elementor-element-1042a0d8{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-6446ec42 */.elementor-117 .elementor-element.elementor-element-6446ec42 .rank-math-breadcrumb p, .rank-math-breadcrumb a{
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

.elementor-117 .elementor-element.elementor-element-6446ec42 .rank-math-breadcrumb a:hover{
    color: rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7be3e293 *//* ===================================
   .linktable
   กล่องหลักที่ครอบรายการหมวดหมู่ทั้งหมด
   จัดเรียงเป็น grid หลายคอลัมน์อัตโนมัติ
=================================== */
.linktable {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  padding: 0px;
  font-family: var( --e-global-typography-text-font-family ), Sans-serif;
}

/* ===================================
   .catlistdiv
   การ์ดของแต่ละหมวดหมู่ (ทั้งแบบมีลิงก์และไม่มีลิงก์)
   กำหนดพื้นหลัง ขอบ มุมโค้ง และเงาเบา ๆ
=================================== */
.catlistdiv {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 14px 16px;
  text-align: center;
}

.catlistdiv:hover {
  border: 1px solid var(--Primary);;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 14px 16px;
  text-align: center;
}

/* ===================================
   .catlistdiv a
   ลิงก์ภายในการ์ด (หมวดที่กดได้)
   กำหนดสีตัวอักษร ตัวหนา และตัด underline ออก
=================================== */
.catlistdiv a {
  text-decoration: none;
  color: var(--Primary);
  font-weight: 600;
  display: block;
}

/* ===================================
   .linkcatname
   ตัวอักษรชื่อหมวดหมู่ (อยู่ใน span)
   กำหนดขนาดตัวอักษร
=================================== */
.linkcatname {
  /*font-size: 18px;*/
  font-size: 0.85rem;
  font-weight: 500;
}

/* ===================================
   .emptycat
   หมวดหมู่ที่ยังไม่มีลิงก์ (ยังไม่พร้อมใช้งาน)
   ทำให้สีจางลงเพื่อสื่อว่ากดไม่ได้
=================================== */
.emptycat {
  color: #a0a0a0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1042a0d8 *//* ===== Base ===== */
.partner-branches .ll-cards,
.partner-branches .ll-cards * { box-sizing: border-box; }

.partner-branches .ll-cards {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    --ll-dark: var(--Primary);
    --ll-text: var(--Text);
    --ll-muted: #0000EE;
    --ll-border: #e2e4e6;
    --ll-bg: transparent;
    --ll-accent: var(--Accent);
    --ll-white: #ffffff;
}

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

/* ===== 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 ===== */
.partner-branches .ll-cards .LinkLibraryCat.level0 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--ll-bg);
    border: 1px solid var(--ll-border);
    border-radius: 10px;
    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; }

/* ===== CTA 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: 0px;
    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); }
.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; }

/* ===== 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: 0px; 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: 0px; }
    .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; }
}

/* ===== Touch devices ===== */
@media (hover: none) {
    .partner-branches .ll-cards .LinkLibraryCat.level0:hover,
    .partner-branches .ll-cards .ll-join-btn:hover { transform: none; }
}/* End custom CSS */