/* =========================================================
   ROTA ITALIA V39 — PRODUCTION UX PASS
   Global overflow guard + desktop readability + mobile flow.
   ========================================================= */

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

@supports (overflow:clip){
  html,
  body{overflow-x:clip}
}

body,
main,
.site-header,
.pro-footer,
section{
  min-width:0;
  max-width:100%;
}

.container,
.container > *,
[class$="-grid"] > *,
[class*="-grid "] > *,
[class$="-layout"] > *,
[class*="-layout "] > *{
  min-width:0;
}

img,
svg,
video,
canvas,
iframe{
  max-width:100%;
}

input,
select,
textarea,
button{
  max-width:100%;
}

/* Long source names / URLs must wrap instead of widening the viewport. */
.exam-route-card,
.exam-admission-card,
.exam-accepted-card,
.uni-exam-program,
.school-card,
.scholarship-call-card,
.offer-card{
  min-width:0;
  overflow-wrap:anywhere;
}

/* Desktop readability: keep the editorial look, remove microscope-sized UI text. */
@media (min-width:1100px){
  .container{width:min(1220px,calc(100% - 56px))}

  .text-link{font-size:14px}
  .eyebrow,
  .section-heading>span,
  .mini,
  .offer-subtitle,
  .app-side-kicker,
  .contact-simple-card .kicker,
  .privacy-head .eyebrow,
  .exam-kicker{font-size:11px}

  .lead{font-size:20px}

  .exam-section-head>p,
  .exam-roadmap-grid>div>p,
  .exam-info-block>p{font-size:15px}

  .exam-finder-controls label>span{font-size:12px}
  .exam-control-hint{font-size:11px!important}
  .exam-finder-state strong{font-size:15px}
  .exam-finder-state span{font-size:13px}

  .exam-route-card__top strong{font-size:18px}
  .exam-route-card__top>span{font-size:10px}
  .exam-route-card p{font-size:12px}
  .exam-route-card__actions a{font-size:11px}
  .exam-route-meta span{font-size:9.5px}

  .exam-admission-card__top strong{font-size:17px}
  .exam-admission-card__top span{font-size:10px}
  .exam-admission-requirement{font-size:11px}
  .exam-admission-card p{font-size:12px}
  .exam-admission-card>a{font-size:11px}

  .exam-card-badge,
  .exam-card-status{font-size:10px}
  .exam-card-full{font-size:12px}
  .exam-card>p{font-size:14px}
  .exam-card-facts small{font-size:10px}
  .exam-card-link{font-size:13px}

  .exam-accepted-card__head span{font-size:10px}
  .exam-accepted-card__head strong{font-size:16px}
  .exam-accepted-card__head>a{font-size:10px}
  .exam-accepted-card li strong{font-size:12px}
  .exam-accepted-card li small{font-size:10px}
  .exam-more-programs{font-size:10px}
  .exam-accepted-note{font-size:11px}

  .program-card-tags small{font-size:9px}
  .school-program-item b{font-size:11.5px}
  .school-program-item small{font-size:10px}

  /* Scholarship page was intentionally very compact in older versions. */
  .student-led-head .mini{font-size:10px}
  .student-led-head p{font-size:14px}
  .student-led-card p{font-size:12px}
  .student-led-card a{font-size:10px}
  .student-led-disclaimer{font-size:10px}
  .calls-updated span,
  .calls-stat span,
  .calls-stat small,
  .call-kind,
  .call-status-badge{font-size:9.5px}
  .calls-filter{font-size:10px}
  .calls-search input{font-size:12px}
  .call-card-top p{font-size:10.5px}
  .call-deadline-row span{font-size:10px}
  .call-deadline-row small{font-size:9px}
  .call-deadline-row strong{font-size:11px}
  .call-card-note>p{font-size:11px}
  .call-reference span{font-size:8.5px}
  .call-reference strong{font-size:10px}
  .call-card-footer>span{font-size:9px}
  .call-card-footer a{font-size:10px}
  .calls-disclaimer{font-size:9.5px}
}

/* Roadmaps are announced but not purchasable yet. */
.offer-cta.is-coming-soon{
  cursor:default;
  pointer-events:none;
  color:#68766f;
  background:#f0f3f1;
  border-color:#dbe1dd;
}
.offer-cta.is-coming-soon span:last-child{
  color:#a0aaa4;
}

/* Phones: no horizontal chip strips; content should grow vertically. */
@media (max-width:720px){
  .type-tabs,
  .program-category-chips,
  .program-level-tabs,
  .region-filter-details .region-chips{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    padding:0!important;
    overflow:visible!important;
  }

  .type-tab,
  .program-category-chip,
  .program-level-tab,
  .region-chip{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  .exam-board-list,
  .exam-card-facts,
  .exam-detail-facts{
    min-width:0;
  }

  .exam-table-row{
    min-width:0;
  }
}


/* =========================================================
   V39.1 — FILTER RELIABILITY + DESKTOP READABILITY
   ========================================================= */

/* The scholarship cards are flex items, which can override the UA [hidden]
   rule. Make filtering deterministic even when older scholarship CSS is cached. */
.scholarship-call-card[hidden],
.calls-empty[hidden]{
  display:none!important;
}

/* Stronger viewport guard. No page-level horizontal scrollbar. */
html,
body{
  overflow-x:hidden!important;
}
@supports (overflow:clip){
  html,
  body{overflow-x:clip!important}
}
body > *,
main,
main > section,
.site-header,
.pro-footer{
  max-width:100%;
}

/* Long controls/content should wrap rather than creating a sideways page. */
.calls-tools,
.calls-filters,
.exam-route-card__top,
.exam-admission-card__top,
.exam-accepted-card__head,
.call-card-top,
.call-card-footer,
.official-links,
.program-card-tags{
  min-width:0;
}
.calls-filter,
.exam-route-meta span,
.program-card-tags span,
.program-card-tags small{
  white-space:normal;
}

/* Desktop readability pass. The editorial proportions stay the same, but the
   very small metadata/body type is no longer microprint on 1440p/4K screens. */
@media (min-width:1100px){
  .container{width:min(1260px,calc(100% - 58px))}
  .text-link{font-size:15px}
  .nav-actions .pill{font-size:14px}
  .eyebrow,
  .section-heading>span,
  .mini,
  .offer-subtitle,
  .app-side-kicker,
  .contact-simple-card .kicker,
  .privacy-head .eyebrow,
  .exam-kicker{font-size:12px}
  .lead{font-size:21px}
  .footer-inner{font-size:14px}

  /* University catalogue / detail */
  .filter-box p{font-size:14px}
  .region-chip,
  .type-tab,
  .program-category-chip,
  .program-level-tab{font-size:13px}
  .school-location{font-size:12px}
  .school-card h3{font-size:20px}
  .school-card p{font-size:14px}
  .mini-rank{font-size:12px}
  .school-card .school-link{font-size:14px}
  .source-strip,
  .ranking-note{font-size:12.5px}
  .breadcrumb{font-size:14px}
  .uni-kicker{font-size:15px}
  .uni-sub{font-size:18px}
  .program-head .level{font-size:13px}
  .program-list li{font-size:15px}
  .program-note{font-size:14px!important}
  .official-box p,
  .official-links a,
  .info-row{font-size:14px}
  .data-note{font-size:13px}

  /* Services / roadmaps */
  .offer-heading p{font-size:17px}
  .offer-copy p{font-size:15px}
  .offer-features li{font-size:14px}
  .offer-note{font-size:12px}
  .offer-cta{font-size:14px}
  .service-disclaimer-box p{font-size:13px}

  /* Application / contact / about */
  .application-hero p,
  .contact-hero p{font-size:19px}
  .application-promise span{font-size:12px}
  .application-side li strong{font-size:15px}
  .app-side-note{font-size:12px!important}
  .app-field label,
  .contact-field label{font-size:12px}
  .app-field input,
  .app-field select,
  .app-field textarea,
  .contact-field input,
  .contact-field select,
  .contact-field textarea{font-size:15px}
  .about-hero p{font-size:18px}
  .about-principle p,
  .about-trust-strip span{font-size:14px}
  .about-cards p{font-size:15px}
  .contact-response-card p{font-size:13px}
  .contact-info-card p{font-size:13px}
  .contact-form-heading p{font-size:14px}

  /* Exams */
  .exam-section-head>p,
  .exam-roadmap-grid>div>p,
  .exam-info-block>p{font-size:16px}
  .exam-finder-controls label>span{font-size:13px}
  .exam-control-hint{font-size:12px!important}
  .exam-finder-state strong{font-size:16px}
  .exam-finder-state span{font-size:14px}
  .exam-route-card__top strong{font-size:20px}
  .exam-route-card__top>span{font-size:11px}
  .exam-route-card p{font-size:13.5px}
  .exam-route-card__actions a{font-size:12px}
  .exam-route-meta span{font-size:10.5px}
  .exam-admission-card__top strong{font-size:19px}
  .exam-admission-card__top span{font-size:11px}
  .exam-admission-requirement{font-size:12px}
  .exam-admission-card p{font-size:13px}
  .exam-admission-card>a{font-size:12px}
  .exam-card-badge,
  .exam-card-status{font-size:11px}
  .exam-card-full{font-size:13px}
  .exam-card>p{font-size:15px}
  .exam-card-facts small{font-size:11px}
  .exam-card-link{font-size:14px}
  .exam-accepted-card__head span{font-size:11px}
  .exam-accepted-card__head strong{font-size:18px}
  .exam-accepted-card__head>a{font-size:11px}
  .exam-accepted-card li strong{font-size:13px}
  .exam-accepted-card li small{font-size:11px}
  .exam-more-programs{font-size:11px}
  .exam-accepted-note{font-size:12px}

  /* Scholarships */
  .student-led-head .mini{font-size:11px}
  .student-led-head p{font-size:15px}
  .student-led-card p{font-size:13px}
  .student-led-card a{font-size:11px}
  .student-led-disclaimer{font-size:11px}
  .calls-updated span,
  .calls-stat span,
  .calls-stat small,
  .call-kind,
  .call-status-badge{font-size:10.5px}
  .calls-filter{font-size:11px}
  .calls-search input{font-size:13px}
  .call-card-top p{font-size:12px}
  .call-deadline-row span{font-size:11px}
  .call-deadline-row small{font-size:10px}
  .call-deadline-row strong{font-size:12px}
  .call-card-note>p{font-size:12px}
  .call-reference span{font-size:9.5px}
  .call-reference strong{font-size:11px}
  .call-card-footer>span{font-size:10px}
  .call-card-footer a{font-size:11px}
  .calls-disclaimer{font-size:10.5px}
  .scholarship-explainer span{font-size:12px}
  .scholarship-map-help{font-size:12px}
  .scholarship-region-panel p{font-size:15px}
  .official-link-list a span{font-size:13px}
  .calculator-copy>p{font-size:16px}
  #scholarship-calculator label>span{font-size:11px}
  .calc-help{font-size:10px}
  .calculator-result p{font-size:12px}
}


/* =========================================================
   V39.2 — DESKTOP SCALE + ROADMAP STATUS + SCHOLARSHIP CLEANUP
   ========================================================= */

/* Scholarship page: the ISEE calculator remains available, but promotional
   threshold/document-note blocks are intentionally removed from the browsing UI. */
.scholarships-hero-grid{grid-template-columns:minmax(0,1fr)!important}
.scholarships-hero-copy{max-width:980px}
.call-reference{display:none!important}

/* "Yakında" is a status badge, not a disabled full-width CTA strip. */
.offer-cta.is-coming-soon{
  display:inline-flex!important;
  width:auto!important;
  align-self:flex-start;
  justify-content:center!important;
  border:1px solid #d7e1db!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  margin-top:auto;
  background:#f1f5f2!important;
  color:#557066!important;
  line-height:1!important;
  font-weight:850;
  text-decoration:none;
}
.offer-cta.is-coming-soon:before{content:"";width:7px;height:7px;border-radius:50%;background:#91aa9d;margin-right:8px}

/* A real desktop readability pass. Keep mobile proportions untouched. */
@media (min-width:1100px){
  .container{width:min(1360px,calc(100% - 64px))}

  /* University detail/program catalogue */
  .uni-layout{grid-template-columns:minmax(0,1fr) 320px;gap:38px}
  .uni-section{padding:30px}
  .uni-section h2{font-size:30px}
  .program-head .level{font-size:14px;padding:8px 12px}
  .program-list{gap:12px 16px}
  .program-list li{min-height:78px;padding:14px 14px;grid-template-columns:38px minmax(0,1fr) auto;gap:12px}
  .program-card-icon{width:36px;height:36px;font-size:17px}
  .program-card-name{font-size:16px!important;line-height:1.32}
  .program-card-tags{margin-top:5px}
  .program-card-tags small{font-size:11px!important;padding:3px 6px}
  .program-card-lang{font-size:11px;padding:6px 8px}
  .program-admission-inline{gap:7px;margin-top:9px}
  .program-admission-chip{padding:7px 9px;gap:6px;border-radius:8px}
  .program-admission-chip b{font-size:11px!important}
  .program-admission-chip small{font-size:10px!important;line-height:1.3}

  /* Exam hub cards */
  .exam-card{padding:28px;min-height:390px;border-radius:20px}
  .exam-card-top{margin-bottom:22px}
  .exam-card-badge,.exam-card-status{font-size:12px!important}
  .exam-card h3{font-size:35px;line-height:1.02}
  .exam-card-full{font-size:14px!important}
  .exam-card>p{font-size:16px!important;line-height:1.62;min-height:72px}
  .exam-card-facts{padding:15px 0;margin-bottom:20px}
  .exam-card-facts b{font-size:16px}
  .exam-card-facts small{font-size:12px!important}
  .exam-card-link{font-size:15px!important}
  .exam-section-head>p{font-size:17px}

  /* Services and roadmaps */
  .offer-card{padding:29px}
  .offer-copy h3{font-size:29px}
  .offer-copy p{font-size:17px!important;line-height:1.65}
  .offer-subtitle{font-size:13px!important}
  .offer-badge{font-size:12px}
  .offer-features{gap:11px}
  .offer-features li{font-size:16px!important;line-height:1.48}
  .offer-note{font-size:14px!important;padding:13px 14px}
  .offer-cta{font-size:15px!important}
  .offer-cta.is-coming-soon{font-size:14px!important}
  .roadmap-price-pill{font-size:15px}

  /* Scholarship browsing */
  .call-card-top h3{font-size:23px}
  .call-kind,.call-status-badge{font-size:11px!important}
  .call-card-top p{font-size:13px!important}
  .call-deadline-row span{font-size:12px!important}
  .call-deadline-row small{font-size:11px!important}
  .call-deadline-row strong{font-size:13px!important}
  .call-card-note>p{font-size:13px!important}
  .call-card-footer>span{font-size:11px!important}
  .call-card-footer a{font-size:12px!important}
  .calls-filter{font-size:12px!important;padding:10px 15px}
  .calls-search input{font-size:14px!important;padding:12px 15px}

  /* Common small copy that still looked undersized on 1440p/4K monitors. */
  .official-links a,.info-row{font-size:15px}
  .data-note,.source-strip,.ranking-note{font-size:14px}
  .footer-inner{font-size:15px}
}

.offer-cta.is-coming-soon span:last-child{color:inherit!important}
