/**
 * Theme Name:  Sonaar Child Theme - Ultimate Creative Music WP Theme
 * Theme URI:   https://sonaar.io/
 * Description: Sonaar is a complete solution for everybody in the music industry.
 *
 * Author:      Sonaar
 * Author URI:  https://sonaar.io
 *
 * Version:     1.0.41
 * Template:    sonaar
 * Text Domain: sonaar-child
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */


/* =Theme customization starts here
-------------------------------------------------------------- */

/*
 * Ana sayfa arka plan optimizasyonu:
 * Sonaar'ın genel tema ayarı prbackmain.jpg görselini hem body hem de #overlay
 * üzerinde site genelinde yükler. Ana sayfada bu görsel görünmez; üst bölümde
 * prheromain.jpg kullanılır ve sayfanın geri kalanı siyahtır. Bu nedenle genel
 * arka planı yalnızca ana sayfada kapatarak gereksiz görsel isteğini önleriz.
 * İç sayfalardaki sabit prbackmain.jpg arka planı bu kuraldan etkilenmez.
 */
body.home,
body.home #overlay {
    background-image: none;
    background-color: #000000;
}

/* İçerik Sıçrama Sorunu Düzeltme */

@media only screen and (min-width: 1144px) {
    body.wp-singular.fixed_header:not(.sr-over-content)
    #pusher-wrap.pusher-type-classic-menu #wrapper {
        padding-top: 223px !important;
    }
}

/*
 * Videolar arşivi düzenlemesi:
 * - Sayfa başlığını video ve playlist alanının üstüne taşır.
 * - Listeden sanatçı ve tarih bilgilerini kaldırır.
 * - YouTube videosunu kırpılmadan 16:9 gösterir.
 * - Sol listenin yüksekliğini video alanına yaklaştırır.
 */

/* “Videolar” başlığını iki sütunun üstünde göster. */
body.page-template-archive-video
.sr_it-videolist-container > .page-title {
    position: static !important;
    display: block;
    clear: both;
    width: 100%;
    margin: 25px 0 50px !important;
    text-align: center;
}

/* Başlığı Diskografi sayfasındaki Elementor başlığıyla eşleştir. */
body.page-template-archive-video
.sr_it-videolist-container > .page-title h1 {
    margin: 0;
    font-size: 50px;
    line-height: 1em;
    letter-spacing: 2px;
}

/* Diskografi başlığında kullanılan beyaz ayırıcıyı başlığın altına ekle. */
body.page-template-archive-video
.sr_it-videolist-container > .page-title h1::after {
    content: "";
    display: block;
    width: 55px;
    height: 7px;
    margin: 18px auto 0;
    background: url("https://www.pasliraylar.com/wp-content/uploads/2018/12/white-divider.png")
        center / contain no-repeat;
}

/* Başlık artık listenin içinde olmadığı için eski 80px boşluğu kaldır. */
body.page-template-archive-video
.sr_it-videolist-spacer #sr_it-perfectscrollbar {
    margin-top: 0;
    max-height: 413px;
}

/* Playlist içindeki sanatçı ve tarih bilgilerini kaldır. */
body.page-template-archive-video
.sr_it-videolist-item-artist,
body.page-template-archive-video
.sr_it-videolist-item-date {
    display: none !important;
}

/*
 * Küçük playlist alanında video adlarının okunaklı kalması için dekoratif
 * başlık fontu yerine sitenin standart gövde fontunu kullan.
 */
body.page-template-archive-video
.sr_it-videolist-item-title {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none;
}

/* YouTube videosunun 16:9 oranını koru. */
body.page-template-archive-video
.sr_it-videolist-screen iframe {
    display: block;
    width: 100%;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 9;
}

/* Playlist detay başlığında tema tarafından eklenen "by" önekini kaldır. */
body.single-album .meta-artist_of_album > span {
    display: none;
}

/*
 * Playlist detaylarında albüm kapağını sabit menüden ayır ve kapağın alt
 * 50px'ini siyah bilgi alanının içine bindir. Bilgi alanının tema kaynaklı
 * -85px üst marjına karşılık kapak, hero altından 35px yukarıda tutulur.
 */
@media only screen and (min-width: 1144px) {
    body.single-album.sr-over-content.fixed_header
    .album-header {
        /* Kapağın, daha sonra çizilen .boxed alanının üstüne çıkabilmesini sağlar. */
        z-index: auto;
    }

body.single-album.sr-over-content.fixed_header
    .album-header .albumCover {
        top: auto;
        bottom: 35px;
        transform: translate3d(-50%, 0, 0);
        /* .boxed tema katmanı z-index: 10 kullandığı için kapak 11'e alınır. */
        z-index: 11;
    }
}

/*
 * Ana sayfadaki Paslı Blog kartlarını sadeleştir.
 * Essential Grid'in özet metni özellikle dar ekranlarda başlıkla çakıştığı
 * için yalnız bu widget içinde gizlenir; tarih, başlık, görsel ve kart bağlantısı
 * korunur. Blog arşivi ve tekil yazı sayfaları bu kurallardan etkilenmez.
 */
body.home .elementor-element-e8d9666 .eg-news-skin-1-element-5 {
    display: none !important;
}

/*
 * Sonaar uppercases player store names through CSS. In a Turkish document,
 * that turns the Latin brand-name "i" into "İ" (SPOTİFY / GENİUS). Disable
 * uppercase only for these labels so their saved brand spelling is preserved.
 */
#sonaar-player.srt_sticky-player.list-type-album
.store .track-store li a span {
    text-transform: none !important;
}

/*
 * Enlarge the direct track links displayed beside the song title. These are
 * separate from the lower "Şimdi Dinle" artist-profile buttons.
 */
body.single-album .srt_player-container
.iron-audioplayer .playlist .store-list a.song-store {
    min-width: 28px;
    padding: 4px;
    margin-right: 3px;
    text-align: center;
}

body.single-album .srt_player-container
.iron-audioplayer .playlist .store-list a.song-store > i.fa {
    min-width: 0;
    margin-right: 0;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

/*
 * On phones, give the track title and its direct platform links separate
 * rows. Sonaar's default nowrap row otherwise lets the icons crush the title.
 */
@media only screen and (max-width: 767px) {
    /*
     * The parent theme keeps album heroes at 90vh even on phones, leaving
     * large empty bands above and below a centered cover. Use a compact,
     * bounded hero while retaining the cover/detail overlap.
     */
    body.single-album .album-header {
        height: clamp(400px, 62vh, 480px);
        z-index: auto;
    }

    body.single-album .album-header .albumCover {
        top: auto;
        bottom: 35px;
        width: min(78vw, 330px);
        height: auto;
        transform: translate3d(-50%, 0, 0);
        z-index: 11;
    }

    body.single-album .album-header .albumCover img {
        width: 100%;
        height: auto;
    }

    body.single-album .srt_player-container
    .iron-audioplayer .playlist li {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    body.single-album .srt_player-container
    .iron-audioplayer .playlist li .audio-track {
        width: 100%;
    }

    body.single-album .srt_player-container
    .iron-audioplayer .playlist li .store-list {
        width: 100%;
        margin-top: 10px;
        text-align: left;
    }
}

/*
 * Sonaar reveals Parallax Grid controls only on desktop hover. Touch devices
 * have no hover state, leaving the Dinle button permanently transparent even
 * though it exists in the HTML. Keep the overlay and controls visible on
 * mobile/tablet, with compact sizing and a gradient that preserves cover art.
 */
@media only screen and (max-width: 1023px) {
    body.home .elementor-element-892f3be
    .sr_it-grid article .sr_it-hoverable {
        opacity: 1;
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 25%,
            rgba(0, 0, 0, 0.82) 100%
        );
    }

    body.home .elementor-element-892f3be
    .sr_it-grid article header {
        padding: 20px;
    }

    body.home .elementor-element-892f3be
    .sr_it-grid article .sr_it-item-title {
        margin-bottom: 6px;
        font-size: 24px;
        line-height: 1.15;
    }

    body.home .elementor-element-892f3be
    .sr_it-grid article .sr_it-meta .entry-date {
        padding-bottom: 6px;
        margin-bottom: 6px;
        font-size: 14px;
    }

    body.home .elementor-element-892f3be
    .sr_it-grid article .author {
        font-size: 16px;
    }

    body.home .elementor-element-892f3be
    .sr_it-grid article button {
        margin-top: 14px;
        padding: 10px 16px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    body.home .elementor-element-e8d9666 .eg-news-skin-1-element-1 {
        max-width: calc(100% - 20px);
        margin: 0 10px 15px !important;
        padding: 5px 10px !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere;
    }

    body.home .elementor-element-e8d9666 .eg-news-skin-1-element-0 {
        padding: 8px 14px;
        font-size: 12px;
        line-height: 18px;
    }
}