Şablon:Anasayfa/stil.css

/* Hukukipedia - Anasayfa özel stilleri */

.hk-home {
    max-width: 1180px;
    margin: 0 auto;
    color: #263447;
    font-size: 16px;
    line-height: 1.65;
}

.hk-home a {
    color: #174a78;
    text-decoration: none;
}

.hk-home a:hover {
    color: #0b6e99;
    text-decoration: underline;
}

/* Genel başlıklar */

.hk-home h1,
.hk-home h2,
.hk-home h3 {
    color: #172b4d;
    font-weight: 700;
}

.hk-home h2 {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #d9e5ef;
    font-size: 1.35rem;
}

.hk-home h3 {
    margin-top: 20px;
    font-size: 1.05rem;
}

/* Üst tanıtım alanı */

.hk-hero {
    margin: 12px 0 24px;
    padding: 52px 56px;
    color: #ffffff;
    background:
        linear-gradient(120deg, rgba(11, 48, 83, 0.96), rgba(25, 91, 125, 0.91)),
        radial-gradient(circle at top right, #5ba4c4, transparent 45%);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(20, 54, 85, 0.18);
}

.hk-hero-kicker {
    margin-bottom: 10px;
    color: #b8d9e8;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.hk-hero h1 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 2.7rem;
    letter-spacing: 0.02em;
}

.hk-hero h1 a {
    color: #ffffff;
}

.hk-hero p {
    max-width: 720px;
    margin: 0 0 22px;
    color: #e4f0f5;
    font-size: 1.12rem;
}

.hk-hero-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hk-hero-links a {
    display: inline-block;
    padding: 9px 16px;
    color: #123c5a;
    background: #ffffff;
    border-radius: 8px;
    font-weight: 700;
}

.hk-hero-links a:hover {
    color: #123c5a;
    background: #dff1f7;
    text-decoration: none;
}

/* Arama / hızlı erişim alanı */

.hk-home-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 20px;
    padding: 20px 24px;
    background: #f2f7fa;
    border: 1px solid #dce8ef;
    border-left: 5px solid #27769b;
    border-radius: 12px;
}

.hk-home-tools strong {
    display: block;
    color: #172b4d;
    font-size: 1.05rem;
}

.hk-home-tools p {
    margin: 3px 0 0;
    color: #5c6d7e;
}

.hk-home-links a,
.hk-more-link a {
    font-weight: 700;
    white-space: nowrap;
}

/* Hızlı kategori bağlantıları */

.hk-quick-links {
    margin: 0 0 28px;
    padding: 15px 20px;
    color: #4d6071;
    background: #ffffff;
    border: 1px solid #dce8ef;
    border-radius: 10px;
    text-align: center;
}

.hk-quick-links p {
    margin: 0;
}

.hk-quick-links a {
    display: inline-block;
    margin: 3px 5px;
    color: #245d80;
    font-weight: 600;
}

/* Günün konusu ve seçkin rehber */

.hk-featured-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);
    gap: 22px;
    margin-bottom: 30px;
}

.hk-featured-main,
.hk-featured-side {
    padding: 25px;
    background: #ffffff;
    border: 1px solid #dce8ef;
    border-radius: 14px;
    box-shadow: 0 5px 16px rgba(25, 55, 80, 0.06);
}

.hk-featured-main {
    border-top: 5px solid #1d7897;
}

.hk-featured-side {
    border-top: 5px solid #c18a3a;
    background: #fffaf1;
}

.hk-featured-main p,
.hk-featured-side p {
    margin-top: 8px;
}

.hk-featured-side b a {
    color: #8b5d20;
}

/* Son konular ve wiki hareketliliği */

.hk-home-columns {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr);
    gap: 22px;
    margin-bottom: 30px;
}

.hk-latest,
.hk-activity {
    padding: 25px;
    background: #ffffff;
    border: 1px solid #dce8ef;
    border-radius: 14px;
}

.hk-section-intro {
    margin-top: -3px;
    color: #6a7987;
}

.hk-topic-list ul {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.hk-topic-list li {
    margin: 0;
    padding: 12px 0 12px 18px;
    border-bottom: 1px solid #edf1f4;
    position: relative;
}

.hk-topic-list li::before {
    content: "›";
    position: absolute;
    left: 0;
    color: #2880a1;
    font-size: 1.25rem;
    font-weight: 700;
}

.hk-topic-list li:last-child {
    border-bottom: 0;
}

.hk-more-link {
    margin-top: 18px;
    text-align: right;
}

.hk-activity {
    background: #f8fafb;
}

.hk-activity .mw-contributions-list {
    margin-left: 0;
    padding-left: 18px;
}

.hk-activity .mw-contributions-list li {
    margin-bottom: 9px;
    font-size: 0.91rem;
}

/* Konu alanları */

.hk-subjects {
    margin-bottom: 30px;
    padding: 26px;
    background: #eef6f8;
    border: 1px solid #d5e8ed;
    border-radius: 14px;
}

.hk-subject-list {
    line-height: 2.2;
}

.hk-subject-list a {
    display: inline-block;
    margin: 3px 4px;
    padding: 3px 11px;
    color: #205b78;
    background: #ffffff;
    border: 1px solid #c9dfe7;
    border-radius: 20px;
    font-size: 0.95rem;
    font-weight: 600;
}

.hk-subject-list a:hover {
    color: #ffffff;
    background: #287b9a;
    text-decoration: none;
}

/* Alt yönlendirme kartları */

.hk-home-guides {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 28px;
}

.hk-home-guides > div {
    padding: 23px;
    background: #ffffff;
    border: 1px solid #dce8ef;
    border-radius: 13px;
    box-shadow: 0 4px 12px rgba(25, 55, 80, 0.05);
}

.hk-home-guides h2 {
    border-bottom: 0;
    font-size: 1.15rem;
}

.hk-home-guides p {
    min-height: 48px;
    color: #647483;
}

.hk-home-guides a {
    font-weight: 700;
}

/* Alt bağlantılar */

.hk-footer-links {
    margin-top: 25px;
    padding: 18px;
    color: #647483;
    background: #f3f6f8;
    border-top: 1px solid #dce5ea;
    text-align: center;
}

.hk-footer-links a {
    margin: 0 7px;
    font-weight: 600;
}

/* Anasayfadaki gereksiz içindekiler kutusu */

.hk-home #toc {
    display: none;
}

/* Mobil görünüm */

@media (max-width: 800px) {
    .hk-home {
        font-size: 15px;
    }

    .hk-hero {
        padding: 34px 25px;
        border-radius: 12px;
    }

    .hk-hero h1 {
        font-size: 2rem;
    }

    .hk-home-tools,
    .hk-featured-grid,
    .hk-home-columns,
    .hk-home-guides {
        grid-template-columns: 1fr;
        display: grid;
    }

    .hk-home-tools {
        align-items: start;
    }

    .hk-home-links {
        margin-top: 5px;
    }

    .hk-featured-main,
    .hk-featured-side,
    .hk-latest,
    .hk-activity,
    .hk-subjects {
        padding: 20px;
    }
}

@media (max-width: 520px) {
    .hk-hero {
        padding: 28px 20px;
    }

    .hk-hero h1 {
        font-size: 1.75rem;
    }

    .hk-hero p {
        font-size: 1rem;
    }

    .hk-hero-links {
        display: block;
    }

    .hk-hero-links a {
        display: block;
        margin-bottom: 8px;
        text-align: center;
    }

    .hk-topic-list li {
        overflow-wrap: anywhere;
    }
}