/*
 Theme Name: Astra Child - Jura Blog v2
 Template: astra
*/

.jura-blog, .jura-single { --jc-max: 1200px; --jc-gap: 24px; --jc-muted: #6b7280; --jc-border: #e5e7eb; }

/* Hero section */
.jura-blog .jc-hero { max-width: var(--jc-max); margin: 0 auto; padding: 60px 16px; text-align:center; background:#193656; color:#fff; }
.jura-blog .jc-hero h1 { font-size: 42px; margin:0 0 12px; color:#fff; }
.jura-blog .jc-hero .jc-subtitle { font-size:18px; max-width:800px; margin:0 auto; color:#fff; }

/* Category filters */
.jura-blog .jc-filters { display:flex; justify-content:center; margin:24px auto; flex-wrap:wrap; gap:8px; }
.jura-blog .jc-filter { border:1px solid var(--jc-border); background:#fff; color:#111827; padding:8px 14px; border-radius:999px; font-weight:600; cursor:pointer; }
.jura-blog .jc-filter[aria-pressed="true"] { background:#111827; color:#fff; border-color:#111827; }

/* Cards slider */
.jura-blog .jc-cards { max-width: var(--jc-max); margin: 16px auto 40px; padding: 0 16px; }
.jura-blog .jc-viewport { position: relative; overflow: hidden; }
.jura-blog .jc-track { display:flex; gap: var(--jc-gap); will-change: transform; transition: transform .35s ease; }
.jura-blog .jc-card { background:#fff; border:1px solid var(--jc-border); border-radius: 16px; overflow:hidden; flex: 0 0 calc((100% - var(--jc-gap)*2) / 3); display:flex; flex-direction:column; }
.jura-blog .jc-card img { display:block; width:100%; height: 220px; object-fit: cover; }
.jura-blog .jc-card .jc-card-body { padding: 16px; display:flex; flex-direction:column; gap:10px; }
.jura-blog .jc-card .jc-card-title { font-size:20px; line-height:1.3; font-weight:700; margin:0; }
.jura-blog .jc-card .jc-card-excerpt { color:#374151; font-size:16px; }

/* Arrows */
.jura-blog .jc-arrows { display:flex; justify-content:space-between; align-items:center; margin: 12px 0 0; }
.jura-blog .jc-arrow { border:2px solid #193656; background:#193656; color:#fff; padding:12px; border-radius:50%; cursor:pointer; font-weight:700; }
.jura-blog .jc-arrow[disabled] { opacity:.4; cursor:not-allowed; }

/* Single post */
.jura-single .jc-wrap { max-width: var(--jc-max); margin: 0 auto; padding: 20px 16px 40px; }
.jura-single .jc-featured { margin: 18px 0 22px; border-radius: 20px; overflow: hidden; }
.jura-single .jc-featured img { width: 100%; height: auto; display:block; }
.jura-single .jc-author { display:flex; align-items: flex-start; gap:14px; padding:16px; border:1px solid var(--jc-border); border-radius: 16px; background:#fff; margin: 18px 0 32px; }
.jura-single .jc-author img.avatar { border-radius: 999px; }
.jura-single .jc-author .jc-author-name { font-weight:700; }
.jura-single hr.jc-sep { border:none; border-top:1px solid var(--jc-border); margin:40px 0 20px; }

/* Similar articles slider */
.jura-single .jc-similar { margin-top: 38px; }
.jura-single .jc-similar h2 { margin-bottom: 12px; text-align:center; }
.jura-single .jc-similar-viewport { position: relative; overflow:hidden; }
.jura-single .jc-similar-track { display:flex; gap: var(--jc-gap); will-change: transform; transition: transform .35s ease; }
.jura-single .jc-similar-card { border:1px solid var(--jc-border); border-radius: 16px; overflow:hidden; background:#fff; flex:0 0 calc((100% - var(--jc-gap)*2) / 3); }
.jura-single .jc-similar-card img { width:100%; height:180px; object-fit:cover; display:block; }
.jura-single .jc-similar-card .body { padding: 14px; }
.jura-single .jc-similar-arrows { display:flex; justify-content:space-between; margin-top:12px; }
.jura-single .jc-similar-arrow { border:2px solid #193656; background:#193656; color:#fff; padding:12px; border-radius:50%; cursor:pointer; }

@media (max-width: 1024px) {
  .jura-blog .jc-card, .jura-single .jc-similar-card { flex: 0 0 calc((100% - var(--jc-gap)) / 2); }
}
@media (max-width: 640px) {
  .jura-blog .jc-card, .jura-single .jc-similar-card { flex: 0 0 100%; }
}

#testimonials .swiper-slide-next .elementskit-single-testimonial-slider{
        background: #193658;
}

#testimonials .swiper-slide-next p,
#testimonials .swiper-slide-next strong,
#testimonials .swiper-slide-next span{color:white;}