/*
 * Ana səhifə — kartların məzmun cilası (kurs, izah, xidmət, xəbər, FAQ).
 * Bütün qaydalar bölmə sinfi ilə məhdudlaşıb: başqa səhifələrdəki eyni kart
 * komponentlərinə TƏSİR ETMİR. Komponent fayllarına toxunulmayıb.
 * Qoşulma: welcome.blade.php-də <link rel="stylesheet" href="{{ asset('css/home-cards-content.css') }}?v=...">
 * (home-courses.css / home-sliders.css-dən SONRA).
 */

/* ---------- Ortaq: slayd və kart hündürlüyü, hover kəsilməsin, sakit kölgə ---------- */
.home-courses-section .swiper,
.home-explanations-section .swiper,
.home-services-section .swiper,
.home-news-section .swiper {
    padding-top: 4px !important;
    padding-bottom: 6px !important;
}
.home-courses-section .swiper-slide,
.home-explanations-section .swiper-slide,
.home-services-section .swiper-slide,
.home-news-section .swiper-slide {
    display: flex;
    height: auto;
    min-width: 0;
}
.home-courses-section .swiper-slide > *,
.home-explanations-section .swiper-slide > *,
.home-services-section .swiper-slide > *,
.home-news-section .swiper-slide > * {
    width: 100%;
    min-width: 0;
    height: auto;
    align-self: stretch;
}

/* Sakit hover: ağır kölgə və sıçrayış yox */
.home-courses-section .swiper-slide > .group,
.home-explanations-section .swiper-slide > article,
.home-services-section .swiper-slide > article,
.home-news-section .swiper-slide > article {
    box-shadow: 0 1px 2px rgb(15 23 42 / .06);
    border-color: #e2e8f0;
}
.home-courses-section .swiper-slide > .group:hover,
.home-explanations-section .swiper-slide > article:hover,
.home-services-section .swiper-slide > article:hover,
.home-news-section .swiper-slide > article:hover {
    transform: none;
    box-shadow: 0 4px 12px rgb(40 53 113 / .10);
    border-color: rgb(40 53 113 / .28);
}
.home-courses-section .swiper-slide > .group:focus-within,
.home-explanations-section .swiper-slide > article:focus-within,
.home-services-section .swiper-slide > article:focus-within,
.home-news-section .swiper-slide > article:focus-within {
    border-color: #00AEEF;
}

/* Fokus halqası bütün klaviatura hədəflərində görünsün */
.home-courses-section .swiper-slide a:focus-visible,
.home-courses-section .swiper-slide button:focus-visible,
.home-explanations-section .swiper-slide a:focus-visible,
.home-explanations-section .swiper-slide button:focus-visible,
.home-services-section .swiper-slide a:focus-visible,
.home-news-section .swiper-slide a:focus-visible,
.home-news-section button:focus-visible,
.home-courses-tabs button:focus-visible,
.home-head__more:focus-visible {
    outline: 2px solid #00AEEF;
    outline-offset: 2px;
    border-radius: .5rem;
}

/* Uzun söz/ad: kartı yarmasın, üfüqi scroll olmasın */
.home-courses-section .swiper-slide,
.home-explanations-section .swiper-slide,
.home-services-section .swiper-slide,
.home-news-section .swiper-slide {
    overflow-wrap: anywhere;
}

/* Başlıq həmişə tam 2 sətir yer tutur → kartlar eyni hündürlükdə */
.home-courses-section .swiper-slide h3,
.home-explanations-section .swiper-slide h3,
.home-services-section .swiper-slide h3,
.home-news-section .swiper-slide h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    line-height: 1.35;
    min-height: 2.7em;
}
.home-courses-section .swiper-slide h3 { color: #0f172a; }
.home-courses-section .swiper-slide h3 a:hover,
.home-explanations-section .swiper-slide h3 a:hover,
.home-services-section .swiper-slide h3 a:hover,
.home-news-section .swiper-slide h3 a:hover { color: #283571; }

/* Şəkil yoxdursa / yüklənmirsə boş qutu yox, sakit fon */
.home-courses-section .swiper-slide img,
.home-explanations-section .swiper-slide img,
.home-services-section .swiper-slide img,
.home-news-section .swiper-slide img {
    max-width: 100%;
    background-color: #f1f5f9;
}

/* ---------- Kurs kartı ---------- */
/* Kökdəki hover:-translate-y kəsilməsin deyə söndürülüb (yuxarıda); düymə/ qiymət aşağıda */
.home-courses-section .swiper-slide > .group > .flex-col {
    min-height: 100%;
}
.home-courses-section .swiper-slide .p-4.flex-col .flex-grow {
    min-height: 4.5rem;
}
/* Kateqoriya keçidləri toxunma üçün rahat (44px) */
.home-courses-section .swiper-slide a[href*="/courses/category"],
.home-courses-section .swiper-slide a[href*="category"] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
}
/* Qiymət sətri: uzun/endirimli qiymət və düymə sığmasa sətrə düşsün */
.home-courses-section .swiper-slide .px-4.pb-4.mt-auto > .flex.items-center.justify-between {
    flex-wrap: wrap;
    row-gap: .5rem;
}
.home-courses-section .swiper-slide .px-4.pb-4.mt-auto a,
.home-courses-section .swiper-slide .px-4.pb-4.mt-auto button {
    min-height: 44px;
}
.home-courses-section .swiper-slide .px-4.pb-4.mt-auto .flex.items-baseline {
    flex-wrap: wrap;
    column-gap: .25rem;
}
/* Rəng: sakit #283571 / #00AEEF */
.home-courses-section .swiper-slide .text-cyan-800 { color: #283571; }
.home-courses-section .swiper-slide .bg-cyan-700 { background-color: #283571; }
.home-courses-section .swiper-slide .bg-cyan-700:hover { background-color: #1e2a5c; }
/* Kurs tab düymələri */
.home-courses-tabs { max-width: 100%; }
.home-courses-tabs button { min-height: 44px; }

/* ---------- İzah kartı ---------- */
.home-explanations-section .swiper-slide > article { overflow: hidden; border-radius: 1rem; }
.home-explanations-section .swiper-slide article .flex-1.flex-col { min-height: 0; }
.home-explanations-section .swiper-slide article .mt-auto {
    margin-top: auto;
}
.home-explanations-section .swiper-slide article .mt-auto > a {
    min-height: 44px;
}
.home-explanations-section .swiper-slide article .mt-auto > span {
    white-space: nowrap;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Ürək (istək) düyməsi: görünüş kiçik, toxunma sahəsi 44px */
.home-explanations-section .swiper-slide article button {
    position: relative;
}
.home-explanations-section .swiper-slide article button::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
}
.home-explanations-section .swiper-slide article .truncate { max-width: 100%; }

/* ---------- Xidmət kartı ---------- */
.home-services-section .swiper-slide > article { overflow: hidden; border-radius: 1rem; }
.home-services-section .swiper-slide article .mt-auto > a {
    min-height: 44px;
    padding-left: .75rem;
    padding-right: .75rem;
}
.home-services-section .swiper-slide article p.line-clamp-1 {
    min-height: 1.3em;
}

/* ---------- Xəbər kartı ---------- */
.home-news-section .swiper-slide > article { overflow: hidden; }
.home-news-section .swiper-slide article .mt-2\.5 > a,
.home-news-section .swiper-slide article .border-t a {
    min-height: 44px;
}
.home-news-section .home-news-prev,
.home-news-section .home-news-next {
    width: 44px;
    height: 44px;
}
.home-news-section .home-news-pagination.swiper-pagination-static {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
/* Tək xəbər: kart mobildə tam eni, geniş ekranda sol */
.home-news-section > div > .max-w-md { width: 100%; }

/* ---------- FAQ ---------- */
.home-faq-section .home-faq-list { align-items: start; }
.home-faq-section .home-faq-q { min-height: 48px; }
.home-faq-section .home-faq-q > span.flex-1 {
    overflow-wrap: anywhere;
    word-break: normal;
}
.home-faq-section .home-faq-a { overflow-wrap: anywhere; }
.home-faq-section .home-faq-a img,
.home-faq-section .home-faq-a video,
.home-faq-section .home-faq-a iframe {
    max-width: 100%;
    height: auto;
}
.home-faq-section .home-faq-a table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}
.home-faq-section .home-faq-a pre { max-width: 100%; overflow-x: auto; }
.home-faq-section .home-faq-item { border-radius: .75rem; }
.home-faq-section .home-faq-item:focus-within { border-color: #00AEEF; }
.home-faq-section .home-faq-q:focus-visible,
.home-faq-section .home-faq-section-toggle:focus-visible {
    outline: 2px solid #00AEEF;
    outline-offset: -2px;
}
.home-faq-section .home-faq-section-toggle { max-width: 100%; }
@media (max-width: 767px) {
    .home-faq-section .home-faq-a > div { padding-left: 1rem !important; }
}

/* Hərəkət azaltma */
@media (prefers-reduced-motion: reduce) {
    .home-courses-section .swiper-slide *,
    .home-explanations-section .swiper-slide *,
    .home-services-section .swiper-slide *,
    .home-news-section .swiper-slide * {
        animation: none !important;
        transition: none !important;
    }
}

/* Toxunma ekranlarında kurs kartındakı ikinci dərəcəli keçidlər: görünüş eyni, vurma sahəsi böyük */
@media (pointer: coarse) {
    .home-courses-section .course-public-meta__tag,
    .home-courses-section .flex.flex-wrap.items-center.gap-x-2.gap-y-1.mb-3 > a {
        position: relative;
    }
    .home-courses-section .course-public-meta__tag::after,
    .home-courses-section .flex.flex-wrap.items-center.gap-x-2.gap-y-1.mb-3 > a::after {
        content: ""; position: absolute; inset: -10px -6px;
    }
    .home-courses-section .min-h-9 { min-height: 44px; }
}