/* ==========================================================================
   52 Orduspor - Temaya ozel ek stiller (marka + yeni bilesenler)
   Ana renk: #753BBD (Pantone 266 C)  |  Koyu: #1C0B33  |  Beyaz
   ========================================================================== */

:root{
    --os-mor      : #753BBD;
    --os-koyu     : #1C0B33;
    --os-koyu-2   : #3A1A66;
}

/* --- Logo --- */
.navbar-brand{ padding: 5px 0 !important; }
.navbar-brand img{ height: 82px; width: auto; }
.footer-logo img{ max-width: 210px; width: auto; height: auto; }
@media (max-width: 991px){ .navbar-brand img{ height: 60px; } }

/* --- Marka gradyan yardimcisi --- */
.hero.hero-bg-image,
.page-header,
.next-match-banner,
.our-schedule{
    background: linear-gradient(315deg, var(--os-mor) -10%, var(--os-koyu-2) 55%, var(--os-koyu) 100%) !important;
}
.hero.hero-bg-image::after,
.page-header::after{
    content:'';
    position:absolute; inset:0;
    background: radial-gradient(circle at 80% 30%, rgba(117,59,189,0.35), transparent 55%);
    pointer-events:none;
}
.hero.hero-bg-image{ padding: 220px 0 120px; }

/* --- Sayfa basligi --- */
.page-header{ padding: 200px 0 90px; }
.page-header-box h1{ font-size: 60px; line-height:1.05; }
@media (max-width: 767px){ .page-header-box h1{ font-size: 40px; } }

/* --- Sayfa ic bolum bosluklari --- */
.page-content-section,
.page-blog,
.page-team,
.page-team-single,
.page-fixtures,
.page-standings,
.page-gallery,
.page-video-gallery,
.page-media,
.page-contact-us,
.page-single-post{ padding: 90px 0; }

/* --- Icerik (CKEditor) --- */
.content-body{ font-size: 17px; line-height: 1.8; color: var(--os-koyu); }
.content-body img{ max-width: 100%; height: auto; border-radius: 10px; margin: 10px 0; }
.content-body h1,.content-body h2,.content-body h3{ color: var(--os-koyu); margin: 28px 0 14px; font-family: var(--accent-font); letter-spacing:.01em; }
.content-body h2{ font-size: 30px; border-left:5px solid var(--os-mor); padding-left:14px; }
.content-body h3{ font-size: 22px; color: var(--os-mor); }
.content-body a{ color: var(--os-mor); }
.content-body ul{ list-style: none; padding-left: 0; margin: 16px 0; }
.content-body ul li{ position: relative; padding-left: 28px; margin-bottom: 10px; }
.content-body ul li::before{ content:'\f00c'; font-family:'FontAwesome'; font-weight:900; color: var(--os-mor); position:absolute; left:0; top:2px; font-size:14px; }
.content-body .tarihce-ozet{ display:grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin:24px 0 8px; list-style:none; padding:0; }
.content-body .tarihce-ozet li{ background:#f4f0fa; border-radius:12px; padding:18px 20px; margin:0; }
.content-body .tarihce-ozet li::before{ display:none; }
.content-body .tarihce-ozet .to-label{ display:block; font-size:13px; color:#7a7288; text-transform:uppercase; letter-spacing:.05em; margin-bottom:4px; }
.content-body .tarihce-ozet .to-val{ display:block; font-family:var(--accent-font); font-size:22px; color:var(--os-koyu); }
.content-image{ margin-bottom: 40px; border-radius: 16px; overflow: hidden; }

/* --- Haber kart meta --- */
.post-item-meta ul{ list-style:none; padding:0; margin:0 0 10px; }
.post-item-meta ul li{ font-size:14px; color: var(--os-mor); font-weight:600; }
.post-item-content p{ margin-top:10px; }

/* --- Haber detay galeri --- */
.post-gallery{ margin: 40px 0; }
.post-nav{ margin-top: 30px; }

/* --- Siradaki Mac --- */
.next-match-banner{ position:relative; padding: 90px 0; overflow:hidden; }
.next-match-card{
    display:flex; align-items:center; justify-content:center; gap: 30px; flex-wrap:wrap;
    background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12);
    border-radius: 20px; padding: 40px; max-width: 900px; margin: 0 auto;
    backdrop-filter: blur(10px);
}
.next-match-card .nm-team{ text-align:center; flex:1; min-width:140px; }
.next-match-card .nm-team img{ height: 90px; width:auto; object-fit:contain; margin-bottom: 12px; }
.next-match-card .nm-team h4{ color:#fff; font-size:20px; margin:0; }
.next-match-card .nm-center{ text-align:center; display:flex; flex-direction:column; gap:6px; min-width:170px; }
.next-match-card .nm-vs{ font-family: var(--accent-font); font-size: 44px; color: var(--os-mor); line-height:1; }
.next-match-card .nm-date{ color:#fff; font-size:18px; font-weight:700; }
.next-match-card .nm-time,.next-match-card .nm-place{ color: rgba(255,255,255,0.75); font-size:14px; }

/* --- Anasayfa gelecek maclar listesi --- */
.match-schedule-list .match-schedule-item{
    display:flex; align-items:center; justify-content:space-between; gap: 20px; flex-wrap:wrap;
    background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12);
    border-radius: 14px; padding: 22px 30px; margin-bottom: 18px;
}
.match-schedule-item .ms-team{ display:flex; align-items:center; gap:12px; flex:1; min-width: 200px; }
.match-schedule-item .ms-team img{ height: 46px; width:auto; object-fit:contain; }
.match-schedule-item .ms-team h3{ color:#fff; font-size:17px; margin:0; }
.match-schedule-item .ms-away{ justify-content:flex-end; text-align:right; }
.match-schedule-item .ms-away{ flex-direction: row-reverse; }
.match-schedule-item .ms-info{ text-align:center; display:flex; flex-direction:column; min-width: 90px; }
.match-schedule-item .ms-info .ms-vs{ font-family: var(--accent-font); font-size:24px; color: var(--os-mor); }
.match-schedule-item .ms-info .ms-date{ color:#fff; font-size:14px; font-weight:600; }
.match-schedule-item .ms-info .ms-time{ color: rgba(255,255,255,0.7); font-size:13px; }
.match-schedule-item .ms-place{ width:100%; text-align:center; color: rgba(255,255,255,0.6); font-size:13px; border-top:1px solid rgba(255,255,255,0.1); padding-top:12px; }

/* --- Fikstur sayfasi --- */
.fixture-month{ margin-bottom: 45px; }
.fixture-month-title{
    font-family: var(--accent-font); font-size: 34px; color: var(--os-koyu);
    border-left: 5px solid var(--os-mor); padding-left: 16px; margin-bottom: 22px;
}
.fixture-item{
    display:flex; align-items:center; flex-wrap:wrap; gap:18px;
    background:#fff; border:1px solid #eee; border-radius: 14px;
    box-shadow: 0 8px 24px rgba(28,11,51,0.06);
    padding: 20px 26px; margin-bottom: 14px;
}
.fixture-date{ text-align:center; min-width: 70px; border-right:1px solid #eee; padding-right:16px; }
.fixture-date .fx-day{ display:block; font-family: var(--accent-font); font-size: 30px; color: var(--os-mor); line-height:1; }
.fixture-date .fx-month{ display:block; font-size:12px; text-transform:uppercase; color:#888; }
.fixture-date .fx-time{ display:block; font-size:13px; color: var(--os-koyu); font-weight:700; margin-top:4px; }
.fixture-teams{ display:flex; align-items:center; justify-content:center; gap: 18px; flex:1; min-width: 260px; }
.fixture-teams .fx-team{ display:flex; align-items:center; gap:10px; flex:1; }
.fixture-teams .fx-home{ justify-content:flex-end; text-align:right; }
.fixture-teams .fx-away{ justify-content:flex-start; }
.fixture-teams .fx-team img{ height: 40px; width:auto; object-fit:contain; }
.fixture-teams .fx-name{ font-weight:600; color: var(--os-koyu); }
.fixture-teams .fx-score{ min-width: 70px; text-align:center; }
.fixture-teams .fx-score span{ font-family: var(--accent-font); font-size: 24px; color: var(--os-koyu); }
.fixture-teams .fx-score .fx-vs{ color: var(--os-mor); }
.fixture-venue{ width:100%; text-align:center; color:#888; font-size:13px; border-top:1px dashed #eee; padding-top:12px; }
@media (max-width: 767px){
    .fixture-teams .fx-name{ font-size:13px; }
    .fixture-teams{ gap:10px; }
}

/* --- Puan durumu --- */
.standings-table-wrap{ overflow-x:auto; border-radius: 14px; box-shadow: 0 8px 24px rgba(28,11,51,0.08); }
.standings-table{ width:100%; border-collapse: collapse; min-width: 640px; background:#fff; }
.standings-table thead th{
    background: var(--os-koyu); color:#fff; font-family: var(--accent-font);
    font-weight:400; font-size: 16px; letter-spacing:.04em; padding: 14px 10px; text-align:center;
}
.standings-table thead th.st-team{ text-align:left; padding-left: 20px; }
.standings-table tbody td{ padding: 12px 10px; text-align:center; border-bottom:1px solid #eee; color: var(--os-koyu); }
.standings-table td.st-team{ text-align:left; padding-left: 20px; display:flex; align-items:center; gap:10px; }
.standings-table td.st-team img{ height: 26px; width:auto; }
.standings-table td.st-points{ font-weight:800; color: var(--os-mor); }
.standings-table tbody tr.st-highlight{ background: rgba(117,59,189,0.10); }
.standings-table tbody tr.st-highlight td{ font-weight:700; }
.standings-empty{ text-align:center; padding: 60px 0; color:#777; font-size:18px; }

/* --- Galeri filtre --- */
.gallery-filter{ text-align:center; margin-bottom: 40px; }
.gallery-filter .filter-btn{
    display:inline-block; font-family: var(--accent-font); font-size:16px; letter-spacing:.03em;
    text-transform:uppercase; color: var(--os-koyu); background:#f2eef8;
    padding: 9px 22px; border-radius: 100px; margin: 0 5px 10px; transition: all .3s ease;
}
.gallery-filter .filter-btn:hover,
.gallery-filter .filter-btn.active{ background: var(--os-mor); color:#fff; }
.gallery-cell{ margin-bottom: 24px; }
.photo-gallery figure{ border-radius: 12px; overflow:hidden; margin:0; }
.photo-gallery img{ width:100%; aspect-ratio: 1/0.75; object-fit:cover; transition: transform .4s ease; }
.photo-gallery a:hover img{ transform: scale(1.06); }

/* --- Video galeri --- */
.video-gallery-image{ position:relative; margin-bottom: 30px; }
.video-gallery-image figure{ border-radius: 12px; overflow:hidden; margin:0; }
.video-gallery-image img{ width:100%; aspect-ratio: 16/9; object-fit:cover; }
.video-gallery-image .video-play-icon{
    position:absolute; top:38%; left:50%; transform:translate(-50%,-50%);
    width:64px; height:64px; border-radius:50%; background: var(--os-mor); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:22px;
    transition: all .3s ease;
}
.video-gallery-image a:hover .video-play-icon{ background:#fff; color: var(--os-mor); }
.video-title{ font-size:18px; color: var(--os-koyu); margin-top:16px; }

/* --- Duvar kagitlari --- */
.wallpaper-item{ margin-bottom: 30px; background:#fff; border-radius: 14px; overflow:hidden; box-shadow: 0 8px 24px rgba(28,11,51,0.06); }
.wallpaper-image img{ width:100%; height:auto; display:block; }
.wallpaper-btns{ padding: 18px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.wallpaper-btns .btn-default{ padding: 12px 22px; font-size:15px; }

/* --- Medya --- */
.media-item{ margin-bottom: 30px; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(28,11,51,0.06); text-align:center; }
.media-image img{ width:100%; height: 220px; object-fit:contain; background:#f6f4fa; padding:20px; }
.media-body{ padding: 20px; }
.media-body h3{ font-size:19px; color: var(--os-koyu); margin-bottom: 14px; }
.media-btns{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

/* --- Kadro numara rozeti --- */
.team-image{ position:relative; }
.team-number{
    position:absolute; top:14px; left:14px; width:44px; height:44px; border-radius:50%;
    background: var(--os-mor); color:#fff; font-family: var(--accent-font); font-size:22px;
    display:flex; align-items:center; justify-content:center; z-index:2;
}
.team-content h3 a{ color: var(--os-koyu); transition: color .3s ease; }
.team-content h3 a:hover{ color: var(--os-mor); }

/* --- Footer son haberler --- */
.footer-post-list{ list-style:none; padding:0; margin:0; }
.footer-post-list li{ margin-bottom: 16px; }
.footer-post-list li a{ display:flex; gap:12px; align-items:center; }
.footer-post-list .footer-post-thumb img{ width:60px; height:60px; object-fit:cover; border-radius:8px; flex-shrink:0; }
.footer-post-list .footer-post-title{ color: rgba(255,255,255,0.85); font-size:14px; line-height:1.4; }
.footer-post-list li a:hover .footer-post-title{ color: var(--os-mor); }

/* --- Iletisim form uyari --- */
.form-alert{ padding: 14px 20px; border-radius: 10px; margin-bottom: 22px; font-weight:600; }
.form-alert-ok{ background: rgba(76,175,80,0.15); color:#2e7d32; border:1px solid rgba(76,175,80,0.4); }
.form-alert-err{ background: rgba(230,87,87,0.15); color:#c62828; border:1px solid rgba(230,87,87,0.4); }
.contact-map{ margin-top: 50px; border-radius: 16px; overflow:hidden; }

/* --- Sponsor slider footer --- */
.footer-sponsors{ padding: 40px 0; border-bottom:1px solid rgba(255,255,255,0.08); }
.footer-sponsors .company-supports-slider-title h3{ color:#fff; text-align:center; margin-bottom: 24px; font-size:22px; }
.footer-sponsors .company-supports-logo{ text-align:center; background:#fff; border-radius:10px; padding:14px; height:90px; display:flex; align-items:center; justify-content:center; }
.footer-sponsors .company-supports-logo img{ max-height: 62px; max-width:100%; width:auto; margin:0 auto; transition: transform .3s ease; }
.footer-sponsors .company-supports-logo:hover img{ transform: scale(1.05); }

/* --- Genel: aktif menu --- */
.main-menu ul li.nav-item a.active{ color: var(--os-mor); }

/* ==================== Ana Sayfa Hero Slider ==================== */
.hero-slider{ position:relative; }
.hero-slider .swiper{ width:100%; }
.hero-slide{
    position:relative; min-height: 640px; background-size:cover; background-position:center center;
    display:flex; align-items:center;
}
.hero-slide-overlay{
    position:absolute; inset:0;
    background: linear-gradient(90deg, rgba(28,11,51,0.92) 0%, rgba(28,11,51,0.75) 40%, rgba(58,26,102,0.35) 100%);
}
.hero-slide .container{ position:relative; z-index:2; padding-top: 90px; }
.hero-slide-content h3{
    font-family: var(--accent-font); font-size:20px; letter-spacing:.08em; color: var(--os-mor);
    text-transform:uppercase; margin-bottom:14px;
    background: url('../images/icon-sub-heading.svg') no-repeat left center; background-size:20px; padding-left:30px;
    filter: hue-rotate(0deg);
}
.hero-slide-content h1{
    font-family: var(--accent-font); font-size: 72px; line-height:1.02; color:#fff; margin-bottom: 20px;
    text-transform:uppercase;
}
.hero-slide-content p{ color: rgba(255,255,255,0.85); font-size:18px; max-width: 560px; margin-bottom: 28px; }
.hero-slide-btn .btn-default{ }

/* pagination */
.hero-slider-pagination{ position:absolute; z-index:5; bottom: 34px; left:0; width:100%; text-align:center; }
.hero-slider-pagination .swiper-pagination-bullet{
    width:12px; height:12px; background:#fff; opacity:.5; margin:0 6px !important; transition: all .3s ease;
}
.hero-slider-pagination .swiper-pagination-bullet-active{ opacity:1; background: var(--os-mor); width:30px; border-radius:6px; }

/* nav arrows */
.hero-slider-nav{ position:absolute; z-index:5; inset:0; pointer-events:none; }
.hero-slider-prev,.hero-slider-next{
    pointer-events:auto; position:absolute; top:50%; transform:translateY(-50%);
    width:54px; height:54px; border-radius:50%; background: rgba(255,255,255,0.12); color:#fff;
    display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:20px;
    border:1px solid rgba(255,255,255,0.25); transition: all .3s ease;
}
.hero-slider-prev{ left: 30px; } .hero-slider-next{ right: 30px; }
.hero-slider-prev:hover,.hero-slider-next:hover{ background: var(--os-mor); border-color: var(--os-mor); }

@media (max-width: 991px){
    .hero-slide{ min-height: 520px; }
    .hero-slide-content h1{ font-size: 48px; }
    .hero-slider-prev,.hero-slider-next{ display:none; }
}
@media (max-width: 575px){
    .hero-slide{ min-height: 460px; }
    .hero-slide-content h1{ font-size: 36px; }
    .hero-slide-content p{ font-size:16px; }
}

/* ==================== Yönetim Kurulu ==================== */
.yk-baskan{
    text-align:center; background: linear-gradient(315deg, var(--os-mor) -10%, var(--os-koyu-2) 60%, var(--os-koyu) 100%);
    color:#fff; border-radius:18px; padding:38px 24px; margin: 10px 0 30px;
}
.yk-baskan .yk-rol{ display:inline-block; font-family:var(--accent-font); letter-spacing:.1em; font-size:16px; color:#fff; opacity:.85; text-transform:uppercase; margin-bottom:8px; }
.yk-baskan .yk-isim{ font-family:var(--accent-font); font-size:40px; color:#fff; margin:0; line-height:1; }
.yk-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap:18px; list-style:none; padding:0; margin:0; }
.yk-grid .yk-item{ background:#fff; border:1px solid #eee; border-radius:14px; padding:22px 20px; text-align:center; box-shadow:0 8px 24px rgba(28,11,51,0.05); margin:0; transition: all .3s ease; }
.yk-grid .yk-item::before{ display:none; }
.yk-grid .yk-item:hover{ transform: translateY(-4px); box-shadow:0 14px 30px rgba(117,59,189,0.15); }
.yk-grid .yk-item .yk-rol{ display:block; font-size:13px; letter-spacing:.05em; text-transform:uppercase; color:var(--os-mor); font-weight:700; margin-bottom:6px; }
.yk-grid .yk-item .yk-isim{ display:block; font-family:var(--accent-font); font-size:22px; color:var(--os-koyu); }