/* 100tik v0.23 strict parity bridge
   Old 100tik is the visual/functional source of truth. This file only adds
   language direction + light/dark compatibility and native-core bridges. */
:root{
  --tik-bg:#f4f7fb;--tik-surface:#fff;--tik-surface-2:#f8fafc;--tik-text:#172033;--tik-muted:#65758b;
  --tik-line:#e1e8f2;--tik-blue:#0373EC;--tik-navy:#0d2e5e;--tik-yellow:#FFB700;--tik-shadow:0 10px 30px rgba(13,46,94,.08)
}
html[data-theme="dark"]{
  --tik-bg:#0d131f;--tik-surface:#151e2d;--tik-surface-2:#1b2638;--tik-text:#f5f8ff;--tik-muted:#a9b6c9;
  --tik-line:#2b3950;--tik-navy:#dbeafe;--tik-shadow:0 12px 32px rgba(0,0,0,.28)
}
html,body{font-family:'Estedad',system-ui,sans-serif!important;background:var(--tik-bg);color:var(--tik-text)}
button,input,select,textarea{font:inherit}
.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands{font-style:normal}
[hidden]{display:none!important}

/* Desktop list popup: same old module, native modal mechanics */
.tik100-modal{position:fixed;inset:0;z-index:100060;display:flex;align-items:center;justify-content:center;padding:18px}
.tik100-v23-backdrop{position:absolute;inset:0;border:0;background:rgba(1,18,39,.58);backdrop-filter:blur(8px);cursor:pointer}
.tik100-modal .list-popup-content{position:relative;z-index:1;max-height:min(88vh,760px);overflow:auto}
html[data-theme="dark"] .tik100-modal .list-popup-content{background:#141e2d!important;border-color:#2e3d55!important;color:#f6f8fc!important}
html[data-theme="dark"] .tik100-modal .grid-item{background:#192538!important;border-color:#2e3d55!important;color:#f6f8fc!important}
html[data-theme="dark"] .tik100-modal .grid-item .title-fa,
html[data-theme="dark"] .tik100-modal .grid-item .title-en{color:#edf4ff!important}
html[data-theme="dark"] .tik100-modal .list-popup-footer{border-color:#2e3d55!important}
html[dir="ltr"] .tik100-modal{direction:ltr}
html[dir="ltr"] .tik100-modal .titles-wrapper,html[dir="ltr"] .tik100-modal .text-wrap{text-align:left}

/* Search/city modals: do not invent a second design; theme the old CSS */
html[data-theme="dark"] #search_modal .search-modal-content,
html[data-theme="dark"] #city_modal .city-modal-content,
html[data-theme="dark"] .tik-search-modal-content,
html[data-theme="dark"] .tik-city-modal-content{background:#151e2d!important;color:#f5f8ff!important;border-color:#2b3950!important}
html[data-theme="dark"] #search_modal input,html[data-theme="dark"] #search_modal select,
html[data-theme="dark"] #city_modal input,html[data-theme="dark"] #city_modal select{background:#0f1724!important;color:#f5f8ff!important;border-color:#34445e!important}

/* Exact old auth CSS is loaded separately; only language/theme overlays here */
.c100tik-page{padding:1px 0 60px;min-height:60vh}
html[dir="ltr"] .c100tik-wrapper{direction:ltr}
html[dir="ltr"] .c100tik-group label{text-align:left}
html[dir="ltr"] .c100tik-input-wrapper .c100tik-toggle-pass{left:auto;right:8px}
html[data-theme="dark"] .c100tik-wrapper{background:#151e2d!important;box-shadow:0 16px 44px rgba(0,0,0,.35)!important}
html[data-theme="dark"] .c100tik-tabs,html[data-theme="dark"] .c100tik-tab,html[data-theme="dark"] .c100tik-content{background:#151e2d!important;border-color:#2b3950!important;color:#aebbd0!important}
html[data-theme="dark"] .c100tik-tab.active{color:#60a5fa!important;background:linear-gradient(to bottom,#172235,#101a29)!important}
html[data-theme="dark"] .c100tik-group label,html[data-theme="dark"] .c100tik-links button{color:#dce6f5!important}
html[data-theme="dark"] .c100tik-group input,html[data-theme="dark"] .otp-input{background:#0f1724!important;color:#f8fafc!important;border-color:#34445e!important;-webkit-text-fill-color:#f8fafc!important}
.c100tik-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c100tik-toggle-pass{border:0;background:transparent;cursor:pointer;color:#64748b}
.c100tik-links button{background:none;border:0;color:#2563eb;cursor:pointer;font-weight:700}
.c100tik-global-msg{margin:0 0 14px;padding:10px 12px;border-radius:12px;font-size:13px}
.c100tik-global-msg.error{background:#fee2e2;color:#991b1b}.c100tik-global-msg.success{background:#dcfce7;color:#166534}
.c100tik-debug{margin:10px 0;background:#fff7d6;border:1px dashed #f59e0b;border-radius:10px;padding:8px;text-align:center;color:#92400e}
@media(max-width:520px){.c100tik-grid-two{grid-template-columns:1fr}}

/* Native static pages use the old 100tik visual language */
.tik-v23-content-page{max-width:1180px;margin:22px auto 120px;padding:0 16px;font-family:'Estedad',sans-serif}
.tik-v23-content-hero{display:flex;align-items:center;gap:18px;padding:28px;border-radius:24px;background:var(--tik-surface);border:1px solid var(--tik-line);box-shadow:var(--tik-shadow)}
.tik-v23-content-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#0373EC,#635bdf);color:#fff;font-size:27px;flex:0 0 auto}
.tik-v23-content-hero h1{margin:0 0 8px;color:var(--tik-navy);font-size:clamp(1.5rem,3vw,2.25rem)}
.tik-v23-content-hero p{margin:0;color:var(--tik-muted);line-height:2}
.tik-v23-content-card{margin-top:18px;padding:28px;background:var(--tik-surface);border:1px solid var(--tik-line);border-radius:24px;box-shadow:var(--tik-shadow);line-height:2}
.tik-v23-content-card h2,.tik-v23-content-card h3{color:var(--tik-navy)}
.tik-v23-content-card p,.tik-v23-content-card li{color:var(--tik-muted)}
.tik-v23-feature-grid,.tik-v23-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.tik-v23-feature,.tik-v23-contact-grid a{padding:18px;border:1px solid var(--tik-line);border-radius:16px;background:var(--tik-surface-2);color:var(--tik-text);text-decoration:none;display:flex;gap:10px;align-items:center}
.tik-v23-contact-form{display:grid;gap:12px;margin-top:22px}.tik-v23-contact-form input,.tik-v23-contact-form textarea{width:100%;background:var(--tik-surface-2);color:var(--tik-text);border:1px solid var(--tik-line);border-radius:13px;padding:12px}.tik-v23-contact-form button{border:0;border-radius:13px;background:#0373EC;color:white;padding:12px 20px;font-weight:800;cursor:pointer}
@media(max-width:780px){.tik-v23-feature-grid,.tik-v23-contact-grid{grid-template-columns:1fr}.tik-v23-content-hero{align-items:flex-start}}

/* Special listing parity. Actual old module CSS does most of the work. */
.tik-v23-special{margin-bottom:120px}
.tik-v23-special-city{border:0;background:#0d47a1;color:#fff;border-radius:50px;padding:9px 18px;font-weight:700;cursor:pointer}
.banner-listing-grid .sd_100tik_banner_card .banner-card-link{display:block;width:100%;height:100%;text-decoration:none}
.banner-listing-grid .sd_100tik_banner_card .banner-card-wrapper,.banner-listing-grid .sd_100tik_banner_card .banner-card-image{width:100%;height:100%}
.banner-listing-grid .sd_100tik_banner_card .banner-card-image{position:relative;overflow:hidden;border-radius:inherit}
.banner-listing-grid .sd_100tik_banner_card .banner-img{width:100%;height:100%;object-fit:cover;display:block}
.banner-power-badge{position:absolute;top:10px;left:10px;z-index:3}.banner-title-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-weight:800}.banner-title-text{color:#fff}
.tik-v23-insta-card .card-imgbox img{width:100%;height:100%;object-fit:cover}.tik-v23-insta-card .insta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--tik-line);padding-top:8px}.tik-v23-insta-card .stat-item{text-align:center}.tik-v23-insta-card .stat-label{display:block;font-size:11px;color:var(--tik-muted)}.tik-v23-insta-card .stat-number{font-weight:800;color:#ec4899}
html[data-theme="dark"] .banner-listing-wrapper,html[data-theme="dark"] .insta-listing-wrapper{color:var(--tik-text)}
html[data-theme="dark"] .banner-listing-header,html[data-theme="dark"] .insta-listing-header{background:#151e2d!important;border-color:#2b3950!important}
html[data-theme="dark"] .banner-listing-brand-title,html[data-theme="dark"] .insta-listing-brand-title,html[data-theme="dark"] .banner-listing-count-number,html[data-theme="dark"] .insta-listing-count-number{color:#f5f8ff!important}
html[dir="ltr"] .banner-listing-wrapper,html[dir="ltr"] .insta-listing-wrapper{direction:ltr}

/* Cart / checkout parity with old glass cart */
.tik-finance{max-width:1180px;margin:24px auto 130px;padding:0 16px}.tik-v23-cart-full,.tik-v23-checkout .banking-glass-card{background:var(--tik-surface)!important;border:1px solid var(--tik-line)!important;color:var(--tik-text)!important}.glass-header{border-bottom:1px solid var(--tik-line)}.glass-title{color:var(--tik-navy)!important}.glass-cart-item{background:var(--tik-surface-2)!important;border-color:var(--tik-line)!important}.glass-cart-item small{color:var(--tik-muted)}.tik-v23-checkout-form{display:grid;gap:10px}.tik-v23-checkout-form label{padding:14px;border:1px solid var(--tik-line);border-radius:14px;background:var(--tik-surface-2);cursor:pointer}.tik-v23-checkout-total{font-size:1.5rem;font-weight:900;color:#0373EC;text-align:center;margin:10px 0 18px}

/* Listing/card theme bridges: keep original card sizes/structure, never redesign */
html[data-theme="dark"] .all-listing-wrapper,html[data-theme="dark"] .tik-single-wrapper{color:var(--tik-text)}
html[data-theme="dark"] .all-listing-wrapper .tik-card,html[data-theme="dark"] .all-listing-wrapper .sd_100tik_card,html[data-theme="dark"] .sd_100tik_card{background:#151e2d!important;border-color:#2b3950!important;color:#f5f8ff!important}
html[data-theme="dark"] .sd_100tik_card .card-title,html[data-theme="dark"] .sd_100tik_card .card-price,html[data-theme="dark"] .sd_100tik_card .card-special,html[data-theme="dark"] .sd_100tik_card .real-estate-action{color:#f5f8ff!important}
html[data-theme="dark"] .sd_100tik_card .card-bottom{background:#111a28!important;border-color:#2b3950!important;color:#aebbd0!important}
html[data-theme="dark"] .tik-single-wrapper section,html[data-theme="dark"] .tik-single-wrapper .tik-single-card{background:#151e2d!important;border-color:#2b3950!important;color:#f5f8ff!important}
html[dir="ltr"] .sd_100tik_card,html[dir="ltr"] .all-listing-wrapper,html[dir="ltr"] .tik-single-wrapper{text-align:left;direction:ltr}

/* Generic parity guarantees for dialogs/forms in all languages/themes */
.tik-v23-modal-open{overflow:hidden}
html[data-theme="dark"] dialog,html[data-theme="dark"] .modal-content,html[data-theme="dark"] .popup-content{background:var(--tik-surface);color:var(--tik-text);border-color:var(--tik-line)}