/*
Theme Name: Lyrics Archive
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Sanatçıları kategoriler, albümleri etiketler ve seçilebilir lyrics içeriklerini yazılar olarak yöneten hafif bir WordPress teması.
Version: 1.0.13
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: lyrics-archive
*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/css/bootstrap-grid.min.css');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,400i,500,600,700&subset=latin-ext');

:root {
    --lyrics-bg: #f8f9fa;
    --lyrics-text: #656f72;
    --lyrics-heading: #384047;
    --lyrics-muted: #7b8b8e;
    --lyrics-border: #f0f2f4;
    --lyrics-card: #fff;
    --lyrics-accent: #008297;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    background-color: var(--lyrics-bg);
    color: var(--lyrics-text);
    display: flex;
    flex-direction: column;
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.5;
    margin: 0;
    min-height: 100vh;
    text-rendering: optimizeLegibility;
}
body.admin-bar .site-header { top: 32px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, p, ol, ul { margin-top: 0; }
iframe { max-width: 100%; width: 100%; }
img { display: block; height: auto; max-width: 100%; }
ol, ul { padding: 0; }

.site-header {
    background-color: #fff;
    box-shadow: 0 0.25rem 0.125rem 0 rgba(0,0,0,.05);
    margin-bottom: 70px;
    min-height: 70px;
}
.site-header .container,
.site-footer .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.site-header .container { min-height: 70px; }
.site-header a { color: rgba(0,0,0,.54); }
.site-brand { align-items: center; display: flex; gap: 12px; }
.site-brand a { font-size: 22px; font-weight: 700; }
.custom-logo { height: 42px; width: auto; }
.header-nav ul,
.footer-nav ul { list-style: none; margin: 0; }
.header-nav li,
.footer-nav li { display: inline-block; margin-right: 24px; }
.header-nav li:last-child,
.footer-nav li:last-child { margin-right: 0; }
.header-nav a { font-size: 14px; font-weight: 500; }

.search { margin-bottom: 50px; }
.search-form { position: relative; }
.search-form label { display: block; }
.search input[type="search"] {
    background: #fff;
    border: 2px solid #e8ebed;
    border-radius: 100px;
    color: var(--lyrics-muted);
    font-size: 14px;
    outline: 0;
    padding: 12px 48px 12px 16px;
    width: 100%;
}
.search input[type="search"]:focus { border-color: #b4cdd6; }
.search-submit {
    background: transparent;
    border: 0;
    color: var(--lyrics-muted);
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.breadcrumb { color: #7b8b8e; font-size: 14px; margin-bottom: 50px; }
.breadcrumb ol { list-style: none; margin: 0; }
.breadcrumb li { display: inline; }
.breadcrumb li + li::before { content: '›'; margin: 0 10px; }
.breadcrumb a { color: #576366; font-weight: 500; }
.breadcrumb [aria-current="page"] { color: #8c989e; }

.main { flex: 1; width: 100%; }
.box,
.panel,
.list-content,
.widget-content {
    background-color: var(--lyrics-card);
    box-shadow: 0 2px 0 rgba(0,0,0,.06);
}
.box { border-radius: 0 0 4px 4px; padding: 30px; }
.panel { border-radius: 4px; margin-bottom: 50px; padding: 30px; }
.panel-title h1 { color: var(--lyrics-heading); font-size: 28px; font-weight: 500; margin-bottom: 0; }
.panel-content { margin-top: 15px; }
.panel-content p:last-child { margin-bottom: 0; }
.intro-action { margin-top: 18px; }
.intro-button {
    background: var(--lyrics-accent);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    text-decoration: none;
}
.intro-button:hover,
.intro-button:focus { color: #fff; opacity: .9; text-decoration: none; }
.panel-content,
.panel-content p { color: var(--lyrics-muted); font-size: 14px; }

.list-title,
.widget-title {
    border-radius: 5px 5px 0 0;
    color: #fff;
    min-height: 58px;
    padding: 18px 30px;
}
.list-title h2,
.widget-title h3,
.widget-title span {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}
.new { background-color: #30826c; }
.popular { background-color: #9b3b5a; }
.album { background-color: #4a4290; }
.albums { background-color: #3659a2; }
.l { background-color: #9f4b84; }
.artist { background-color: #008297; }
.list-content { border-radius: 0 0 4px 4px; padding: 30px; }
.list-item { border-bottom: 1px solid var(--lyrics-border); margin-bottom: 20px; padding-bottom: 20px; }
.list-item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.list-item-title a { color: #2d3339; font-size: 16px; font-weight: 500; }
.list-item-artist,
.list-item-year { margin-top: 7px; }
.list-item-artist a,
.list-item-year span { color: var(--lyrics-muted); font-size: 14px; }
.list-item-year span { font-weight: 500; }
.list-item-number span { color: #4b5658; display: block; font-size: 22px; font-weight: 500; text-align: center; }
.list-item-album img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; }
.rounded { border-radius: 50%; }

.lyrics-header { border-bottom: 2px solid var(--lyrics-border); margin-bottom: 25px; padding-bottom: 20px; }
.lyrics-cover img,
.album-cover img { aspect-ratio: 1 / 1; border: 3px solid #b4cdd6; object-fit: cover; width: 100%; }
.lyrics-title h1,
.album-title h1 { color: var(--lyrics-heading); font-size: 28px; font-weight: 500; margin-bottom: 0; }
.lyrics-artist,
.album-title { margin: 6px 0; }
.lyrics-artist a,
.album-year span { color: #8c989e; font-size: 16px; font-weight: 500; }
.lyrics-album span,
.lyrics-album a,
.album-album span { color: var(--lyrics-text); font-size: 14px; }
.lyrics-album-label { font-weight: 500; }
.lyrics-heading { margin-bottom: 15px; }
.lyrics-heading h2 { color: var(--lyrics-heading); font-size: 18px; font-weight: 500; margin-bottom: 0; }
.lyrics-lyrics { color: var(--lyrics-text); font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.lyrics-lyrics p { margin-bottom: 1.25em; }
.lyrics-lyrics p:last-child { margin-bottom: 0; }
.lyrics-footer { border-top: 2px solid var(--lyrics-border); margin-top: 25px; padding-top: 20px; }
.lyrics-footer p { color: var(--lyrics-muted); font-size: 14px; margin-bottom: 0; }
.lyrics-footer p strong { color: #343b3d; font-weight: 500; }

.widget { margin-bottom: 50px; }
.widget:last-child { margin-bottom: 0; }
.widget-title { background-color: var(--lyrics-accent); min-height: 50px; padding: 15px 30px; }
.widget-content { border-radius: 0 0 4px 4px; padding: 30px; }
.share-buttons { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.share-buttons a { color: #fff; display: block; }
.share-buttons i { height: 34px; line-height: 34px; text-align: center; width: 34px; }
.share-buttons .facebook i { background-color: #4267b2; }
.share-buttons .twitter i { background-color: #1da1f3; }
.share-buttons .whatsapp i { background-color: #25d266; }
.share-buttons .copy i { background-color: #7f8c8d; }
.share-buttons .print i { background-color: #95a5a6; }

.info { margin-top: 50px; }
.info p { font-size: 14px; margin-bottom: 0; }
.info strong { color: #3f8abf; }
.empty-state { color: var(--lyrics-muted); font-size: 14px; margin: 0; }

.pagination { margin-top: 40px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers {
    background: #fff;
    border-radius: 4px;
    color: #576366;
    min-width: 38px;
    padding: 8px 11px;
    text-align: center;
}
.pagination .current { background: var(--lyrics-accent); color: #fff; }

.site-footer {
    border-top: 1px solid #e2e5e8;
    color: #868e96;
    font-size: 13px;
    margin-top: 70px;
    min-height: 70px;
}
.site-footer .container { min-height: 70px; }
.site-footer a { color: inherit; font-weight: 500; }
.site-copyright { text-align: right; }

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

@media (max-width: 782px) {
    body.admin-bar .site-header { top: 46px; }
}
@media (max-width: 767px) {
    body { background-color: #fff; }
    .site-header { margin-bottom: 42px; }
    .site-header .container { align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 14px; justify-content: space-between; min-height: 70px; padding-bottom: 0; padding-top: 0; }
    .site-brand { min-width: 0; }
    .site-brand a { font-size: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .header-nav { flex-shrink: 0; margin-top: 0; white-space: nowrap; }
    .header-nav li { margin-right: 14px; }
    .search, .breadcrumb { margin-bottom: 35px; }
    .lyrics { margin-bottom: 50px; }
    .widget-title, .list-title { padding-left: 20px; }
    .box, .panel { padding: 20px 15px; }
    .widget-content, .list-content { padding: 20px 15px; }
    .s { margin-top: 50px; }
    .lyrics-title h1, .album-title h1, .panel-title h1 { font-size: 21px; }
    .lyrics-artist a { font-size: 15px; }
    .lyrics-album span, .lyrics-album a { font-size: 13px; }
    .album-album { margin-top: 6px; }
    .site-footer { padding: 20px 0; text-align: center; }
    .site-footer .container { flex-direction: column; gap: 12px; }
    .site-copyright { text-align: center; }
}

@media print {
    .site-header, .search, .breadcrumb, .site-footer, .widget, .lyrics-footer { display: none !important; }
    body, .box { background: #fff; box-shadow: none; }
    .col-md-8 { flex: 0 0 100%; max-width: 100%; }
}