/* Oko na Dziecko 4.10.0: trzy przełączalne formy czasu / ceny.
   Klasy są ograniczone do szczegółów usługi. Nie zmieniają wartości WP. */

/* Wspólny szkielet. Czytelność długiego opisu bez wymuszania jednej linii. */
.page-hero .service-meta-row[class*="oko-meta-layout--"]{
  gap:12px;max-width:1120px;margin-top:23px;align-items:stretch;
}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-facts,
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact,
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-text{min-width:0;box-sizing:border-box;}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-label{font-size:clamp(.72rem,.9vw,.8rem);font-weight:450;line-height:1.3}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact strong{font-size:clamp(.88rem,1.08vw,1.05rem);line-height:1.34;font-weight:650;letter-spacing:-.018em;overflow-wrap:break-word}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-price strong{font-size:clamp(1rem,1.22vw,1.2rem);white-space:nowrap}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-meta-cta{min-width:0}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-meta-cta .btn{
  box-sizing:border-box;min-width:0;min-height:70px;padding:16px 23px;
  font-size:clamp(.88rem,1.05vw,.98rem);line-height:1.32;border-radius:999px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-meta-cta .btn span{margin-left:auto}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-icon{height:25px;width:25px;flex:0 0 25px}
.page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-icon svg{height:21px;width:21px}

@media(min-width:1200px){
 .page-hero .service-meta-row[class*="oko-meta-layout--"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,28%)}
 .page-hero .service-meta-row[class*="oko-meta-layout--"] .service-meta-cta .btn{min-height:76px;height:100%;width:100%}
}

/* COMPACT - dwa lekkie, oddzielone elementy, bez masywnej kapsuły. */
.page-hero .service-meta-row.oko-meta-layout--compact .service-facts{
 display:flex;align-items:stretch;gap:10px;background:transparent;border:0;border-radius:0;overflow:visible;
}
.page-hero .service-meta-row.oko-meta-layout--compact .service-facts .service-fact{
 display:flex;align-items:center;gap:10px;min-height:70px;padding:12px 18px;
 background:#FFF4D8!important;border:1px solid rgba(196,151,49,.18)!important;
 border-radius:25px!important;box-shadow:none!important;
}
.page-hero .service-meta-row.oko-meta-layout--compact .service-fact-time{flex:1 1 72%}
.page-hero .service-meta-row.oko-meta-layout--compact .service-facts .service-fact-price{flex:0 1 auto;min-width:125px}
.page-hero .service-meta-row.oko-meta-layout--compact .service-fact-text{gap:2px}
.page-hero .service-meta-row.oko-meta-layout--compact .service-fact-icon{display:grid;background:transparent!important}

/* BALANCED - jedna zwarta kapsuła: szeroki czas + wąska cena. */
.page-hero .service-meta-row.oko-meta-layout--balanced .service-facts{
 display:flex;align-items:stretch;gap:0;min-height:74px;background:#FFF4D8;
 border:1px solid rgba(196,151,49,.2);border-radius:34px;overflow:hidden;
}
.page-hero .service-meta-row.oko-meta-layout--balanced .service-facts .service-fact{
 display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
 gap:10px;min-height:72px;padding:12px 18px;border:0!important;border-radius:0!important;background:transparent!important;
}
.page-hero .service-meta-row.oko-meta-layout--balanced .service-fact-time{flex:1 1 70%}
.page-hero .service-meta-row.oko-meta-layout--balanced .service-facts .service-fact-price{
 flex:0 1 30%;min-width:132px;border-left:1px solid rgba(0,85,80,.17)!important;
}
.page-hero .service-meta-row.oko-meta-layout--balanced .service-fact-icon{display:grid}

/* PREMIUM SLIM - cienki infobar, bez klasycznej pełnej kapsuły. */
.page-hero .service-meta-row.oko-meta-layout--slim .service-facts{
 display:flex;align-items:stretch;gap:0;min-height:65px;
 background:transparent;border:0;border-top:1px solid rgba(0,85,80,.27);
 border-bottom:1px solid rgba(0,85,80,.27);border-radius:0;overflow:visible;
}
.page-hero .service-meta-row.oko-meta-layout--slim .service-facts .service-fact{
 display:flex;flex-direction:row;align-items:center;gap:10px;min-height:63px;
 padding:9px 17px;border:0!important;border-radius:0!important;background:transparent!important;
}
.page-hero .service-meta-row.oko-meta-layout--slim .service-fact-time{flex:1 1 72%}
.page-hero .service-meta-row.oko-meta-layout--slim .service-facts .service-fact-price{flex:0 1 28%;min-width:130px;border-left:1px solid rgba(0,85,80,.18)!important}
.page-hero .service-meta-row.oko-meta-layout--slim .service-fact-icon{display:grid;color:#005550}
.page-hero .service-meta-row.oko-meta-layout--slim .service-fact-label{font-size:.71rem}
.page-hero .service-meta-row.oko-meta-layout--slim .service-fact strong{font-size:clamp(.84rem,.95vw,.96rem)}
.page-hero .service-meta-row.oko-meta-layout--slim .service-fact-price strong{font-size:clamp(.98rem,1.1vw,1.1rem)}
.page-hero .service-meta-row.oko-meta-layout--slim .service-meta-cta .btn{min-height:64px}

/* Tablet: zachowujemy liniowy infobar, CTA przechodzi poniżej. */
@media(max-width:1199px){
 .page-hero .service-meta-row[class*="oko-meta-layout--"]{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .page-hero .service-meta-row[class*="oko-meta-layout--"] .service-meta-cta{width:100%}
 .page-hero .service-meta-row[class*="oko-meta-layout--"] .service-meta-cta .btn{min-height:54px;width:100%;padding:13px 20px}
 .page-hero .service-meta-row.oko-meta-layout--compact .service-facts .service-fact{min-height:68px}
 .page-hero .service-meta-row.oko-meta-layout--balanced .service-facts .service-fact{min-height:68px}
 .page-hero .service-meta-row.oko-meta-layout--slim .service-facts .service-fact{min-height:60px}
}
@media(max-width:600px){
 .page-hero .service-meta-row[class*="oko-meta-layout--"]{gap:10px;margin-top:18px}
 .page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-icon{display:none}
 .page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-label{font-size:.72rem}
 .page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact strong{font-size:.87rem;line-height:1.34}
 .page-hero .service-meta-row[class*="oko-meta-layout--"] .service-fact-price strong{font-size:1rem}
 .page-hero .service-meta-row.oko-meta-layout--compact .service-facts .service-fact{padding:12px 14px;min-height:67px}
 .page-hero .service-meta-row.oko-meta-layout--balanced .service-facts{border-radius:22px}
 .page-hero .service-meta-row.oko-meta-layout--balanced .service-facts .service-fact{padding:12px 14px;min-height:66px}
 .page-hero .service-meta-row.oko-meta-layout--slim .service-facts .service-fact{padding:11px 12px;min-height:58px}
}
@media(max-width:410px){
 /* Przy długich opisach dajemy czasowi pełną szerokość - bez łamania pojedynczych słów. */
 .page-hero .service-meta-row.oko-meta-layout--compact .service-facts{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;
 }
 .page-hero .service-meta-row.oko-meta-layout--compact .service-facts .service-fact{align-items:flex-start;justify-content:center;min-width:0;padding:11px 12px}
 .page-hero .service-meta-row.oko-meta-layout--compact .service-facts .service-fact-price{min-width:85px}
 .page-hero .service-meta-row.oko-meta-layout--balanced .service-facts .service-fact{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:12px;min-width:0}
 .page-hero .service-meta-row.oko-meta-layout--balanced .service-facts .service-fact-price{min-width:92px}
 .page-hero .service-meta-row.oko-meta-layout--slim .service-facts .service-fact{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px;min-width:0}
 .page-hero .service-meta-row.oko-meta-layout--slim .service-facts .service-fact-price{min-width:93px}
}