/* Ebook4all / Laravel 13: typografia i responsywna karuzela. */
.legacy-carousel.carousel {
  position:relative;
  background:#22272d!important;
  background-image:none!important;
  border:1px solid #313842;
  border-radius:6px;
  min-height:220px!important;
  height:auto!important;
  padding:17px 52px!important;
  overflow:hidden!important;
}
.legacy-carousel .owl-carousel {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:13px!important;
  background:none!important;
  width:100%;
  margin:0;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none!important;
}
.legacy-carousel .owl-carousel::-webkit-scrollbar{display:none!important}
.legacy-carousel .owl-carousel>.item{
  display:flex!important;
  flex:0 0 145px!important;
  min-width:145px!important;
  max-width:145px!important;
  height:184px!important;
  min-height:184px!important;
  padding:0!important;
  overflow:hidden!important;
  scroll-snap-align:start;
}
.legacy-carousel .owl-carousel>.item>a{
  display:grid!important;
  grid-template-columns:100%;
  grid-template-rows:134px 1fr;
  gap:6px;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%;
  height:100%;
  margin:0!important;
  padding:0!important;
  color:#fff;
  text-decoration:none;
}
.legacy-carousel .owl-carousel>.item>a img{
  display:block!important;
  width:100%!important;
  height:134px!important;
  max-width:100%!important;
  max-height:134px!important;
  object-fit:contain!important;
  margin:0!important;
  background:transparent!important;
}
.legacy-carousel .owl-carousel>.item>a h3{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:3em!important;
  margin:0!important;
  padding:2px 3px!important;
  background:transparent!important;
  color:#f7f7f7!important;
  font:500 12px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  text-align:center;
  overflow-wrap:anywhere;
}
.legacy-carousel-nav{
  top:50%!important;
  height:42px!important;
  color:#fff!important;
  background:#2d3540!important;
  border:1px solid #6b737d!important;
  border-radius:6px!important;
}
.legacy-carousel-nav:hover{background:#e56817!important}
.legacy-content{
  max-width:1040px;
  padding:clamp(20px,3vw,36px)!important;
  margin:0 auto 24px!important;
  background:#fff!important;
  border:1px solid #e4e7eb;
  border-radius:6px!important;
  color:#29313d!important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:1.065rem!important;
  line-height:1.75!important;
  font-weight:400!important;
  letter-spacing:0;
  overflow-wrap:break-word;
}
.legacy-content p{margin:0 0 1.15em!important}
.legacy-content h2,.legacy-content h3{
  color:#1e2834!important;
  font-family:inherit!important;
  line-height:1.36!important;
  font-weight:650!important;
  letter-spacing:-.012em;
}
.legacy-content h2{font-size:1.4rem!important;margin:1.45em 0 .65em!important}
.legacy-content h3{font-size:1.18rem!important;margin:1.25em 0 .6em!important}
.legacy-content ul,.legacy-content ol{padding-left:1.5em;margin-bottom:1.15em}
.legacy-content li{margin-bottom:.35em}
.legacy-content img{max-width:100%!important;height:auto!important}
.legacy-content blockquote{margin:1.5em 0;border-left:3px solid #e56715;padding:.5em 1.1em;background:#f6f7f9}
.e4-article-dates{
  display:flex;flex-wrap:wrap;gap:8px 22px;
  padding:10px 19px;background:#f9fafb;
  color:#56616e;font:400 .87rem/1.5 system-ui,"Segoe UI",Arial,sans-serif;
  border-bottom:1px solid #e7e9ec;
}
.e4-article-dates time{font-weight:600;color:#384452}
.card.card-triangle h1{color:#333!important;font-weight:600!important}
@media(max-width:767px){
  .legacy-carousel.carousel{padding:15px 39px!important;min-height:197px!important}
  .legacy-carousel .owl-carousel>.item{flex-basis:124px!important;min-width:124px!important;max-width:124px!important;height:169px!important;min-height:169px!important}
  .legacy-carousel .owl-carousel>.item>a{grid-template-rows:117px 1fr}
  .legacy-carousel .owl-carousel>.item>a img{height:117px!important;max-height:117px!important}
  .legacy-carousel .owl-carousel>.item>a h3{font-size:11px!important}
  .legacy-content{padding:18px!important;font-size:1rem!important;line-height:1.67!important}
  .legacy-content h2{font-size:1.25rem!important}
}