/* =========================================================
   Bigist Invest – Light Theme CSS
   ========================================================= */

[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f7f8fa; }
::-webkit-scrollbar-thumb { background: #b3bcc9; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #566377; }

/* Native <select> options - light theme readable */
select option,
select optgroup {
    color: #141a28 !important;
    background-color: #ffffff !important;
    padding: 6px 10px;
}
select option:checked,
select option:hover {
    background: #d49520 !important;
    color: #ffffff !important;
}

/* Custom select chevron for light wrapper */
.select-wrap-light {
    position: relative;
}
.select-wrap-light::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-70%) rotate(45deg);
    border-right: 2px solid #566377;
    border-bottom: 2px solid #566377;
    pointer-events: none;
}

/* Animated underline */
.link-underline { position: relative; }
.link-underline::after {
    content: '';
    position: absolute;
    left: 0; bottom: -2px;
    width: 0; height: 2px;
    background: #d49520;
    transition: width .3s ease;
}
.link-underline:hover::after { width: 100%; }

/* Property card hover */
.property-card {
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.property-card:hover {
    transform: translateY(-2px);
}

/* Map dots */
.region-dot { transition: transform .3s ease; cursor: pointer; }

/* Prose customization */
.prose-custom :where(h1,h2,h3,h4) {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #141a28;
}
.prose-custom :where(a) {
    color: #d49520;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.prose-custom :where(a:hover) { color: #b6751a; }
.prose-custom :where(p, li) { color: #3d485b; line-height: 1.7; }

/* Counters */
.counter {
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
}

/* Print */
@media print {
    header, footer, .no-print { display: none !important; }
}