:root {
    /* Brand - Nha Xin Chao */
    --color-primary: #063B82;
    --color-primary-hover: #052e66;
    --color-on-primary: #ffffff;
    --color-primary-container: #063B82;
    --color-on-primary-container: #dceaf4;
    --color-primary-fixed: #dbeafe;
    --color-primary-fixed-dim: #93c5fd;
    --color-on-primary-fixed: #063B82;
    --color-on-primary-fixed-variant: #052e66;
    --color-inverse-primary: #93c5fd;

    /* Deep Navy & Blue accents */
    --color-secondary: #063B82;
    --color-secondary-container: #063B82;
    --color-on-secondary: #ffffff;
    --color-on-secondary-container: #ffffff;
    --color-secondary-fixed: #dbeafe;
    --color-secondary-fixed-dim: #bfdbfe;
    --color-on-secondary-fixed: #063B82;
    --color-on-secondary-fixed-variant: #052e66;

    /* Brand Interactive Accent: Yellow #FBB913 for Click & Hover */
    --color-brand-yellow: #FBB913;
    --color-brand-yellow-hover: #e5a50b;
    --color-brand-yellow-light: #fff8e6;
    --color-brand-blue: #063B82;
    --color-brand-blue-hover: #052e66;

    /* Surfaces and typography */
    --color-background: #ffffff;
    --color-on-background: #102a3d;
    --color-surface: #ffffff;
    --color-surface-bright: #ffffff;
    --color-surface-dim: #f8fafc;
    --color-surface-container-lowest: #ffffff;
    --color-surface-container-low: #ffffff;
    --color-surface-container: #ffffff;
    --color-surface-container-high: #f8fafc;
    --color-surface-container-highest: #f1f5f9;
    --color-surface-variant: #dce8ef;
    --color-on-surface: #102a3d;
    --color-on-surface-variant: #465b69;
    --color-outline: #6f7f89;
    --color-outline-variant: #bdcbd4;
    --color-surface-tint: #245a82;
    --color-inverse-surface: #213747;
    --color-inverse-on-surface: #edf5fa;

    /* Supporting blue */
    --color-tertiary: #245f8c;
    --color-on-tertiary: #ffffff;
    --color-tertiary-container: #d5eaff;
    --color-on-tertiary-container: #123e5e;
    --color-tertiary-fixed: #d5eaff;
    --color-tertiary-fixed-dim: #a6cfee;
    --color-on-tertiary-fixed: #08263a;
    --color-on-tertiary-fixed-variant: #245675;

    /* Status */
    --color-error: #ba1a1a;
    --color-on-error: #ffffff;
    --color-error-container: #ffdad6;
    --color-on-error-container: #93000a;
}
/* Shared admin list actions */
button[id^="btn-"][id*="action-dropdown"] {
    background-color: #e8f1f7 !important;
    color: var(--color-primary) !important;
    border: 1px solid #b4d4e8 !important;
}

button[id^="btn-"][id*="action-dropdown"]:hover {
    background-color: #d7e9f5 !important;
    border-color: #8fbcd8 !important;
}

button[id^="btn-"][id*="action-dropdown"] > .material-symbols-outlined:first-child {
    color: var(--color-secondary-container) !important;
}

/* Prevent iOS Safari auto-zoom on input focus & prevent horizontal overflow */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="search"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    select,
    textarea {
        font-size: 16px !important;
    }
}

/* Feed card title spacing & typography (Font Asap chuẩn mực theo thiết kế mẫu) */
.properties-feed-card h3,
.properties-feed-card h3 a {
    font-family: 'Asap', HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    color: #0c0c0c !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

.dark .properties-feed-card h3,
.dark .properties-feed-card h3 a {
    color: #f1f5f9 !important;
}

.properties-feed-card h3 a:hover {
    color: #FBB913 !important;
}

.dark .properties-feed-card h3 a:hover {
    color: #FBB913 !important;
}

.properties-feed-card .properties-feed-card-price {
    color: #063B82;
    font-weight: 700;
}

.dark .properties-feed-card .properties-feed-card-price {
    color: #60a5fa !important;
}

@media screen and (max-width: 768px) {
    .properties-feed-card h3,
    .properties-feed-card h3 a {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .properties-feed-card .properties-feed-card-price {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}
/* Listing & Property Detail Price Highlight (Navy Blue #063B82) */
.listing-price-highlight,
.property-price-highlight {
    color: #063B82 !important;
}

.dark .listing-price-highlight,
.dark .property-price-highlight {
    color: #60a5fa !important;
}

/* Image drag protection */
.properties-feed-card img,
.property-gallery-img,
.project-gallery-img,
.lightbox-img,
img.watermarked-media {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* Feed card excerpt: an tren mobile, hien thi dung 2 dong kem dau 3 cham tren laptop/desktop */
.feed-card-excerpt {
    display: none !important;
}

@media (min-width: 640px) {
    .feed-card-excerpt {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: break-word;
        line-height: 1.5 !important;
        max-height: 3em !important;
    }
}

/* Quy tắc tương tác Click/Hover chuyển hết về màu vàng #FBB913 */
.hover-brand-yellow:hover {
    color: #FBB913 !important;
}
.hover-bg-brand-yellow:hover {
    background-color: #FBB913 !important;
}
.hover-border-brand-yellow:hover {
    border-color: #FBB913 !important;
}
.active-brand-yellow,
.selected-brand-yellow {
    background-color: #FBB913 !important;
    border-color: #FBB913 !important;
    color: #0f172a !important;
}