/* =============================================================================
   TLO Public — shared styles (header / category dropdown / footer)
   โหลดผ่าน homepage/header.php (ใช้ทุกหน้าที่มี header+footer)
   ============================================================================= */

/* ---- Header navigation (label ไทยยาว: ลด padding + ห้าม wrap) ---- */
.rbt-header .mainmenu-nav .mainmenu { flex-wrap: nowrap; }
.rbt-header .mainmenu-nav .mainmenu > li > a { padding: 0 12px !important; white-space: nowrap; font-size: 14.5px; }
@media (min-width: 1600px) { .rbt-header .mainmenu-nav .mainmenu > li > a { padding: 0 16px !important; } }
.rbt-header .header-left { flex-shrink: 0; }
.rbt-header .logo img { max-height: 54px; width: auto; }
.rbt-header .quick-access .account-access { white-space: nowrap; flex-shrink: 0; }

/* ---- Category dropdown (เมนู "ประเภท") ---- */
.category-dropdown-menu .rbt-vertical-nav-list-wrapper li a { display: flex; align-items: center; gap: 9px; transition: color .14s; }
.category-dropdown-menu .rbt-vertical-nav-list-wrapper li a i { color: #ea7b1e; font-size: 16px; width: 18px; text-align: center; }
.category-dropdown-menu .rbt-vertical-nav-list-wrapper li a:hover { color: #ea7b1e !important; }
.category-dropdown-menu .rbt-vertical-nav-list-wrapper li a:hover i { color: #ea7b1e; }

/* ---- Main nav submenu (เกี่ยวกับองค์กร / การบริการ / คลังข้อมูล) ---- */
/* icon นำหน้ารายการ submenu — เว้นระยะกับข้อความ + จัด width คงที่ให้บรรทัดเรียงตรงกัน */
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a { display: flex; align-items: center; gap: 10px; }
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a > i { color: #ea7b1e; font-size: 15px; width: 18px; text-align: center; flex-shrink: 0; }
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover > i { color: #ea7b1e; }
/* เส้นแบ่งบางระหว่างรายการ — ใช้ pseudo-element ให้สั้นกว่า card (เว้น padding ซ้าย-ขวา) */
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu > li { position: relative; }
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu > li + li::before {
    content: ""; position: absolute; left: 20px; right: 20px; top: 0;
    height: 1px; background: rgba(0, 0, 0, .035); pointer-events: none;
}

/* ---- Footer (โทนสว่าง ครีม-ขาว + accent ส้ม) ---- */
.tlo-footer { position: relative; background: linear-gradient(180deg, #ffffff 0%, #fffaf3 55%, #fff3e4 100%); color: #6f675b; border-top: 1px solid #ececec; box-shadow: 0 -6px 22px rgba(120, 110, 95, .06); }
.tlo-footer .ft-top { padding: 60px 0 42px; }
.tlo-footer .ft-logo img { max-height: 58px; width: auto; margin-bottom: 18px; }
.tlo-footer .ft-desc { font-size: 14.5px; line-height: 1.9; color: #7c7263; max-width: 340px; margin: 0; }
.tlo-footer .ft-org { font-size: 15px; font-weight: 700; color: #33302b; line-height: 1.6; margin: 0 0 10px; }
.tlo-footer .ft-title { color: #33302b; font-size: 16px; font-weight: 700; margin-bottom: 22px; position: relative; padding-bottom: 12px; }
.tlo-footer .ft-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; background: #ea7b1e; border-radius: 3px; }
.tlo-footer .ft-link { list-style: none; margin: 0; padding: 0; }
.tlo-footer .ft-link li { margin-bottom: 12px; }
.tlo-footer .ft-link li a { color: #6f675b; font-size: 14.5px; text-decoration: none; transition: .16s; display: inline-flex; align-items: center; gap: 8px; }
.tlo-footer .ft-link li a:hover { color: #c2620f; padding-left: 4px; }
.tlo-footer .ft-link li a i { font-size: 14px; color: #ea7b1e; transition: .16s; }
.tlo-footer .ft-link li a:hover i { transform: translateX(2px); }
.tlo-footer .ft-contact li { display: flex; gap: 12px; margin-bottom: 15px; font-size: 14.5px; color: #6f675b; align-items: flex-start; line-height: 1.75; }
.tlo-footer .ft-contact li i { color: #ea7b1e; font-size: 17px; margin-top: 3px; flex: none; }
.tlo-footer .ft-contact li a { color: #6f675b; text-decoration: none; }
.tlo-footer .ft-contact li a:hover { color: #c2620f; }
.tlo-footer .ft-social { display: flex; gap: 11px; margin-top: 22px; }
.tlo-footer .ft-social a { width: 42px; height: 42px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: #fff; color: #ea7b1e; border: 1px solid #f0dcc2; transition: .18s; }
.tlo-footer .ft-social a:hover { background: #ea7b1e; color: #fff; border-color: #ea7b1e; transform: translateY(-3px); box-shadow: 0 8px 18px rgba(234, 123, 30, .28); }
.tlo-copyright { background: #2f2a25; color: rgba(255,255,255,.78); padding: 18px 0; font-size: 13.5px; border-top: 3px solid #f8531d; }
.tlo-copyright a { color: #ffb877; text-decoration: none; font-weight: 600; }
.tlo-copyright a:hover { color: #ffd2a6; text-decoration: underline; }