/*
 Theme Name:  Holaa Child
 Theme URI:   https://example.com
 Description: FrikikTV için child tema
 Author:      Ekin
 Template:    holaa
 Version:     1.0
*/

/* Buradan sonrası bizim ek CSS'lerimiz */

/* === FRİKİKTV MODERN LAYOUT === */

.frk-modern-wrap {
    background: #050608;
    color: #fff;
    min-height: 100vh;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.frk-modern-header {
    max-width: 1400px;
    margin: 0 auto;
    padding: 16px 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.frk-logo-text {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .05em;
    color: #59ff4b;
}

.frk-main-nav a {
    margin-left: 16px;
    font-size: 13px;
    text-transform: uppercase;
    opacity: .8;
}
.frk-main-nav a:hover {
    opacity: 1;
}

.frk-modern-main {
    max-width: 1400px;
    margin: 0 auto;
    padding: 16px 20px 40px;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 320px 260px;
    gap: 18px;
}

.frk-player-area {
    background: radial-gradient(circle at top, #1d232f 0, #090b11 55%, #050608 100%);
    border-radius: 14px;
    padding: 14px;
    display: flex;
    flex-direction: column;
}

.frk-player-frame {
    position: relative;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    padding-top: 56.25%;
}

.frk-player-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.frk-player-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, rgba(0,0,0,.4), rgba(0,0,0,.9));
    pointer-events: none;
}
.frk-player-play-icon {
    font-size: 46px;
    margin-bottom: 8px;
    opacity: .8;
}
.frk-player-help-text {
    font-size: 13px;
    opacity: .8;
}

.frk-player-bottom-cta {
    margin-top: 10px;
    text-align: center;
}
.frk-bonus-btn {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f9502b, #ffb12b);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Sidebar */
.frk-sidebar {
    background: #11141d;
    border-radius: 14px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    max-height: 640px;
}

.frk-sidebar-tabs {
    display: flex;
    margin-bottom: 8px;
    border-radius: 999px;
    padding: 2px;
    background: #080a0f;
}
.frk-tab-btn {
    flex: 1;
    border: none;
    background: transparent;
    color: #9da4bc;
    font-size: 12px;
    padding: 6px 4px;
    border-radius: 999px;
    cursor: pointer;
    text-transform: uppercase;
}
.frk-tab-btn.active {
    background: #1f2634;
    color: #fff;
}

.frk-tab-content {
    flex: 1;
    overflow-y: auto;
}

/* Var olan maclistesi görünümü */
.frk-modern-wrap .mac-listesi {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.frk-modern-wrap .mac-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    background: #181b27;
    border-radius: 8px;
    font-size: 13px;
}
.frk-modern-wrap .mac-item:hover {
    background: #222638;
}

.frk-modern-wrap .kanal-logo {
    max-width: 40px;
    height: auto;
    display: block;
}

.frk-modern-wrap .mac-baslik {
    font-weight: 500;
}
.frk-modern-wrap .mac-saat {
    font-size: 11px;
    opacity: .75;
    text-align: right;
    margin-right: 6px;
}

.frk-modern-wrap .canli-btn {
    border: none;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: #f9502b;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
}

/* Kanal galerisi */
.frk-modern-wrap .kanal-scroll-wrapper {
    overflow: hidden;
}
.frk-modern-wrap .kanal-scroll {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.frk-modern-wrap .kanal-item {
    background: #181b27;
    border-radius: 6px;
    padding: 4px 6px;
    cursor: pointer;
}
.frk-modern-wrap .kanal-item img {
    display: block;
    max-height: 28px;
}

/* Banner alanları */
.frk-side {
    background: linear-gradient(180deg, #071108, #050608);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
}

/* Alt şerit */
.frk-bottom-strip {
    border-top: 1px solid #151821;
    padding: 12px 0 20px;
}
.frk-bottom-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 11px;
    opacity: .6;
}

/* Responsive */
@media (max-width: 1200px) {
    .frk-modern-main {
        grid-template-columns: minmax(0, 1fr);
    }
    .frk-side {
        display: none;
    }
}
/* === Rötuşlar – FrikikTV Modern (DOĞRU BODY CLASS) === */

/* Sadece FrikikTV Modern şablonunda geçerli olsun */
body.page-template-page-frikiktv-modern .frk-side {
    display: none !important;            /* Sol / sağ boş panelleri tamamen kaldır */
}

/* Grid yapıyı 2 kolona düşür: Player + Maç listesi */
body.page-template-page-frikiktv-modern .frk-modern-main {
    grid-template-columns: minmax(0,1fr) 320px !important;
}

/* Parent header boşluklarını azalt */
body.page-template-page-frikiktv-modern .site-header,
body.page-template-page-frikiktv-modern header#masthead {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Bizim FRİKİK TV başlığını biraz aşağı al */
body.page-template-page-frikiktv-modern .frk-modern-header {
    padding-top: 40px !important;
}

/* Sidebar arka planını düzelt */
body.page-template-page-frikiktv-modern .frk-sidebar {
    background: #11141d !important;
}