/*=========================================================
    YEK — Yalı Eğitim Kurumları
    Marka teması. styles.css'ten SONRA yüklenir.
    Kurumsal renkler:  Turkuaz #2AC1C5  ·  Lacivert #212842
==========================================================*/

:root {
    /* --- Marka çekirdeği --- */
    --yek-teal: #2AC1C5;
    --yek-teal-deep: #17878B;
    --yek-navy: #212842;
    --yek-navy-soft: #2E3859;
    --yek-amber: #F2A03D;

    /* --- Şablon değişkenlerinin marka karşılıkları --- */
    --color-primary: #17878B;
    --color-primary-100: #212842;
    --color-secondary: #2AC1C5;
    --color-coral: #F2A03D;
    --color-violet: #212842;
    --color-pink: #2AC1C5;

    --color-heading: #212842;
    --color-body: #5C6579;
    --color-darker: #212842;
    --color-darkest: #212842;
    --color-bodyest: #212842;
    --color-bodyest-2: #212842b3;
    --color-bodyest-opacity: #2128425e;

    --primary-opacity: #17878B1f;
    --secondary-opacity: #2AC1C526;
    --coral-opacity: #F2A03D26;
    --violet-opacity: #2128421f;
    --pink-opacity: #2AC1C526;
    --heading-opacity: #21284250;

    --color-primary-light: #F1FAFA;
    --color-primary-lighter: #E4F6F7;
    --color-primary-alt: #D2EFEF;
    --color-secondary-alt: #F4FCFC;

    --color-extra: #F6FBFC;
    --color-extra2: #F6FBFC;
    --color-light: #F4F8F9;
    --color-lighter: #EFF6F7;
    --color-border: #DCE6E9;
    --color-border-2: #DCE6E94f;

    --gradient-dark: linear-gradient(90deg, #212842bf 0%, #2AC1C5ab 100%);
    --gradient-dark-2: linear-gradient(90deg, #2128427d 0%, #2AC1C552 100%);
    --gradient-1: linear-gradient(180deg, #FFFFFF 0%, #E9F6F7 100%);
    --gradient-2: linear-gradient(0deg, #FFFFFF 0%, #E9F6F7 100%);
    --gradient-3: linear-gradient(90deg, #212842 0%, #2AC1C5 100%);
    --gradient-4: linear-gradient(180deg, #E9F6F7 0%, #FFFFFF 100%);
    --gradient-5: linear-gradient(180deg, #E9F6F7 0%, #E9F6F7 100%);
    --gradient-7: linear-gradient(218.15deg, #2AC1C5 0%, #212842 100%);
    --gradient-8: linear-gradient(270deg, #2AC1C5 0%, #212842 100%);
    --gradient-9: linear-gradient(180deg, #212842 0%, #E4F6F7 100%);
}

/* Şablonun sabit kodlanmış mor/mavi geçişleri */
.bg-gradient-11 {
    background: linear-gradient(180deg, #E4F6F7 0%, #FFFFFF 100%) !important;
}

.btn-gradient,
.rbt-btn.btn-gradient {
    background: linear-gradient(270deg, #2AC1C5 0%, #212842 100%) !important;
}

.theme-gradient {
    background: linear-gradient(90deg, #212842 0%, #17878B 60%, #2AC1C5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.001);
}

/*----------------------------------------
    Logo ölçüleri (yatay kilit — 799x304)
-----------------------------------------*/
.rbt-header .logo img,
.popup-mobile-menu .logo img {
    max-height: 60px;
    width: auto;
}

.footer-widget .logo img {
    max-height: 66px;
    width: auto;
}

@media only screen and (max-width: 575px) {

    .rbt-header .logo img,
    .popup-mobile-menu .logo img {
        max-height: 42px;
    }
}

/*----------------------------------------
    Görsel oranlarını eşitleme
-----------------------------------------*/
.rbt-cat-box-1 .thumbnail img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.rbt-card.variation-02 .rbt-card-img img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.rbt-team.team-style-default .thumbnail img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.yek-img-tall {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

/* Kurucu portresi — geniş ofis karesinden dikey portre kadrajı */
.yek-founder-photo {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: 6px;
    background: var(--color-lighter);
}

.yek-founder-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.55);
    transform-origin: 50% 58%;
}

.yek-img-square {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.yek-img-wide {
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/*----------------------------------------
    Aktif menü öğesi
-----------------------------------------*/
body[data-page] .mainmenu-nav .mainmenu>li>a.is-active,
body[data-page] .mainmenu-nav .mainmenu>li.is-active>a {
    color: var(--color-primary);
}

/*----------------------------------------
    YEK'e özel küçük bileşenler
-----------------------------------------*/

/* Rakam / bilgi rozeti */
.yek-stat-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 500px;
    padding: 8px 20px 8px 8px;
    box-shadow: 0 10px 30px rgba(33, 40, 66, .08);
}

.yek-stat-pill .icon {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: grid;
    place-items: center;
    background: var(--primary-opacity);
    color: var(--color-primary);
}

.yek-stat-pill strong {
    color: var(--color-heading);
}

/* Adım / süreç kartı */
.yek-step {
    position: relative;
    height: 100%;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 40px 30px 30px;
    transition: .4s;
}

.yek-step:hover {
    border-color: transparent;
    box-shadow: 0 20px 50px rgba(33, 40, 66, .1);
    transform: translateY(-5px);
}

.yek-step .yek-step-no {
    position: absolute;
    top: -22px;
    left: 30px;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: grid;
    place-items: center;
    font-weight: 700;
    color: var(--color-white);
    background: linear-gradient(270deg, #2AC1C5 0%, #212842 100%);
}

.yek-step h5 {
    margin-bottom: 10px;
}

.yek-step p {
    margin-bottom: 0;
}

/* Sayaçta "+" işaretini bastır (yüzde değerleri için) */
.rbt-counterup .inner .content .counter.yek-no-plus::after {
    content: "";
}

/* Ders programı tablosu */
.yek-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-white);
}

.yek-table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    margin: 0;
}

.yek-table th,
.yek-table td {
    padding: 16px 20px;
    text-align: left;
    border-bottom: 1px solid var(--color-border);
    font-size: 15px;
    color: var(--color-body);
}

.yek-table thead th {
    background: var(--primary-opacity);
    color: var(--color-heading);
    font-weight: 600;
    white-space: nowrap;
}

.yek-table tbody tr:last-child td {
    border-bottom: 0;
}

.yek-table td:first-child {
    color: var(--color-heading);
    font-weight: 600;
    white-space: nowrap;
}

/* Kontrol listesi */
.yek-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.yek-check-list li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 14px;
    color: var(--color-body);
}

.yek-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--primary-opacity) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2317878B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;
}

/* KVKK onay satırı — şablonun input[type=checkbox] ~ label desenini kullanır */
.yek-consent-row {
    position: relative;
    margin: 10px 0 0;
}

.yek-consent-row label {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding-left: 26px !important;
    color: var(--color-body);
}

/* Açılır listeler
   main.js tüm <select> öğelerini bootstrap-select'e çevirdiği için
   şablonun .rbt-modern-select sarmalayıcısı kullanılır. */
.form-group .rbt-modern-select .select-label {
    font-size: 14px;
    color: var(--color-body);
    margin-bottom: 6px;
}

.form-group .rbt-modern-select.bg-transparent .bootstrap-select button.btn-light {
    border: 0;
    border-bottom: 2px solid var(--color-border);
    border-radius: 0;
    padding-left: 0;
    height: 44px;
}

.form-group .rbt-modern-select .bootstrap-select button.btn-light:focus {
    border-bottom-color: var(--color-primary);
}

/* Koyu tema uyumu */
.active-dark-mode .theme-gradient {
    background: linear-gradient(90deg, #7FE3E6 0%, #2AC1C5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.001);
}

.active-dark-mode .yek-step,
.active-dark-mode .yek-stat-pill,
.active-dark-mode .yek-table-wrap {
    background: var(--color-blackest, #191b1e);
    border-color: var(--dark-color-border);
}

.active-dark-mode .yek-table th,
.active-dark-mode .yek-table td {
    border-color: var(--dark-color-border);
}