/* Brúixola d'«El meu lloc»: nord real i direcció real del vent. */
.compass-tool{min-height:262px!important}
.compass-tool>.section-label{display:none!important}
.pro-compass{width:164px!important;height:164px!important;overflow:visible!important}
.compass-ring{transform:none!important;transition:none!important}
.compass-ring b{font-size:26px!important;color:#fff!important;text-shadow:0 1px 2px #003559}
.compass-ring .ring-n{top:-12px!important;color:#ffe36c!important}
.compass-ring .ring-e{right:-12px!important}.compass-ring .ring-s{bottom:-12px!important}.compass-ring .ring-w{left:-12px!important}
.compass-ring small{display:none!important}.heading-notch{display:none!important}
.compass-cross{width:34px!important;height:34px!important;z-index:9!important}
.compass-cross::before{width:2px!important;height:34px!important;left:16px!important}
.compass-cross::after{width:34px!important;height:2px!important;top:16px!important}
.compass-cross span{width:12px!important;height:12px!important;left:11px!important;top:11px!important;background:#e64742!important;box-shadow:0 0 0 3px #f7fcff!important;transition:background .2s!important}
.pro-compass.is-level .compass-cross span{background:#27c378!important}
.travel-north-needle,.travel-wind-pointer{position:absolute;left:50%;top:50%;margin:0;transform-origin:50% 50%;pointer-events:none}
/* Agulla clàssica simètrica: el seu centre geomètric coincideix amb el punt central. */
.travel-north-needle{z-index:6;width:18px;height:142px;background:linear-gradient(to bottom,#e64640 0 50%,#f7fbff 50% 100%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 1px 1px #001d35)}
/* Fletxa del vent sobreposada: un pal groc llarg que surt del centre i acaba en punta. */
.travel-wind-pointer{z-index:8;width:14px;height:160px;background:#ffd33d;clip-path:polygon(50% 0,100% 17%,67% 17%,67% 50%,33% 50%,33% 17%,0 17%);filter:drop-shadow(0 1px 2px #002a4c)}
.travel-wind-pointer::after{display:none}
.field-wind-details{min-height:22px;margin:4px 0 0;color:#e6f7ff;font-size:10px;font-weight:800;line-height:1.25}
.magnetic-heading{margin-top:0}.magnetic-heading strong{font-size:26px!important}.magnetic-heading b{font-size:18px!important}
.compass-tool>#travelCompassStatus{max-width:100px!important}
@media(max-width:390px){.compass-tool{min-height:244px!important}.pro-compass{width:160px!important;height:160px!important}.travel-north-needle{height:128px}.travel-wind-pointer{height:148px}}

/* Distribució del recuadre blau: nord i vent a dalt, recorregut solar a sota. */
#travelPage .travel-metrics{display:none!important}
.travel-tools-card{grid-template-columns:1.15fr .85fr!important;gap:8px!important;padding:13px!important;padding-bottom:13px!important}
.compass-tool{min-height:235px!important}
.field-wind-details,.compass-activate{display:none!important}
.travel-live-wind{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-left:1px solid #8dcff1;padding:8px 2px;color:#fff}
.travel-live-wind p{margin:0 0 8px;color:#cceeff;font-size:10px;font-weight:900;letter-spacing:.1em}
.travel-live-wind strong{font-size:29px;line-height:1;color:#fff;letter-spacing:-1px}
.travel-live-wind strong small{font-size:13px;letter-spacing:0}
.travel-live-wind span{display:block;margin-top:13px;color:#cceeff;font-size:10px;font-weight:700}
.travel-live-wind b{font-size:15px;color:#ffe36c;line-height:1.3}
.sun-tool{grid-column:1/-1;display:block!important;border-top:1px solid #8dcff1;padding-top:8px}
.sun-tool>.section-label{display:block!important;margin:0 0 3px!important;text-align:center;color:#cceeff!important}
.sun-time-route{margin:5px 15px 0!important}
.sun-time-arc{height:58px!important}
.sun-time-scale{margin:1px 11px 0!important;font-size:10px!important}
.sun-time-scale span:first-child::before{content:"E · Sortida ";color:#cceeff}
.sun-time-scale span:last-child::before{content:"O · Posta ";color:#cceeff}
#travelSunText{margin:5px 0 0!important;text-align:center;font-size:12px!important;color:#fff!important}
.sun-time-arc .arc-hour{position:absolute!important;z-index:5;color:#ffe15b!important;font-size:16px!important;font-weight:900;white-space:nowrap;text-shadow:0 1px 2px #785700}
/* Hores compactes, a cada costat de l'arc, sense tapar el dibuix del recorregut. */
.sun-time-arc .arc-hour-set{left:0!important;right:auto!important;top:52px!important;bottom:auto!important}
.sun-time-arc .arc-hour-rise{right:0!important;left:auto!important;top:52px!important;bottom:auto!important}
.sun-time-arc .arc-hour-noon{left:50%!important;top:-21px!important;bottom:auto!important;transform:translateX(-50%);font-size:14px!important}
.sun-time-arc .arc-hour-set::before{content:"O · Posta ";color:#cceeff}
.sun-time-arc .arc-hour-rise::before{content:"E · Sortida ";color:#cceeff}
.sun-tool::after{display:none!important}
.sun-time-arc .arc-hour-noon{display:none!important}
.sun-route-north{position:absolute;z-index:8;left:50%;top:-16px;transform:translateX(-50%);color:#ffe15b;font-size:28px;line-height:1;text-shadow:0 2px 3px #785700}
.sun-north-guide{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;color:#e4f7ff;font-weight:800;line-height:1.1}
.sun-north-guide span{font-size:36px}.sun-north-guide b{font-size:21px;color:#ffe15b}.sun-north-guide small{font-size:12px}
@media(max-width:390px){.travel-tools-card{padding:10px!important}.compass-tool{min-height:215px!important}.travel-live-wind strong{font-size:25px}.travel-live-wind span{margin-top:9px}.sun-time-route{margin:4px 9px 0!important}.sun-time-arc{height:52px!important}}

/* Selector de lloc: primer país opcional, després el poble. */
.place-card details{margin-top:4px;border:1px solid #c8d9e8;border-radius:12px;background:#f8fbfe}
.place-card summary{cursor:pointer;padding:13px 14px;font-size:18px;font-weight:900;color:#09213d}
.place-picker-body{display:grid;gap:7px;padding:0 12px 13px}.place-picker-body label{font-size:12px;font-weight:800;color:#45637f}.place-picker-body label small{font-weight:500}
.place-picker-body select,.place-picker-body input{width:100%;min-width:0;border:1px solid #cfdbe5;border-radius:9px;padding:10px;background:#fff;color:#09213d;font:inherit}
.place-search-row{display:flex;gap:7px}.place-search-row input{flex:1}.place-search-row .button-link{white-space:nowrap}
.place-matches{display:grid;gap:4px;margin-top:3px;border:1px solid #c8d9e8;border-radius:9px;background:#fff;padding:6px;box-shadow:0 3px 10px #12345618}
.place-matches[hidden]{display:none}.place-matches-head{display:flex;justify-content:space-between;gap:8px;padding:2px 4px;color:#45637f;font-size:11px;font-weight:800}.place-matches-head b{color:#0b69ab}
.place-match{border:0;border-radius:7px;padding:8px;text-align:left;background:#edf7ff;color:#09213d;font:inherit;font-size:12px;cursor:pointer}.place-match:hover{background:#d9efff}
