/* AEMOT Akademi — tema override katmanı */

/* ============ Öğrenci Paneli ============
   Tema'nın orijinal CSS'i çalışır. Minimum override. */

/* Sidebar başlık — tema font-size vermemiş, küçük caps yap, taşmasın */
.instructors-dashboard .dashboard-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 20px 24px 10px !important;
}

/* Tema stat kartlarında fix 320px width var, dar container'a sığmıyor — responsive yap */
.section-dashboard-right {
    max-width: none !important;
}
.section-dashboard-right .section-icons .icons-items .icons-box {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0;
}
.section-dashboard-right .section-icons .icons-items .icons-box .content h6,
.section-dashboard-right .section-icons .icons-items .icons-box .content span {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Sidebar wrapper'a tam genişlik garantisi */
.dashboard_navigationbar {
    width: 100%;
}

/* Geçmiş/Liste kartı (Başvurularım, Yoklamalarım vb. için tema-vari tablo kart) */
.aemot-history-card {
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    overflow: hidden;
}
.aemot-history-card .history-header {
    padding: 22px 28px;
    border-bottom: 1px solid #f3f4f6;
}
.aemot-history-card .history-header h3 { margin: 0; font-size: 20px; font-weight: 700; color: #131836; }
.aemot-history-card .table { margin: 0; }
.aemot-history-card .table thead tr {
    background: #FDECEC;
}
.aemot-history-card .table thead th {
    color: #6b7280;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 16px 24px;
    border: none;
    white-space: nowrap;
}
.aemot-history-card .table tbody td {
    padding: 18px 24px;
    border-top: 1px solid #f3f4f6;
    vertical-align: middle;
    color: #374151;
    font-size: 14px;
}
.aemot-history-card .table tbody tr:first-child td { border-top: none; }
.aemot-history-card .icon-btn {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: #FDECEC;
    color: #E30613;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
    margin-left: 6px;
    transition: background .15s ease;
}
.aemot-history-card .icon-btn:first-child { margin-left: 0; }
.aemot-history-card .icon-btn:hover {
    background: #fbd5d5;
    color: #b8050f;
}
.aemot-history-card .icon-btn.danger { background: #fef3c7; color: #92400e; }
.aemot-history-card .icon-btn.danger:hover { background: #fde68a; }

/* Kurslarım — sort-by select (tema "Sort by Date Created" stili: border'sız sade) */
.aemot-sort-select {
    border: none !important;
    background: transparent !important;
    padding: 0 24px 0 6px !important;
    font-weight: 500;
    color: #131836;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23131836' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
    min-width: 130px;
}
.aemot-sort-select:focus { box-shadow: none !important; outline: none !important; }
.sort-wrap { display: flex; align-items: center; gap: 8px; }
.sort-wrap .text { color: #9ca3af; margin: 0; font-size: 14px; }

/* Profil sayfası tab navigasyonu */
.aemot-profile-tabs {
    display: flex;
    gap: 32px;
    border-bottom: 1px solid #f3f4f6;
    padding: 0 28px;
    margin: 0;
    list-style: none;
}
.aemot-profile-tabs li {
    padding: 18px 0;
    font-weight: 600;
    color: #9ca3af;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color .15s ease, border-color .15s ease;
}
.aemot-profile-tabs li:hover { color: #6b7280; }
.aemot-profile-tabs li.active {
    color: #E30613;
    border-bottom-color: #E30613;
}
.aemot-profile-panel { padding: 28px; }
.aemot-profile-panel.d-none { display: none !important; }

/* Avatar bölümü */
.aemot-avatar-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f3f4f6;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.aemot-avatar-row .avatar-circle {
    width: 96px; height: 96px;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(to bottom right, #fd35e2, #ff791a);
    flex-shrink: 0;
}
.aemot-avatar-row .avatar-circle img,
.aemot-avatar-row .avatar-circle span {
    width: 100% !important; height: 100% !important;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.aemot-avatar-row .avatar-circle span {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    background: #10b981;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}

/* Sidebar — XL'de biraz daha dar (col-xl-3 ~%25 yerine %24), sağ içerik genişler */
@media (min-width: 1200px) {
    #student-sidebar {
        flex: 0 0 24% !important;
        max-width: 24% !important;
    }
    #student-sidebar + .col-xl-9 {
        flex: 0 0 76% !important;
        max-width: 76% !important;
    }
}


/* ============ Giriş / Kayıt sayfaları (tema login.html birebir + AEMOT renkleri) ============ */

/* Tema'nın "login-wrap" arka planı (--bg-4 pembe) yerine sade gri arka plan */
.login-wrap, .contact-wrap {
    background-color: #f8f9fa !important;
}

/* "Kayıt olun" ve "Şifremi unuttum" linkleri AEMOT kırmızısı */
.login-wrap .content-right .register a,
.login-wrap .content-right .form-login .checkbox-item a {
    color: #E30613 !important;
}

/* Submit butonu AEMOT kırmızısı */
.login-wrap .content-right .button-submit,
.login-wrap .content-right .tf-btn {
    background-color: #E30613 !important;
}
.login-wrap .content-right .button-submit:hover,
.login-wrap .content-right .tf-btn:hover {
    background-color: #b8050f !important;
}

/* Login — görsel + form aynı kart içinde (flush kenarlar, ortak shadow, rounded corners) */
.aemot-login-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
    border: 1px solid #eef0f3;
}

/* Sol görsel kart yüksekliğini doldursun, kırpılmasın */
.login-wrap .aemot-login-card .img-left {
    height: 100%;
    min-height: 560px;
    background: #f8f9fa;
}
.login-wrap .aemot-login-card .img-left img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    display: block;
}

/* Sağ form alanı — kart içinde iç boşluk */
.login-wrap .aemot-login-card .content-right {
    padding: 56px 48px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 991px) {
    .login-wrap .aemot-login-card .img-left { min-height: 320px; }
    .login-wrap .aemot-login-card .content-right { padding: 36px 28px; }
}

/* Kurs kartı görseli: default courses-01.jpg (520x380 / 4:3) ile aynı oran sabitlenir.
   Görsel ne boyutta olursa olsun kart yüksekliği tutarlı kalır; img object-fit:cover ile
   alanı tamamen doldurur, taşan kısımlar minimal kırpılır. */
.course-item .features.image-wrap {
    aspect-ratio: 520 / 380;
    height: auto;
    overflow: hidden;
    position: relative;
}

.course-item .features.image-wrap > a,
.course-item .features.image-wrap > a > img,
.course-item .features.image-wrap > img {
    width: 100%;
    height: 100%;
    display: block;
}

.course-item .features.image-wrap img {
    object-fit: cover;
    object-position: center;
}

/* Anasayfa banner slider — Swiper override */
.hero-slider-wrap .hero-swiper {
    position: relative;
    overflow: hidden;
}

/* Slayt başlığı — temadan gelen büyük h1 boyutunu hafif küçült, satır aralığını daralt */
.hero-slider-wrap .content h1 {
    font-size: 42px;
    line-height: 1.15;
    margin-bottom: 14px;
}

.hero-slider-wrap .content h6 {
    line-height: 1.5;
}

@media (max-width: 991px) {
    .hero-slider-wrap .content h1 {
        font-size: 34px;
    }
}

@media (max-width: 575px) {
    .hero-slider-wrap .content h1 {
        font-size: 28px;
    }
}

/* Anasayfa "START BANNER" (mavi bant) — daha kompakt, üst bölümle arasında nefes alanı */
.section-start-banner {
    margin-top: 64px;
}

.section-start-banner .main-section {
    padding: 48px 64px !important;
}

.section-start-banner .main-section .heading-section h2 {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
}

.section-start-banner .main-section .heading-section .sub {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

@media (max-width: 768px) {
    .section-start-banner {
        margin-top: 40px;
    }
    .section-start-banner .main-section {
        padding: 32px 24px !important;
    }
    .section-start-banner .main-section .heading-section h2 {
        font-size: 22px !important;
    }
}

/* Eğitmenler sayfası — grid-layout-5'i ekran boyutuna göre küçült */
@media (max-width: 1199px) {
    .section-instructor.page-instructor .grid-layout-5 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    .section-instructor.page-instructor .grid-layout-5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .section-instructor.page-instructor .grid-layout-5 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .section-instructor.page-instructor .grid-layout-5 {
        grid-template-columns: 1fr;
    }
}

/* Eğitmen kartı image-wrap içindeki anchor + img */
.section-instructor.page-instructor .instructors-item .image-wrap > a,
.section-instructor.page-instructor .instructors-item .image-wrap > a > img,
.section-instructor.page-instructor .instructors-item .image-wrap > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Kurs detay — Quill ile yazılmış açıklama içeriği */
.quill-content { line-height: 1.7; }
.quill-content h2 { font-size: 22px; font-weight: 600; margin: 18px 0 10px; }
.quill-content h3 { font-size: 18px; font-weight: 600; margin: 16px 0 8px; }
.quill-content p  { margin: 0 0 12px; }
.quill-content ul, .quill-content ol { padding-left: 22px; margin: 0 0 12px; }
.quill-content ul li { list-style: disc; margin-bottom: 4px; }
.quill-content ol li { list-style: decimal; margin-bottom: 4px; }
.quill-content blockquote {
    border-left: 4px solid #E30613; padding: 8px 14px; margin: 12px 0;
    background: #fdecec; border-radius: 4px;
}
.quill-content a { color: #E30613; text-decoration: underline; }
.quill-content strong { font-weight: 700; }
.quill-content em { font-style: italic; }

/* Kurs detay — Gereksinimler listesi (tema ::before bullet kullanır, list-style yok) */
.page-requirement ul.list { padding-left: 0; list-style: none; }
.page-requirement ul.list li { list-style: none; margin-bottom: 6px; }

/* Kurs detay — "Bu kursta neler öğreneceksiniz" 2 sütun (CSS multi-column, dengeli dağılır) */
.page-learn .learn-list {
    column-count: 2;
    column-gap: 32px;
}
.page-learn .learn-list .item {
    break-inside: avoid;
    page-break-inside: avoid;
}
@media (max-width: 600px) {
    .page-learn .learn-list { column-count: 1; }
}

/* Kurs içerik accordion — Preview / Önizleme rozeti */
.page-course-content .preview {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 12px;
    background: #fdecec;
    color: #E30613;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin: 0;
    border: 1px solid rgba(227, 6, 19, .2);
}

/* Kurs detay v5 — page-title style-8 (koyu mavi banner) override */
.page-title.style-8 { color: #fff; }
.page-title.style-8 .text-muted,
.page-title.style-8 strong,
.page-title.style-8 a,
.page-title.style-8 p,
.page-title.style-8 span { color: #fff; }
.page-title.style-8 a:hover { color: #fff; opacity: .85; }
.page-title.style-8 .entry-meta li,
.page-title.style-8 .entry-meta li p,
.page-title.style-8 .entry-meta li i { color: #fff; }
.page-title.style-8 .badge.bg-light.text-dark {
    background: rgba(255,255,255,.15) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.25);
}
.page-title.style-8 .right-sale {
    background: transparent;
    border: 0;
    padding: 0;
    color: #fff;
    margin-top: 8px;
}
.page-title.style-8 .right-sale .course-price h3 { color: #fff; font-size: 32px; margin-bottom: 0; }
.page-title.style-8 .right-sale .course-price h6 {
    color: rgba(255,255,255,.65); text-decoration: line-through;
    margin-bottom: 0; font-weight: 400;
}
.page-title.style-8 .right-sale .course-price .sale-off {
    display: inline-block; margin-top: 10px;
    padding: 2px 12px; border-radius: 4px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.4);
    color: #fff; font-size: 13px; font-weight: 600;
}
.page-title.style-8 .right-sale .course-price { margin-bottom: 18px; }

/* Kurs detay v3 — page-title style-6 (açık mavi banner) ayar */
.page-title.style-6 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.page-title.style-6 .content { padding: 40px 32px !important; }
.page-title.style-6 .breadcrumbs,
.page-title.style-6 .breadcrumbs a,
.page-title.style-6 .breadcrumbs i,
.page-title.style-6 h2,
.page-title.style-6 .except,
.page-title.style-6 .entry-meta li,
.page-title.style-6 .entry-meta li p,
.page-title.style-6 .author-item .text,
.page-title.style-6 .author-item .text a,
.page-title.style-6 .author-item .text strong,
.page-title.style-6 .author-item .text span {
    color: #111827 !important;
}
.page-title.style-6 .text-muted {
    color: #4b5563 !important;
}
.page-title.style-6 .badge.bg-light.text-dark {
    background: rgba(255,255,255,.6) !important;
    color: #111827 !important;
    border: 1px solid rgba(0,0,0,.08);
}

/* Kurs detay v3 — sidebar'da kapak görseli (widget-video) */
.sidebar-course.course-single-v3 .widget-video {
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #f8f9fa;
}
.sidebar-course.course-single-v3 .widget-video img {
    width: 100%;
    height: auto;
    display: block;
}

/* Kurs detay v3 — fiyat alanı + indirim */
.sidebar-course.course-single-v3 .course-price .price h3 {
    color: #111827;
    font-size: 28px;
}
.sidebar-course.course-single-v3 .course-price .sale-off {
    background: #fdecec;
    color: #E30613;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    border: 1px solid rgba(227, 6, 19, .2);
}

/* Kurs detay v3 — sidebar butonları */
.sidebar-course.course-single-v3 .tf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 18px;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}
.sidebar-course.course-single-v3 .tf-btn.add-to-cart {
    background: #E30613;
    color: #fff;
    border: 1px solid #E30613;
}
.sidebar-course.course-single-v3 .tf-btn.add-to-cart:hover {
    background: #b8050f;
    border-color: #b8050f;
    color: #fff;
}
.sidebar-course.course-single-v3 .tf-btn.buy-now {
    background: #fff;
    color: #111827;
    border: 1px solid #d1d5db;
}
.sidebar-course.course-single-v3 .tf-btn.buy-now:hover {
    background: #f8f9fa;
    border-color: #9ca3af;
}

/* Sidebar "Bu kurs şunları içerir" listesi — satır araları daha kompakt */
.sidebar-course .course-benefit-list .course-benefit-item {
    margin-bottom: 6px !important;
    line-height: 1.4;
}
.sidebar-course .course-benefit-list .course-benefit-item:last-child {
    margin-bottom: 0 !important;
}
.page-title.style-8 .right-sale .tf-btn {
    width: 100%; margin-top: 8px; display: inline-flex; align-items: center;
    justify-content: center; gap: 6px; padding: 12px 18px; border-radius: 6px;
    font-weight: 500; text-decoration: none;
}
.page-title.style-8 .right-sale .tf-btn.add-to-cart {
    background: #E30613; color: #fff; border: 1px solid #E30613;
}
.page-title.style-8 .right-sale .tf-btn.add-to-cart:hover { background: #b8050f; border-color: #b8050f; }
.page-title.style-8 .right-sale .tf-btn.buy-now {
    background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5);
}
.page-title.style-8 .right-sale .tf-btn.buy-now:hover { background: rgba(255,255,255,.1); }

/* Kurs detay v5 — yatay tab menü */
.course-single-inner.ver-5 .widget-tabs.style-row {
    position: sticky; top: 80px; z-index: 5;
    background: #fff; padding: 0 0 0 0;
}
.course-single-inner.ver-5 .widget-menu-tab .nav-link {
    color: #6b7280; font-weight: 600; padding: 12px 18px;
    border: 0; border-bottom: 2px solid transparent; border-radius: 0;
    background: transparent;
}
.course-single-inner.ver-5 .widget-menu-tab .nav-link:hover {
    color: #E30613;
}
.course-single-inner.ver-5 .widget-menu-tab .nav-link.active {
    color: #E30613; background: transparent;
    border-bottom-color: #E30613;
}
.course-single-inner.ver-5 .widget-video {
    border: 1px solid #e5e7eb;
}
@media (max-width: 768px) {
    .course-single-inner.ver-5 .widget-tabs.style-row { position: static; }
    .course-single-inner.ver-5 .widget-menu-tab .nav-link { padding: 10px 12px; font-size: 14px; }
}

.hero-slider-wrap .swiper-slide {
    box-sizing: border-box;
}

.hero-slider-wrap .hero-swiper-pagination {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 5;
}

.hero-slider-wrap .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .55;
    border: 1px solid #E30613;
    margin: 0 4px !important;
    transition: all .25s ease;
}

.hero-slider-wrap .swiper-pagination-bullet-active {
    background: #E30613;
    opacity: 1;
    width: 26px;
    border-radius: 6px;
}

.hero-slider-wrap .swiper-button-prev-custom,
.hero-slider-wrap .swiper-button-next-custom {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    color: #1f2937;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.hero-slider-wrap .swiper-button-prev-custom { left: 16px; }
.hero-slider-wrap .swiper-button-next-custom { right: 16px; }

.hero-slider-wrap .swiper-button-prev-custom:hover,
.hero-slider-wrap .swiper-button-next-custom:hover {
    background: #E30613;
    color: #fff;
}

@media (max-width: 768px) {
    .hero-slider-wrap .swiper-button-prev-custom,
    .hero-slider-wrap .swiper-button-next-custom {
        display: none;
    }
}