/* TRAC ESKISEHIR - ADAPTIVE COMMUNICATION PANEL */
/* Only .rf-info, light and dark modes */

.rf .rf-info{
  --cp-bg:#ffffff;
  --cp-card:#f4f8fc;
  --cp-border:#dbe5ee;
  --cp-text:#102d4a;
  --cp-muted:#61798e;
  --cp-accent:#c91d33;
  --cp-shadow:0 15px 36px rgba(7,32,65,.09);
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding:12px!important;
  margin-top:-14px!important;
  border:1px solid var(--cp-border)!important;
  border-radius:21px!important;
  background:var(--cp-bg)!important;
  box-shadow:var(--cp-shadow)!important;
  overflow:hidden!important;
  color:var(--cp-text)!important;
}

/* Three integrated information modules */
.rf .rf-info .rf-info-item{
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  isolation:isolate;
  min-width:0!important;
  min-height:148px!important;
  gap:17px!important;
  padding:24px 38px 24px 20px!important;
  background:var(--cp-card)!important;
  color:var(--cp-text)!important;
  border:1px solid var(--cp-border)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  transition:background .2s,border-color .2s!important;
}
.rf .rf-info .rf-info-item:hover{
  border-color:#8faac2!important;
  filter:brightness(.99);
}

/* Distinct technical patterns */
.rf .rf-info .rf-info-item::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none;
  opacity:1!important;
  background:
    radial-gradient(circle at 92% 25%,
      rgba(45,117,181,.10),transparent 52%)!important;
}
.rf .rf-info .rf-info-radio::before{
  background:
    radial-gradient(circle at 85% 34%,rgba(201,29,51,.13),transparent 50%),
    repeating-radial-gradient(circle at 95% 50%,
      transparent 0 24px,
      rgba(201,29,51,.075) 25px 26px,
      transparent 27px 50px)!important;
}
.rf .rf-info .rf-info-link::before{
  background:
    radial-gradient(circle at 90% 30%,rgba(31,117,213,.15),transparent 50%),
    repeating-linear-gradient(90deg,
      transparent 0 19px,
      rgba(31,117,213,.06) 20px 21px)!important;
}
.rf .rf-info .rf-info-map::before{
  background:
    radial-gradient(circle at 90% 30%,rgba(16,145,116,.14),transparent 50%),
    linear-gradient(rgba(16,145,116,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,145,116,.05) 1px,transparent 1px)!important;
  background-size:auto,24px 24px,24px 24px!important;
}

/* Icons */
.rf .rf-info .rf-icon{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:1!important;
  flex:0 0 62px!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  border:0!important;
  border-radius:17px!important;
  background:#c91d33!important;
  color:white!important;
  box-shadow:none!important;
}
.rf .rf-info .rf-info-link .rf-icon{
  background:#246dbb!important;
}
.rf .rf-info .rf-info-map .rf-icon{
  background:#128571!important;
}
.rf .rf-info .rf-icon::after{
  display:none!important;
}
.rf .rf-info .rf-icon svg{
  width:29px!important;
  height:29px!important;
}

/* Typography */
.rf .rf-info .rf-info-copy{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  color:var(--cp-text)!important;
}
.rf .rf-info .rf-info-copy small:first-child{
  color:var(--cp-muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.35!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
.rf .rf-info .rf-info-copy b{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--cp-text)!important;
  font-size:clamp(22px,2.2vw,33px)!important;
  font-weight:900!important;
  line-height:1.14!important;
  letter-spacing:-.03em!important;
  font-variant-numeric:tabular-nums;
  text-shadow:none!important;
  overflow-wrap:anywhere!important;
}
.rf .rf-info .rf-info-copy small:last-child{
  color:var(--cp-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}

/* Arrow */
.rf .rf-info .rf-info-item::after{
  content:"→"!important;
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  top:auto!important;
  bottom:15px!important;
  right:13px!important;
  transform:none!important;
  width:27px!important;
  height:27px!important;
  color:var(--cp-text)!important;
  background:var(--cp-bg)!important;
  border:1px solid var(--cp-border)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  opacity:1!important;
}

/* DARK THEME */
html[data-theme="dark"] .rf .rf-info{
  --cp-bg:#091b2e;
  --cp-card:#112c46;
  --cp-border:#34506a;
  --cp-text:#f0f6fc;
  --cp-muted:#b6ccdc;
  --cp-shadow:0 18px 35px rgba(0,0,0,.24);
}
html[data-theme="dark"] .rf .rf-info .rf-info-item:hover{
  border-color:#638cac!important;
  filter:none;
  background:#173652!important;
}

/* TABLET */
@media(max-width:1100px){
  .rf .rf-info{
    gap:8px!important;
    padding:8px!important;
  }
  .rf .rf-info .rf-info-item{
    padding:19px 32px 19px 13px!important;
    gap:11px!important;
  }
  .rf .rf-info .rf-icon{
    flex-basis:48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  .rf .rf-info .rf-info-copy b{
    font-size:clamp(18px,2.3vw,27px)!important;
  }
}

/* MOBILE */
@media(max-width:760px){
  .rf .rf-info{
    grid-template-columns:minmax(0,1fr)!important;
    margin-top:0!important;
  }
  .rf .rf-info .rf-info-item{
    min-height:100px!important;
    padding:17px 42px 17px 15px!important;
  }
  .rf .rf-info .rf-info-copy b{
    font-size:25px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .rf .rf-info .rf-info-item{
    transition:none!important;
  }
}