/* StudentBnB country-pack additions. The base stylesheet is shared with Italy/Spain. */
.country-market-map{position:relative;min-height:760px;height:760px;margin-top:8px;border-radius:30px;background:linear-gradient(145deg,#eaf5ff 0%,#fff9dd 56%,#f5efff 100%);border:1px solid var(--line);overflow:hidden;padding:28px 30px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);isolation:isolate}
.country-market-map:before{content:"";position:absolute;inset:24% 8% 14%;border-radius:48%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,255,255,.4) 64%,transparent 72%);z-index:0}
.market-map-top,.market-map-canvas,.market-map-note{position:relative;z-index:2}
.market-map-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.market-country-code{font-size:88px;line-height:.9;font-weight:950;letter-spacing:-6px;color:rgba(23,23,23,.08)}
.market-map-top h2{font-size:31px;line-height:1.05;margin:0 0 6px;max-width:360px}
.market-map-top p{margin:0;color:var(--muted);max-width:390px}
.market-map-canvas{flex:1;min-height:0;display:grid;place-items:center;padding:8px 34px 10px}
.market-map-visual{position:relative;height:100%;max-height:540px;max-width:100%;aspect-ratio:var(--map-ratio)}
.market-map-image{display:block;width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 15px 18px rgba(45,65,85,.16)) saturate(.92)!important;user-select:none}
.map-city-marker{position:absolute;left:var(--x);top:var(--y);width:17px;height:17px;border-radius:50%;background:var(--yellow);border:3px solid #171717;box-shadow:0 0 0 4px rgba(255,255,255,.88),0 5px 12px rgba(0,0,0,.24);transform:translate(-50%,-50%);z-index:4;transition:.18s transform,.18s box-shadow}
.map-city-marker:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,196,0,.44);animation:mapPulse 2.2s ease-out infinite}
.map-city-marker span{position:absolute;left:20px;top:50%;transform:translateY(-50%);padding:5px 8px;border:1px solid rgba(23,23,23,.16);border-radius:8px;background:rgba(255,255,255,.94);color:#171717;font-size:11px;line-height:1;font-weight:900;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.map-city-marker.label-left span{left:auto;right:20px}
.map-city-marker:hover,.map-city-marker:focus{transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 5px #fff,0 7px 18px rgba(0,0,0,.28);outline:none;z-index:8}
.map-city-marker:hover span,.map-city-marker:focus span{background:var(--yellow)}
@keyframes mapPulse{0%{transform:scale(.55);opacity:.8}80%,100%{transform:scale(1.4);opacity:0}}
.market-map-note{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#171717;color:#fff;padding:18px 20px;border-radius:16px}
.market-map-note strong{font-size:15px}.market-map-note span{color:#c8cbd0;font-size:13px}
.demo-map-notice{position:absolute;left:18px;right:18px;bottom:16px;z-index:8;margin:0;padding:10px 13px;border:1px solid rgba(23,23,23,.18);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(0,0,0,.12);font-size:12px;font-weight:800;line-height:1.35;text-align:center}
.city-card strong{position:absolute!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;left:12px;right:12px;bottom:12px;color:#fff;font-size:16px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.72);z-index:2}
.city-card:before{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));z-index:1}
.city-card img{filter:saturate(.82);transition:.25s transform}
.city-card:hover img{transform:scale(1.04)}
.network-placeholder{opacity:.52;cursor:not-allowed}
.network-placeholder:hover,.network-placeholder:focus{background:transparent!important;border-color:#51545a!important;color:#fff!important}
.verification-panel{margin-top:18px;padding:18px;border-radius:13px;background:#eef7ff;border:1px solid #b9daf1;display:none}
.verification-panel.active{display:block}
.verification-panel h3{margin:0 0 6px;font-size:18px}.verification-panel p{margin:0 0 12px;color:#3e5262}
.verification-panel .btn{padding:10px 15px;font-size:13px}
.legal-draft{background:#fff4dc;border:1px solid #efd08b;border-radius:14px;padding:16px 18px;margin:0 0 24px;color:#5c4715}
.legal-draft strong{display:block;margin-bottom:3px}
.legal-content{padding:42px 0 64px;background:#fafbfc}
.legal-card{max-width:920px;margin:auto;padding:30px}
.legal-card h1{font-size:40px;margin:0 0 12px}.legal-card h2{font-size:22px;margin:28px 0 8px}.legal-card p,.legal-card li{color:#40474e}
.legal-card code{background:#f1f3f5;border-radius:6px;padding:2px 6px}
.status-card{max-width:720px;margin:70px auto;padding:34px;text-align:center}.status-card .status-icon{font-size:52px}.status-card h1{font-size:36px;margin:8px 0}.status-card p{color:var(--muted)}
.demo-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3c8;border:1px solid #e8ce72;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;margin-bottom:12px}
.form-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#454b50;margin-top:16px}.form-consent input{width:auto;margin-top:3px}
.form-consent a{text-decoration:underline}
.form-row-note{font-size:12px;color:var(--muted);margin-top:-8px}
.results-actions{display:flex;gap:10px;flex-wrap:wrap}
.student-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:26px 0 50px}
.simple-student-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fff;box-shadow:var(--shadow-sm)}
.simple-student-card h2{font-size:21px;margin:0 0 4px}.simple-student-card p{font-size:14px;color:#454b50}.student-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.student-initial{width:52px;height:52px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:900;font-size:20px}.student-budget{font-weight:900;color:var(--green)}
.record-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.record-meta span{font-size:12px;background:#f1f4f6;border-radius:999px;padding:5px 8px}
.backend-ready{display:flex;align-items:center;gap:10px;background:#eaf8ef;border:1px solid #b8dfc6;padding:12px 15px;border-radius:11px;font-size:13px;margin:18px 0}.backend-ready strong{color:#11753a}
.site-footer .brand strong{color:#ffc400;text-shadow:none}
.footer-international{margin-top:26px;padding:22px 0;border-top:1px solid #35383b;border-bottom:1px solid #35383b}
.footer-international>strong{display:block;margin-bottom:13px;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#d9dde0}
.footer-country-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.footer-country-links a{display:grid!important;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:8px 12px!important;border-radius:14px!important;background:#222527;border-color:#45494d!important;text-decoration:none!important;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.network-flag{display:block;width:30px;height:20px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 5px rgba(0,0,0,.35)}
.network-open{font-size:14px;color:#9ca3a9;transition:.18s transform,.18s color}
.footer-country-links a:hover,.footer-country-links a:focus{background:var(--yellow)!important;color:#171717!important;border-color:var(--yellow)!important;transform:translateY(-2px)}
.footer-country-links a:hover .network-open,.footer-country-links a:focus .network-open{color:#171717;transform:translate(2px,-2px)}
.footer-country-links a[aria-current="page"]{background:#303438;border-color:#ffc400!important;box-shadow:inset 4px 0 #ffc400;text-decoration:none!important}
.footer-country-links a[aria-current="page"] .network-open{color:#ffc400}

@media(max-width:1050px){.country-market-map{height:700px;min-height:700px}.market-country-code{font-size:70px}.market-map-visual{max-height:480px}.student-card-grid{grid-template-columns:1fr}}
@media(max-width:820px){.country-market-map{height:680px;min-height:680px;max-width:700px;margin:12px auto 0}.market-map-top{flex-direction:column}.market-country-code{position:absolute;right:0;top:0}.market-map-top h2{padding-right:90px}.market-map-canvas{padding:12px 48px}.market-map-visual{max-height:500px}.legal-card{padding:22px}.footer-country-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.country-market-map{height:620px;min-height:620px;padding:24px 18px 18px}.market-country-code{font-size:54px;letter-spacing:-4px}.market-map-top h2{font-size:25px}.market-map-canvas{padding:10px 36px}.map-city-marker{width:14px;height:14px;border-width:2px}.map-city-marker span{font-size:9px;padding:4px 6px;left:17px}.map-city-marker.label-left span{left:auto;right:17px}.market-map-note{align-items:flex-start;flex-direction:column;padding:14px 16px}.footer-country-links{grid-template-columns:1fr}.legal-card h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.map-city-marker:after{animation:none}.map-city-marker,.footer-country-links a{transition:none}}

/* Map scale alignment with Italy and Spain — 2026-08-24 */
.country-market-map{
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  padding:24px 24px 22px;
}
.market-map-canvas{
  flex:none;
  padding:12px 0 16px;
}
.market-map-visual{
  width:100%;
  height:auto;
  max-width:680px;
  max-height:none;
  margin-inline:auto;
}
@media(max-width:1050px){
  .country-market-map{height:auto;min-height:0}
  .market-map-visual{max-height:none}
}
@media(max-width:820px){
  .country-market-map{height:auto;min-height:0}
  .market-map-canvas{padding:12px 0 16px}
  .market-map-visual{width:100%;max-height:none}
}
@media(max-width:590px){
  .country-market-map{height:auto;min-height:0;padding:22px 14px 16px}
  .market-map-canvas{padding:10px 0 14px}
  .market-map-visual{width:100%;max-height:none}
}

/* Secondary French market markers — 2026-08-24 */
.map-city-secondary{width:13px;height:13px;border-width:2px}
.map-city-secondary:after{inset:-6px}
.map-city-secondary span{opacity:0;visibility:hidden;pointer-events:none;transition:.16s opacity}
.map-city-secondary:hover span,.map-city-secondary:focus span{opacity:1;visibility:visible}

/* Borderless French map with image-only hotspots — 2026-08-24 */
.country-market-map{
  width:100%;
  max-width:none;
  margin-top:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  isolation:auto;
}
.country-market-map::before{display:none}
.market-map-canvas{padding:10px 0 16px}
.market-map-visual{
  position:relative;
  width:100%;
  max-width:720px;
  max-height:none;
  overflow:visible;
  background:#fff;
  isolation:isolate;
}
.market-map-image{
  filter:none!important;
}
.market-map-visual::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(to right,#fff 0,rgba(255,255,255,.92) 2%,transparent 9%,transparent 91%,rgba(255,255,255,.92) 98%,#fff 100%),
    linear-gradient(to bottom,#fff 0,rgba(255,255,255,.9) 2%,transparent 6%,transparent 94%,rgba(255,255,255,.9) 98%,#fff 100%);
}
.map-hotspot{
  position:absolute;
  z-index:5;
  border:0;
  border-radius:18px;
  background:rgba(255,196,0,.001);
}
.map-hotspot:hover,
.map-hotspot:focus-visible{
  outline:4px solid rgba(255,196,0,.34);
  outline-offset:2px;
  background:rgba(255,196,0,.08);
}
.hot-lille{left:52%;top:4%;width:17%;height:20%}
.hot-paris{left:43%;top:23%;width:17%;height:18%}
.hot-rennes{left:10%;top:30%;width:23%;height:13%}
.hot-nantes{left:17%;top:39%;width:23%;height:15%}
.hot-lyon{left:61%;top:47%;width:18%;height:16%}
.hot-bordeaux{left:21%;top:59%;width:27%;height:13%}
.hot-toulouse{left:29%;top:71%;width:27%;height:11%}
.hot-montpellier{left:56%;top:71%;width:18%;height:12%}

.map-landmark-hotspot{
  position:absolute;
  left:var(--x);
  top:var(--y);
  z-index:6;
  display:block;
  width:max-content;
  height:var(--landmark-height,60px);
  margin-left:var(--landmark-offset-x,0);
  margin-top:var(--landmark-offset-y,0);
  transform:translate(-50%,-100%);
  transform-origin:bottom center;
  line-height:0;
}
.map-landmark-hotspot .map-landmark-icon{
  display:block;
  width:auto;
  height:100%;
  max-width:none;
  object-fit:contain;
  opacity:.98;
  filter:drop-shadow(0 3px 4px rgba(45,65,85,.18));
  cursor:pointer;
  user-select:none;
}
.map-landmark-hotspot:hover .map-landmark-icon,
.map-landmark-hotspot:focus-visible .map-landmark-icon{
  opacity:1;
  filter:drop-shadow(0 0 2px rgba(255,196,0,.95)) drop-shadow(0 4px 5px rgba(45,65,85,.24));
}
.map-landmark-hotspot.hot-nancy{--landmark-height:58px;--landmark-offset-x:-38px;--landmark-offset-y:-8px}
.map-landmark-hotspot.hot-strasbourg{--landmark-height:76px;--landmark-offset-x:36px;--landmark-offset-y:-8px}
.map-landmark-hotspot.hot-grenoble{--landmark-height:62px;--landmark-offset-x:52px;--landmark-offset-y:8px}
.map-landmark-hotspot.hot-nice{--landmark-height:56px;--landmark-offset-x:38px;--landmark-offset-y:-6px}
.map-landmark-hotspot.hot-marseille{--landmark-height:64px;--landmark-offset-x:34px;--landmark-offset-y:16px}

@media(max-width:820px){
  .country-market-map{padding:0}
  .market-map-canvas{padding:10px 0 16px}
  .market-map-visual{max-width:680px}
  .map-landmark-hotspot{transform:translate(-50%,-100%) scale(.86)}
}
@media(max-width:590px){
  .country-market-map{padding:0}
  .market-map-canvas{padding:8px 0 14px}
  .map-hotspot{border-radius:11px}
  .map-hotspot:hover,
  .map-hotspot:focus-visible{outline-width:3px;outline-offset:1px}
  .map-landmark-hotspot{transform:translate(-50%,-100%) scale(.65)}
  .map-landmark-hotspot.hot-nancy{--landmark-offset-x:-16px;--landmark-offset-y:-3px}
  .map-landmark-hotspot.hot-strasbourg{--landmark-offset-x:16px;--landmark-offset-y:-3px}
  .map-landmark-hotspot.hot-grenoble{--landmark-offset-x:22px;--landmark-offset-y:5px}
  .map-landmark-hotspot.hot-nice{--landmark-offset-x:17px;--landmark-offset-y:-2px}
  .map-landmark-hotspot.hot-marseille{--landmark-offset-x:16px;--landmark-offset-y:10px}
}

/* France city labels aligned to Spain — 2026-08-25 */
.map-hotspot{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  cursor:pointer;
  touch-action:manipulation;
}
.map-landmark-hotspot{cursor:pointer;touch-action:manipulation}
.map-hotspot::after,
.map-landmark-hotspot::after{
  content:attr(aria-label);
  display:block;
  background:rgba(255,255,255,.96);
  color:#171717;
  padding:4px 7px;
  border-radius:7px;
  box-shadow:0 4px 12px rgba(0,0,0,.14);
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
  line-height:1.05;
  pointer-events:auto;
  cursor:pointer;
}
.map-hotspot::after{margin-bottom:2px}
.map-landmark-hotspot::after{
  position:absolute;
  left:50%;
  top:100%;
  margin-top:3px;
  transform:translateX(-50%);
  line-height:1.05;
}
@media(max-width:1050px){
  .map-hotspot::after,.map-landmark-hotspot::after{font-size:9px;padding:4px 6px}
}
@media(max-width:820px){
  .map-hotspot::after,.map-landmark-hotspot::after{font-size:8px;padding:5px 7px}
}
@media(max-width:520px){
  .map-hotspot::after,.map-landmark-hotspot::after{font-size:8px;padding:6px 8px;max-width:88px;overflow:hidden;text-overflow:ellipsis}
}
