/*
 * MJS alternatif sunum teması
 * ÖğrenciGo'nun temiz, ürün-odaklı görsel dilinden esinlenen tema katmanı.
 * Ana style.css'i değiştirmez; 8002 portunda layout tarafından ayrıca yüklenir.
 */

:root {
    --primary: #2ea070;
    --primary-dark: #23845c;
    --primary-light: #e7f6ef;
    --secondary: #16acb7;
    --secondary-dark: #148b94;
    --bg-cream: #f7f7f4;
    --bg-white: #ffffff;
    --text-dark: #0f1734;
    --text-muted: #5c658a;
    --border-color: #e6e6e0;
    --shadow-sm: 0 1px 2px rgba(15, 23, 52, .05), 0 1px 1px rgba(15, 23, 52, .04);
    --shadow-md: 0 6px 20px -8px rgba(15, 23, 52, .18), 0 2px 6px rgba(15, 23, 52, .06);
    --shadow-lg: 0 30px 60px -20px rgba(15, 23, 52, .25), 0 10px 24px -12px rgba(15, 23, 52, .18);
    --og-gradient: linear-gradient(135deg, #2ea070 0%, #16acb7 48%, #4db6d6 100%);
    --og-soft-gradient: linear-gradient(135deg, #e7f6ef 0%, #e5f4f6 50%, #eaf3fa 100%);
}

html,
body.design-ogrencigo {
    background: var(--bg-cream);
    color: var(--text-dark);
    font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
    overflow-x: hidden;
}

.design-ogrencigo h1,
.design-ogrencigo h2,
.design-ogrencigo h3,
.design-ogrencigo h4,
.design-ogrencigo h5,
.design-ogrencigo h6,
.design-ogrencigo .mjs-btn,
.design-ogrencigo .mjs-logo {
    font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
}

.design-ogrencigo .container,
.design-ogrencigo .mjs-nav-container,
.design-ogrencigo .mjs-footer-grid {
    max-width: 1240px;
}

/* Header */
.design-ogrencigo .mjs-header {
    padding: 11px 0;
    background: rgba(247, 247, 244, .9);
    border-bottom-color: rgba(15, 23, 52, .08);
    box-shadow: 0 1px 0 rgba(15, 23, 52, .02);
}

.design-ogrencigo .mjs-logo .logo-light {
    color: var(--text-dark) !important;
    font-weight: 800 !important;
    letter-spacing: -.03em;
}

.design-ogrencigo .mjs-nav { gap: 24px; }
.design-ogrencigo .mjs-brand-logo { width: 210px; height: auto; }
.design-ogrencigo .mjs-nav a,
.design-ogrencigo .mjs-dropdown-btn {
    color: #2a335a;
    font-size: 14px;
    font-weight: 600;
}

.design-ogrencigo .mjs-nav a:hover,
.design-ogrencigo .mjs-nav a.active,
.design-ogrencigo .mjs-dropdown:hover .mjs-dropdown-btn,
.design-ogrencigo .mjs-dropdown-btn.active { color: var(--primary); }

.design-ogrencigo .mjs-dropdown-content {
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: var(--shadow-md);
    padding: 8px;
}

.design-ogrencigo .mjs-dropdown-content a { border-radius: 9px; }
.design-ogrencigo .mjs-dropdown-content a:hover { background: var(--primary-light); }

/* Buttons */
.design-ogrencigo .mjs-btn {
    border-radius: 11px;
    font-weight: 700;
    letter-spacing: -.01em;
    box-shadow: var(--shadow-sm);
}

.design-ogrencigo .mjs-btn-primary {
    background: var(--og-gradient);
    box-shadow: 0 9px 24px -10px rgba(22, 172, 183, .75);
}

.design-ogrencigo .mjs-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -11px rgba(22, 172, 183, .7);
}

.design-ogrencigo .mjs-click-cta {
    gap: 10px;
    position: relative;
    overflow: visible;
}

.design-ogrencigo .mjs-click-icon {
    display: inline-grid;
    place-items: center;
    width: 29px;
    height: 29px;
    margin: -7px -10px -7px 0;
    border-radius: 9px;
    color: #0f1734;
    background: #fff;
    box-shadow: 0 4px 13px rgba(15, 23, 52, .22);
    animation: mjs-click-pulse 1.8s ease-in-out infinite;
}

.design-ogrencigo .mjs-click-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@keyframes mjs-click-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 4px 13px rgba(15, 23, 52, .22); }
    50% { transform: scale(1.12); box-shadow: 0 0 0 6px rgba(255, 255, 255, .2), 0 5px 15px rgba(15, 23, 52, .24); }
}

.design-ogrencigo .mjs-btn-secondary {
    color: #2a335a !important;
    border: 1px solid #d8dbe5;
    background: #fff;
}

.design-ogrencigo .mjs-btn-secondary:hover {
    color: var(--primary-dark) !important;
    background: var(--primary-light);
    border-color: rgba(46, 160, 112, .35);
}

/* Hero */
.design-ogrencigo .mjs-hero {
    min-height: 650px;
    position: relative;
    overflow: hidden;
    background-position: center;
}

.design-ogrencigo .mjs-hero::before {
    content: "";
    position: absolute;
    inset: auto -8% -36% auto;
    width: 520px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(77, 182, 214, .28);
    filter: blur(8px);
    z-index: 1;
}

.design-ogrencigo .mjs-hero-overlay {
    background: linear-gradient(90deg, rgba(15, 23, 52, .91) 0%, rgba(15, 23, 52, .74) 48%, rgba(15, 23, 52, .2) 100%);
}

.design-ogrencigo .mjs-hero-content {
    max-width: 1240px;
    position: relative;
    z-index: 2;
}

.design-ogrencigo .mjs-hero-title {
    max-width: 790px;
    font-size: clamp(42px, 5.7vw, 72px);
    line-height: 1.04;
    letter-spacing: -.045em;
}

.design-ogrencigo .mjs-hero-subtitle {
    max-width: 690px;
    color: rgba(255, 255, 255, .82);
    font-size: 18px;
    line-height: 1.75;
}

/* Sections and cards */
.design-ogrencigo .mjs-section { padding: 92px 0; }
.design-ogrencigo .section-bg { background: #fff; }
.design-ogrencigo .mjs-section-header { max-width: 760px; margin-bottom: 48px; }
.design-ogrencigo .mjs-section-header h2,
.design-ogrencigo .mjs-letters-intro h2 {
    letter-spacing: -.045em;
    line-height: 1.12;
}

.design-ogrencigo .mjs-tag {
    color: var(--primary-dark);
    background: var(--primary-light);
    border: 1px solid rgba(46, 160, 112, .18);
    border-radius: 999px;
    letter-spacing: .04em;
}

.design-ogrencigo .mjs-feature-card,
.design-ogrencigo .gallery-item,
.design-ogrencigo .mjs-review-card,
.design-ogrencigo .mjs-accordion-item,
.design-ogrencigo .waldorf-article-card,
.design-ogrencigo .stat-card,
.design-ogrencigo .mjs-form-wrapper {
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
}

.design-ogrencigo .mjs-feature-card:hover,
.design-ogrencigo .gallery-item:hover,
.design-ogrencigo .mjs-review-card:hover {
    transform: translateY(-5px);
    border-color: rgba(46, 160, 112, .28);
    box-shadow: var(--shadow-md);
}

.design-ogrencigo .mjs-feature-card .feature-emoji {
    display: inline-grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: var(--og-soft-gradient);
    font-size: 29px;
}

.design-ogrencigo .mjs-letters-section {
    background: var(--og-soft-gradient);
}

.design-ogrencigo .mjs-letter-card,
.design-ogrencigo .mjs-instagram-shell {
    border: 1px solid rgba(15, 23, 52, .08);
    border-radius: 18px;
    box-shadow: var(--shadow-md);
}

.design-ogrencigo .mjs-letter-card figcaption strong { background: var(--og-gradient); }
.design-ogrencigo .mjs-instagram-profile { background: #fff; }

.design-ogrencigo .mjs-video-wrapper {
    border-radius: 20px;
    border: 1px solid rgba(15, 23, 52, .1);
    box-shadow: var(--shadow-lg);
}

.design-ogrencigo .video-overlay-play { background: var(--og-gradient); }
.design-ogrencigo .filter-btn { border-radius: 10px; border-color: var(--border-color); }
.design-ogrencigo .filter-btn:hover,
.design-ogrencigo .filter-btn.active { background: var(--text-dark); border-color: var(--text-dark); }

.design-ogrencigo .mjs-accordion-header:hover { color: var(--primary-dark); }
.design-ogrencigo .accordion-icon { color: var(--secondary); }

/* Forms and inner pages */
.design-ogrencigo .mjs-page-header {
    background: var(--og-soft-gradient);
    border-bottom: 1px solid var(--border-color);
}

.design-ogrencigo .mjs-form-control {
    border: 1px solid #d8dbe5;
    border-radius: 10px;
    background: #fff;
}

.design-ogrencigo .mjs-form-control:focus {
    border-color: var(--secondary);
    box-shadow: 0 0 0 4px rgba(22, 172, 183, .1);
}

.design-ogrencigo .mjs-coffee-label { border-radius: 12px; }
.design-ogrencigo .mjs-coffee-radio:checked + .mjs-coffee-label {
    background: var(--primary-light);
    border-color: var(--primary);
}

/* Footer and floating actions */
.design-ogrencigo .mjs-footer { background: #0f1734; }
.design-ogrencigo .mjs-footer h3 { color: #fff; }
.design-ogrencigo .footer-desc,
.design-ogrencigo .footer-links a,
.design-ogrencigo .footer-contact,
.design-ogrencigo .footer-contact a { color: #98a0bd !important; }
.design-ogrencigo .footer-links a:hover { color: #4db6d6 !important; }
.design-ogrencigo .whatsapp-footer-btn { background: var(--og-gradient); border-radius: 10px; }
.design-ogrencigo .footer-bottom { border-top-color: rgba(255, 255, 255, .1); }

.design-ogrencigo .dsm-btn { box-shadow: var(--shadow-md); }
.design-ogrencigo #dsm-sizi-arayalim { background: linear-gradient(135deg, #ff7a3d 0%, #e84f35 100%); }
.design-ogrencigo #dsm-sizi-arayalim:hover { background: linear-gradient(135deg, #ff8b52 0%, #d9432d 100%); }
.design-ogrencigo #dsm-phone { background: #3b477a; }
.design-ogrencigo #dsm-whatsapp { background: #2ea070; }
.design-ogrencigo .mjs-drawer { border-left: 1px solid var(--border-color); }
.design-ogrencigo .mjs-drawer-header { background: var(--og-soft-gradient); }

@media (max-width: 900px) {
    .design-ogrencigo .mjs-hero { min-height: 590px; }
    .design-ogrencigo .mjs-section { padding: 70px 0; }
    .design-ogrencigo .mjs-mobile-menu { background: rgba(247, 247, 244, .98); }
}

@media (max-width: 600px) {
    .design-ogrencigo .mjs-nav-container { padding-inline: 16px; }
    .design-ogrencigo .mjs-brand-logo { width: 180px; height: auto !important; }
    .design-ogrencigo .mjs-hero-content { max-width: 100%; padding-inline: 20px; }
    .design-ogrencigo .mjs-hero-title { font-size: clamp(36px, 11vw, 49px); }
    .design-ogrencigo .mjs-hero-subtitle { font-size: 16px; }
    .design-ogrencigo .mjs-hero-buttons .mjs-btn { width: 100%; }
    .design-ogrencigo .mjs-section { padding: 58px 0; }
}