/* Radar Česka V5.9.11 — Weather Detail Compact Inspector Production Polish
   Loaded after the legacy weather CSS. This layer intentionally avoids !important. */

@media (min-width:1101px){
  .place-card.rc596-weather-detail,
  .model-point-card.rc596-model-detail{
    border-color:rgba(21,58,69,.075);
    background:rgba(255,255,255,.975);
    box-shadow:0 20px 56px rgba(26,53,63,.13),0 2px 8px rgba(26,53,63,.045);
  }

  .place-card.rc596-weather-detail{
    width:372px;
    padding-bottom:12px;
  }

  .rc596-weather-detail .place-kicker{
    color:#6e8b91;
    letter-spacing:.105em;
  }

  .rc596-weather-detail .place-current{
    border-color:rgba(38,102,122,.07);
    background:linear-gradient(135deg,rgba(244,250,252,.96),rgba(240,250,247,.93));
  }

  /* The main answer is one calm, readable insight card. */
  .rc596-weather-detail .smart-now-card{
    border-color:rgba(15,139,117,.10);
    background:linear-gradient(135deg,#f8fdfc,#f1faf7);
  }
  .rc596-weather-detail .smart-now-card.is-rain,
  .rc596-weather-detail .smart-now-card.is-approaching{
    background:linear-gradient(135deg,#f5fbff,#f1faf8);
  }
  .rc596-weather-detail .smart-now-card.is-warning,
  .rc596-weather-detail .smart-now-card.is-storm{
    background:linear-gradient(135deg,#fffaf4,#fff7ee);
  }
  .rc596-weather-detail .smart-now-card>strong{max-width:315px}
  .rc596-weather-detail .smart-now-card>p{max-width:320px;color:#587078}

  /* Technical evidence stays behind the explicit explanation action. */
  .rc596-weather-detail .smart-now-signals{display:none}
  .rc596-weather-detail.is-explained .smart-now-signals{display:grid}
  .rc596-weather-detail .smart-now-explain{
    display:inline-flex;align-items:center;gap:5px;
    width:auto;padding:5px 0 0;border:0;background:transparent;
    color:#648087;font-weight:800;
  }

  /* Four facts at a glance: useful, flat, and not another nested dashboard. */
  .rc596-glance{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;margin:7px 0 0;padding:7px 0;
    border-top:1px solid rgba(27,63,73,.06);
    border-bottom:1px solid rgba(27,63,73,.06);
  }
  .rc596-glance>span{min-width:0;padding:0 6px}
  .rc596-glance>span+span{border-left:1px solid rgba(27,63,73,.055)}
  .rc596-glance small,.rc596-glance strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .rc596-glance small{font-size:6.8px;font-weight:800;color:#8a9ba0}
  .rc596-glance strong{margin-top:3px;font-size:8.8px;line-height:1.15;color:#294b54;font-variant-numeric:tabular-nums}

  .rc596-weather-detail .place-hourly-preview{margin-top:9px}
  .rc596-weather-detail .place-actions{margin-top:8px}

  /* Remove the 'boxes in boxes' feel from expanded details. */
  .rc596-weather-detail .weather-metrics div,
  .rc596-weather-detail .meteo-detail-line>span{
    border-color:transparent;
    background:#f7fafb;
  }
  .rc596-weather-detail .place-data-sources{opacity:.9}

  /* Model cards use one information hierarchy regardless of the active metric. */
  .model-point-card.rc596-model-detail{
    width:340px;
  }
  .rc596-model-detail .model-point-head{
    background:linear-gradient(180deg,rgba(249,252,252,.82),rgba(255,255,255,0));
  }
  .rc596-model-detail .model-point-primary{
    position:relative;
    padding-bottom:10px;
  }
  .rc596-model-detail .model-point-primary>span{
    color:#6e878d;
    letter-spacing:.055em;
  }
  .rc596-model-detail .model-point-primary>strong{
    color:#153c46;
  }
  .rc596-model-detail .model-point-primary>small{
    max-width:285px;color:#59737a;
  }
  .rc596-model-detail .model-point-extras{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;padding:0 12px 9px;margin:0;
  }
  .rc596-model-detail .model-point-extras>span{
    min-height:38px;padding:6px 7px;
    border:0;background:transparent;
  }
  .rc596-model-detail .model-point-trend{
    border-top:1px solid rgba(24,61,71,.06);
  }
  .rc596-model-detail .model-point-note{
    color:#6e8288;background:rgba(247,250,250,.72);
  }
  .rc596-model-detail[data-semantic="forecast"] .model-point-primary{
    background:transparent;
  }
  .rc596-model-detail[data-semantic="precip"] .model-point-primary{
    background:transparent;
  }
  .rc596-model-detail[data-semantic="temperature"] .model-point-primary{
    background:transparent;
  }
  .rc596-model-detail[data-semantic="wind"] .model-point-primary{
    background:transparent;
  }

  /* Real loading is a short skeleton, never a dashboard full of 'Načítám…'. */
  .rc596-weather-detail.is-loading .place-current,
  .rc596-model-detail.is-loading .model-point-primary{
    position:relative;overflow:hidden;
  }
  .rc596-weather-detail.is-loading .place-current::after,
  .rc596-model-detail.is-loading .model-point-primary::after,
  .rc596-weather-detail .smart-now-card.is-loading::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.72) 48%,transparent 62%);
    transform:translateX(-100%);animation:rc596Shimmer 1.2s ease-in-out infinite;
    pointer-events:none;
  }
  .rc596-weather-detail .smart-now-card.is-loading{position:relative;overflow:hidden;min-height:72px}
  .rc596-weather-detail .smart-now-card.is-loading .smart-now-signals{display:none}
}

@keyframes rc596Shimmer{to{transform:translateX(100%)}}

@media (max-width:700px){
  /* Keep the proven V5.7 mobile sheet, but remove visual clutter in FULL. */
  #mobileSheet[data-rc-core-snap="full"] #mobileSituation{
    border-color:rgba(18,98,89,.08);
    box-shadow:none;
  }
  #mobileSheet[data-rc-core-snap="full"] .mobile-weather-body .weather-metrics>div,
  #mobileSheet[data-rc-core-snap="full"] .mobile-weather-body .meteo-detail-line>span{
    box-shadow:none;
  }
}
