/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/* === SwissImmoMap Design System === */
:root{ --sim-navy:#0B1B3F; --sim-ink:#1B2540; --sim-muted:#5B6478; --sim-red:#D52B1E; --sim-red-600:#B8231A; --sim-red-50:#FDECEA; --sim-blue:#2F6FEB; --sim-blue-50:#EAF1FE; --sim-bg:#F5F7FA; --sim-card:#FFFFFF; --sim-line:#E5E9F0; --sim-radius:16px; --sim-radius-sm:10px; --sim-shadow:0 1px 2px rgba(11,27,63,.06),0 8px 24px rgba(11,27,63,.08); --sim-shadow-lg:0 2px 4px rgba(11,27,63,.06),0 20px 48px rgba(11,27,63,.14); --sim-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } .sim-home{font-family:var(--sim-font);color:var(--sim-ink);-webkit-font-smoothing:antialiased;line-height:1.5} .sim-home *{box-sizing:border-box} .sim-home a{text-decoration:none;color:inherit} .sim-wrap{max-width:1240px;margin:0 auto;padding:0 24px} .sim-home :focus-visible{outline:3px solid var(--sim-blue);outline-offset:2px;border-radius:6px}  .sim-hero{position:relative;overflow:hidden;padding:72px 0 40px; background: radial-gradient(1200px 500px at 85% -10%,#E9F0FB 0%,rgba(233,240,251,0) 60%), linear-gradient(180deg,#F3F6FB 0%,#FFFFFF 100%)} .sim-hero__alps{position:absolute;left:0;right:0;bottom:0;width:100%;height:220px;pointer-events:none;opacity:.55} .sim-hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center} .sim-eyebrow{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--sim-line); border-radius:999px;padding:7px 14px 7px 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sim-ink);box-shadow:var(--sim-shadow)} .sim-eyebrow__dot{width:22px;height:22px;border-radius:7px;background:var(--sim-red);display:grid;place-items:center} .sim-eyebrow__dot svg{width:12px;height:12px} .sim-hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.03em;font-weight:800;color:var(--sim-navy);margin:22px 0 18px} .sim-hero h1 span{color:var(--sim-red)} .sim-hero__lead{font-size:clamp(17px,1.6vw,20px);color:var(--sim-muted);max-width:560px;margin:0 0 30px}  .sim-search{display:flex;align-items:stretch;background:#fff;border-radius:18px;box-shadow:var(--sim-shadow-lg);padding:8px;max-width:720px;border:1px solid var(--sim-line)} .sim-search__field{flex:1;display:flex;align-items:center;gap:12px;padding:8px 16px;min-width:0} .sim-search__field + .sim-search__field{border-left:1px solid var(--sim-line)} .sim-search__field svg{flex:none;width:20px;height:20px;color:var(--sim-navy)} .sim-search__field label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sim-navy)} .sim-search__field input{display:block;width:100%;border:0;outline:0;padding:2px 0 0;font:inherit;font-size:15px;color:var(--sim-ink);background:transparent;box-shadow:none;height:auto} .sim-search__field input::placeholder{color:#8A93A6} .sim-search__btn{flex:none;border:0;border-radius:12px;background:var(--sim-red);color:#fff;font:inherit;font-weight:700;font-size:16px;padding:0 30px;cursor:pointer;transition:background .15s} .sim-search__btn:hover{background:var(--sim-red-600)} .sim-search__hint{margin:14px 4px 0;font-size:13px;color:var(--sim-muted)} .sim-home .sim-search__hint a{color:var(--sim-navy);font-weight:600;border-bottom:1px solid var(--sim-line)} .sim-search__hint a:hover{border-color:var(--sim-red)}  .sim-map{position:relative;aspect-ratio:600/390;width:100%} .sim-map svg.sim-map__svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 30px rgba(11,27,63,.12))} .sim-map__land{fill:#fff;stroke:#C9D3E3;stroke-width:1.5} .sim-pin{cursor:pointer} .sim-pin circle.sim-pin__halo{fill:var(--sim-red);opacity:.14;transform-box:fill-box;transform-origin:center;animation:sim-pulse 2.8s ease-out infinite} .sim-pin circle.sim-pin__dot{fill:var(--sim-red);stroke:#fff;stroke-width:3} .sim-pin text{font:600 13px var(--sim-font);fill:var(--sim-navy);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round} .sim-pin:hover circle.sim-pin__dot,.sim-pin:focus circle.sim-pin__dot{fill:var(--sim-navy)} @keyframes sim-pulse{0%{transform:scale(.6);opacity:.25}100%{transform:scale(1.6);opacity:0}} @media (prefers-reduced-motion:reduce){.sim-pin circle.sim-pin__halo{animation:none}} .sim-map__card{position:absolute;right:0;bottom:2%;width:210px;background:#fff;border-radius:14px;box-shadow:var(--sim-shadow-lg);padding:14px 16px;border:1px solid var(--sim-line)} .sim-map__card small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sim-red)} .sim-map__card strong{display:block;font-size:17px;color:var(--sim-navy);margin:2px 0 2px} .sim-map__card span{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--sim-muted)}  .sim-cats{position:relative;margin-top:44px;background:#fff;border:1px solid var(--sim-line);border-radius:var(--sim-radius);box-shadow:var(--sim-shadow);display:grid;grid-template-columns:repeat(8,1fr)} .sim-cat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 8px;text-align:center;font-size:13px;font-weight:600;color:var(--sim-ink);border-right:1px solid var(--sim-line);transition:background .15s,color .15s} .sim-cat:last-child{border-right:0} .sim-cat svg{width:28px;height:28px;color:var(--sim-navy);transition:color .15s} .sim-cat:hover{background:var(--sim-red-50);color:var(--sim-red-600)} .sim-cat:hover svg{color:var(--sim-red)}  .sim-values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:36px 0;border-bottom:1px solid var(--sim-line)} .sim-value{display:flex;gap:14px;align-items:flex-start;padding:0 24px;border-left:1px solid var(--sim-line)} .sim-value:first-child{border-left:0;padding-left:0} .sim-value svg{flex:none;width:30px;height:30px;color:var(--sim-navy)} .sim-value strong{display:block;font-size:17px;color:var(--sim-navy)} .sim-value span{font-size:14px;color:var(--sim-muted)}  .sim-section{padding:72px 0} .sim-section--tint{background:var(--sim-bg)} .sim-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px} .sim-head h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.02em;font-weight:800;color:var(--sim-navy);margin:0 0 6px} .sim-head p{margin:0;color:var(--sim-muted);font-size:16px} .sim-home .sim-link{color:var(--sim-red);font-weight:600;font-size:15px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px} .sim-home .sim-link:hover{color:var(--sim-red-600)}  .sim-cities{display:grid;grid-template-columns:repeat(7,1fr);gap:16px} .sim-city{background:#fff;border:1px solid var(--sim-line);border-radius:var(--sim-radius);overflow:hidden;box-shadow:var(--sim-shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column} .sim-city:hover{transform:translateY(-3px);box-shadow:var(--sim-shadow-lg)} .sim-city__map{aspect-ratio:4/3;background:linear-gradient(160deg,#EEF3FB,#DCE6F6);display:grid;place-items:center;padding:14px} .sim-city__map svg{width:100%;height:auto} .sim-city__map .sim-map__land{fill:#fff;stroke:#BFCBE0;stroke-width:3} .sim-city__map .dot{fill:var(--sim-red);stroke:#fff;stroke-width:6} .sim-city__body{padding:12px 14px 14px} .sim-city__body strong{display:block;font-size:16px;color:var(--sim-navy)} .sim-city__body span{font-size:13px;color:var(--sim-muted)} .sim-city--all .sim-city__map{background:var(--sim-navy)} .sim-city--all .sim-city__map span{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--sim-navy)}  .sim-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .sim-step{background:#fff;border:1px solid var(--sim-line);border-radius:var(--sim-radius);padding:26px;box-shadow:var(--sim-shadow)} .sim-step b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--sim-red-50);color:var(--sim-red);font-weight:800;margin-bottom:14px} .sim-step h3{font-size:19px;color:var(--sim-navy);margin:0 0 6px;font-weight:700} .sim-step p{margin:0;color:var(--sim-muted);font-size:15px}  .sim-cta{background:var(--sim-navy);color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden} .sim-cta::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(213,43,30,.35),rgba(213,43,30,0) 70%)} .sim-cta h2{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em;margin:0 0 12px;color:#fff} .sim-cta p{color:#C9D1E4;margin:0 0 24px;font-size:16px} .sim-cta ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative;z-index:1} .sim-cta li{display:flex;gap:12px;align-items:flex-start;color:#E4E9F4;font-size:15px} .sim-cta li svg{flex:none;width:20px;height:20px;color:#fff;background:var(--sim-red);border-radius:6px;padding:3px} .sim-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1} .sim-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:14px 22px;font-weight:700;font-size:15px;transition:background .15s,color .15s} .sim-btn--red{background:var(--sim-red);color:#fff!important} .sim-btn--red:hover{background:var(--sim-red-600)} .sim-btn--ghost{border:1px solid rgba(255,255,255,.35);color:#fff!important} .sim-btn--ghost:hover{background:rgba(255,255,255,.1)} .sim-cta__note{font-size:13px;color:#9FAAC4;margin-top:16px;position:relative;z-index:1} .sim-home .sim-cta__note a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}  .sim-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .sim-trust h3{font-size:17px;color:var(--sim-navy);margin:0 0 6px;display:flex;gap:10px;align-items:center} .sim-trust h3 svg{width:22px;height:22px;color:var(--sim-red)} .sim-trust p{margin:0;color:var(--sim-muted);font-size:15px}  @media (max-width:1100px){ .sim-cities{grid-template-columns:repeat(4,1fr)} .sim-cats{grid-template-columns:repeat(4,1fr)} .sim-cat:nth-child(4n){border-right:0} .sim-cat:nth-child(-n+4){border-bottom:1px solid var(--sim-line)} } @media (max-width:900px){ .sim-hero{padding:40px 0 28px} .sim-hero__grid{grid-template-columns:1fr} .sim-map{max-width:560px;margin:0 auto} .sim-map__card{display:none} .sim-values{grid-template-columns:repeat(2,1fr);row-gap:24px} .sim-value:nth-child(3){border-left:0;padding-left:0} .sim-steps,.sim-trust{grid-template-columns:1fr} .sim-cta{grid-template-columns:1fr;padding:32px 24px} } @media (max-width:640px){ .sim-wrap{padding:0 16px} .sim-search{flex-direction:column;padding:6px} .sim-search__field + .sim-search__field{border-left:0;border-top:1px solid var(--sim-line)} .sim-search__btn{padding:14px;margin-top:6px} .sim-cats{grid-template-columns:repeat(2,1fr)} .sim-cat{border-right:1px solid var(--sim-line)!important;border-bottom:1px solid var(--sim-line)} .sim-cat:nth-child(2n){border-right:0!important} .sim-cities{grid-template-columns:repeat(2,1fr)} .sim-values{grid-template-columns:1fr} .sim-value{border-left:0;padding-left:0} .sim-head{flex-direction:column;align-items:flex-start} .sim-section{padding:52px 0} }


/* === SwissImmoMap Global === */
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,.main-nav li a{font-family:var(--sim-font)}
body{color:var(--sim-ink)}
.home .ml-breadcrumbs{display:none}
.ml-breadcrumbs{background:#fff;border-bottom:1px solid var(--sim-line);font-size:13px}
header .main-nav>li>a{font-size:15px;font-weight:600;color:var(--sim-navy)!important;letter-spacing:0}
header .main-nav>li>a:hover,header .main-nav>li.current-menu-item>a{color:var(--sim-red)!important}
header .header-button a,header .c27-main-header .buttons a{border-radius:12px}
.sim-map__card{position:relative!important;right:auto!important;bottom:auto!important;top:auto!important;margin:8px 0 0 auto;display:block}
.sim-map{aspect-ratio:auto}
.sim-map svg.sim-map__svg{height:auto;aspect-ratio:600/390}