/* YangonDirectory category results: advertiser and free-listing views only. */
.yd-results-heading { background: #f7fbfe; border-bottom: 1px solid #dce8f2; color: #0b2d67; font-size: 14px; line-height: 1.45; }
.yd-results-heading .container, .yd-results-page > .container { max-width: 1220px; }
.yd-results-heading-inner { display: flex; align-items: center; gap: 16px; padding-top: 14px; padding-bottom: 14px; }
.yd-results-category-icon { flex: 0 0 75px; width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px; background: #ffd338; color: #11356f; font-size: 32px; }
.yd-results-category-icon img { width: 100%; height: 100%; object-fit: contain; }
.yd-results-heading h1 { margin: 0 0 2px; color: #0a2e6e; font-size: 26px; line-height: 1.2; font-weight: 700; }
.yd-results-count { margin: 0; color: #1765b5; font-size: 14px; font-weight: 700; }
.yd-results-category-description { max-width: 760px; margin: 4px 0 0; color: #4c627c; font-size: 14px; line-height: 1.4; }
.yd-results-page { background: #f3f8fc !important; color: #183a68; padding: 14px 0 36px; font-size: 14px; line-height: 1.45; }
.yd-results-page * { box-sizing: border-box; }
.yd-results-page .wrapper.responsive-row { display: grid !important; grid-template-columns: minmax(0, 7fr) minmax(255px, 3fr); align-items: start; gap: 15px; }
.yd-results-page .results-content { width: auto !important; min-width: 0; max-width: none !important; margin: 0 !important; float: none !important; }
.yd-results-page .summary-list { display: grid !important; gap: 9px; min-width: 0; }
.yd-results-toolbar { display: flex; align-items: center; gap: 9px; min-height: 36px; padding: 5px 10px; margin-bottom: 8px; background: #edf3f8; border-radius: 4px; color: #334762; font-size: 14px; }
.yd-results-toolbar span { margin-right: auto; }
.yd-results-toolbar label { margin: 0; white-space: nowrap; }
.yd-results-toolbar select { width: auto; min-width: 115px; max-width: 170px; height: 28px; padding: 3px 7px; border: 1px solid #c9d8e8; border-radius: 3px; background: #fff; color: #193b6d; font: inherit; }
.yd-result-card { display: grid; grid-template-columns: 86px minmax(0, 1fr) 138px; gap: 12px; min-width: 0; padding: 11px; border: 1px solid #dce7f0; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px rgba(22,50,88,.05); }
.yd-result-card.is-verified { border-color: #b9d3ee; /*border-left: 4px solid #1765bb;*/ box-shadow: 0 2px 8px rgba(17,73,134,.10); }
.yd-result-card.is-verified .yd-result-verified { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: 3px; background: #eaf3ff; color: #0b559f; }
.yd-result-card.is-free { grid-template-columns: minmax(0, 1fr); border-color: #e3e9ef; background: #f9fbfd; box-shadow: none; }
.yd-result-card.is-free .yd-result-logo, .yd-result-card.is-free .yd-result-actions > a { display: none; }
.yd-result-card.is-free .yd-result-actions { grid-column: 1; align-items: flex-end; }
.yd-result-card.is-free .yd-result-title { color: #7c91ad  !important; font-weight: normal; }

.yd-result-logo { display: flex; align-items: flex-start; justify-content: center; }
.yd-result-logo a { display: flex; width: 84px; height: 76px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #d9e5f0; border-radius: 4px; background: #fff; text-decoration: none; }
.yd-result-logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.yd-result-logo span { color: #0f4b9b; font-size: 34px; font-weight: 700; }
.yd-result-info { min-width: 0; }
.yd-result-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 3px; }
.yd-result-title { color: #0a2e6e !important; font-size: 18px; line-height: 1.25; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.yd-result-title:hover { text-decoration: underline; }
.yd-result-level { padding: 2px 7px; border-radius: 12px; background: #ffd639; color: #16335e; font-size: 13px; line-height: 1.4; font-weight: 700; white-space: nowrap; }
.yd-result-verified { color: #1765c0; font-size: 13px; font-weight: 700; white-space: nowrap; }
.yd-result-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0 0 3px; color: #4a5e78; font-size: 14px; line-height: 1.4; }
.yd-result-categories { margin: 0 0 3px; color: #526b89; font-size: 14px; line-height: 1.4; }
.yd-result-categories a { color: #1b5da7; text-decoration: none; }
.yd-result-categories a:hover { text-decoration: underline; }
.yd-result-address, .yd-result-contacts { display: flex; align-items: baseline; column-gap: 16px; flex-wrap: wrap; min-width: 0; color: #355a88; font-size: 14px; line-height: 1.4; }
.yd-result-address .fa { margin-right: 5px; color: #1765bb; }
.yd-result-contacts { margin-top: 3px; }
.yd-result-contacts a { display: inline-flex; align-items: baseline; gap: 4px; min-width: 0; max-width: 100%; color: #1760b3; text-decoration: none; overflow-wrap: anywhere; }
.yd-result-contacts a:hover { text-decoration: underline; }
.yd-result-contacts .fa { flex: 0 0 auto; }
.yd-result-photos { display: flex; gap: 5px; margin-top: 6px; overflow: hidden; }
.yd-result-photos a { display: block; flex: 0 1 110px; height: 64px; overflow: hidden; border-radius: 3px; border: 1px solid #d9e5f0; }
.yd-result-photos img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yd-result-actions { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 5px; min-width: 0; }
.yd-result-actions > a { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 28px; padding: 4px 7px; border: 1px solid #d0deeb; border-radius: 3px; color: #164783; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; }
.yd-result-actions > a:hover { border-color: #2368ae; background: #eff7fd; }
.yd-result-actions > .yd-result-view { min-height: 32px; border-color: #ffd32c; background: #ffd32c; color: #173358; }
.yd-result-actions > .yd-result-view:hover { background: #ffe065; }
.yd-result-updated { display: block; margin-top: auto; color: #60738c; font-size: 12px; line-height: 1.25; text-align: center; }
.yd-result-updated span { display: block; }
.yd-results-page .results-pagination { margin: 16px 0; }
@media (max-width: 960px) {
    .yd-results-page .wrapper.responsive-row { grid-template-columns: minmax(0, 1fr) 245px; gap: 11px; }
    .yd-result-card { grid-template-columns: 75px minmax(0, 1fr) 118px; gap: 8px; padding: 9px; }
    .yd-result-logo a { width: 73px; height: 70px; }
}
@media (max-width: 720px) {
    .yd-results-heading-inner { gap: 10px; padding-top: 10px; padding-bottom: 10px; }
    .yd-results-category-icon { flex-basis: 58px; width: 58px; height: 58px; font-size: 25px; }
    .yd-results-heading h1 { font-size: 22px; }
    .yd-results-category-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 14px; }
    .yd-results-page .wrapper.responsive-row { grid-template-columns: minmax(0, 1fr); }
    .yd-results-page > .container { padding-left: 5px; padding-right: 5px; }
    .yd-results-page .results-content, .yd-results-page .yd-results-sidebar { width: 100% !important; }
    .yd-result-card { grid-template-columns: 64px minmax(0, 1fr); column-gap: 8px; row-gap: 3px; padding: 8px; }
    .yd-result-logo { grid-column: 1; grid-row: 1; }
    .yd-result-logo a { width: 64px; height: 64px; }
    .yd-result-info { display: contents; }
    .yd-result-heading { grid-column: 2; grid-row: 1; align-content: start; margin: 0; gap: 3px 6px; }
    .yd-result-card.is-free .yd-result-heading{ grid-column: 1; grid-row: 1;}
    .yd-result-heading .yd-result-title { flex-basis: 100%; font-size: 17px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
    .yd-result-description, .yd-result-categories, .yd-result-address, .yd-result-contacts, .yd-result-photos { grid-column: 1 / -1; margin: 0; }
    .yd-result-contacts { column-gap: 12px; }
    .yd-result-categories a, .yd-result-contacts a { text-decoration: underline; text-underline-offset: 2px; }
    .yd-result-photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-top: 3px; }
    .yd-result-photos a { width: 100%; height: 70px; }
    .yd-result-actions { grid-column: 1 / -1; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 4px; min-width: 0; margin-top: 4px; }
    .yd-result-actions > a { flex: 1 1 auto; min-height: 32px; padding: 4px 5px; font-size: 12px; white-space: nowrap; text-decoration: underline; }
    .yd-result-actions > .yd-result-view { flex: 1 1 auto; }
    .yd-result-updated { flex: 0 0 80px; margin: 0 0 0 auto; font-size: 11px; text-align: right; }
    .yd-result-card.is-free .yd-result-heading, .yd-result-card.is-free .yd-result-actions { grid-column: 1; }
    .yd-results-toolbar { flex-wrap: wrap; }
}
@media (max-width: 390px) {
    .yd-result-verified { white-space: normal; }
    .yd-result-contacts a { max-width: 100%; }
    .yd-result-actions > a { padding-left: 3px; padding-right: 3px; }
    .yd-result-updated { flex-basis: 76px; }
}
@media (max-width: 340px) {
    .yd-result-actions { flex-wrap: wrap; }
    .yd-result-updated { flex: 0 0 100%; margin-top: 3px; text-align: right; }
}
/* Dynamic filters reuse the existing search suggestions and location HTML. */
.yd-results-page .yd-results-sidebar { display: grid; gap: 8px; align-content: start; min-width: 0; }
.yd-results-page .yd-results-filter-card { padding: 10px 12px; border: 1px solid #dce7f0; border-radius: 5px; background: #fff; }
.yd-results-page .yd-results-filter-card h2 { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; padding-bottom: 6px; border-bottom: 1px solid #e5edf5; color: #0c3477; font-size: 16px; line-height: 1.3; font-weight: 700; }
.yd-results-page .yd-results-filter-card h2 .fa { color: #1559a8; }
.yd-results-page .yd-results-filter-card ul { margin: 0; padding: 0; list-style: none; }
.yd-results-page .yd-results-filter-card li { margin: 0; border-bottom: 1px solid #edf2f6; }
.yd-results-page .yd-results-filter-card li:last-child { border-bottom: 0; }
.yd-results-page .yd-results-filter-card li a { display: flex; align-items: baseline; gap: 4px; padding: 4px 0; color: #355473; font-size: 14px; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; }
.yd-results-page .yd-results-filter-card li a:hover { color: #155eac; text-decoration: underline; }
.yd-results-page .yd-results-filter-card li span { color: #ed7517; }
.yd-results-page .yd-results-filter-card li .fa { margin-left: auto; color: #4178a9; }
.yd-results-page .yd-results-switch { display: flex; justify-content: space-between; padding: 8px 11px; border: 1px solid #cbdded; border-radius: 4px; background: #fff; color: #165cad; font-size: 14px; font-weight: 700; text-decoration: none; }
.yd-results-page .yd-results-locations .search-info { padding: 0; border: 0; box-shadow: none; }
.yd-results-page .yd-results-locations a { color: #355473; }
.yd-results-page .yd-results-join { padding: 16px; border-radius: 5px; background: #fff3c1; color: #273c60; }
.yd-results-page .yd-results-join > .fa { color: #f0ae06; font-size: 27px; }
.yd-results-page .yd-results-join h2 { margin: 4px 0; font-size: 17px; color: #102f69; }
.yd-results-page .yd-results-join p { margin: 0 0 10px; font-size: 14px; }
.yd-results-page .yd-results-join a { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px; border-radius: 3px; background: #ffd32c; color: #193359; font-size: 14px; font-weight: 700; text-decoration: none; }

.yd-results-page .free-listing-call { display: none; }
/* Mobile filter drawers reuse the live sidebar blocks and their existing links. */
.yd-results-drawer-triggers { display: none; }
.yd-results-mobile-switch { display: none; }
.yd-results-drawer-overlay[hidden] { display: none; }
.yd-results-drawer-overlay { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: flex-end; justify-content: center; }
.yd-results-drawer-backdrop { position: absolute; inset: 0; background: rgba(8, 31, 65, .58); }
.yd-results-drawer { position: relative; display: flex; flex-direction: column; width: min(100%, 500px); max-height: 82vh; border-radius: 12px 12px 0 0; background: #fff; box-shadow: 0 -5px 25px rgba(8, 31, 65, .2); }
.yd-results-drawer-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid #dce7f0; }
.yd-results-drawer-header h2 { margin: 0; color: #0c3477; font-size: 17px; line-height: 1.3; }
.yd-results-drawer-close { flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid #cfdeeb; border-radius: 4px; background: #fff; color: #123b72; font-size: 25px; line-height: 1; cursor: pointer; }
.yd-results-drawer-close:focus-visible, .yd-results-drawer-trigger:focus-visible { outline: 2px solid #0b5bb4; outline-offset: 2px; }
.yd-results-drawer-body { min-height: 0; overflow-y: auto; padding: 12px 16px 20px; }
.yd-results-page .yd-results-drawer-body > .yd-results-filter-card { padding: 0; border: 0; box-shadow: none; }
.yd-results-page .yd-results-drawer-body > .yd-results-filter-card > h2 { display: none; }
body.yd-results-drawer-open { overflow: hidden; }
@media (max-width: 720px) {
    .yd-results-page.yd-results-drawer-ready .yd-results-sidebar > .yd-results-switch,
    .yd-results-page.yd-results-drawer-ready .yd-results-sidebar > .yd-results-filter-card { display: none; }
    .yd-results-toolbar { gap: 6px; }
    .yd-results-toolbar > span { flex: 0 0 100%; margin: 0; }
    .yd-results-toolbar > label { display: none; }
    .yd-results-toolbar > select { flex: 0 0 108px; min-width: 0; }
    .yd-results-toolbar > .select2.select2-container { flex: 0 0 108px !important; width: 108px !important; min-width: 0 !important; }
    .yd-results-drawer-triggers { display: flex; flex: 1 1 0; width: 0; min-width: 0; gap: 4px; overflow-x: auto; scrollbar-width: thin; }
    .yd-results-drawer-trigger { flex: 1 0 34px; min-width: 34px; height: 34px; margin: 0; padding: 0; border: 1px solid #bfd2e6; border-radius: 4px; background: #fff; color: #1559a8; font-size: 15px; cursor: pointer; }
    .yd-results-drawer-trigger:hover, .yd-results-drawer-trigger[aria-expanded="true"] { border-color: #1765bb; background: #eaf3ff; }
    .yd-results-mobile-switch { display: flex; flex: 0 0 100%; align-items: center; gap: 8px; min-height: 42px; padding: 8px 11px; border: 1px solid #bfd2e6; border-radius: 4px; background: #fff; color: #1559a8; font-size: 14px; font-weight: 700; text-decoration: none; }
    .yd-results-mobile-switch:hover { border-color: #1765bb; background: #eaf3ff; color: #0c3477; text-decoration: none; }
    .yd-results-mobile-switch span { margin-right: 0; }
    .yd-results-mobile-switch .fa-angle-right { margin-left: auto; }
}
@media (max-width: 340px) {
    .yd-results-toolbar > select { flex-basis: 102px; }
    .yd-results-toolbar > .select2.select2-container { flex-basis: 102px !important; width: 102px !important; }
    .yd-results-drawer-triggers { gap: 2px; }
    .yd-results-drawer-trigger { flex-basis: 32px; min-width: 32px; }
}