/*
 * Fiberport Paket 02.21 — Yasal belge detayları
 * Scope: yalnız .fp-legal-detail
 */

.fp-legal-detail {
    --ld-navy:#0b2239;
    --ld-blue:#075f96;
    --ld-cyan:#37a7df;
    --ld-ink:#172838;
    --ld-text:#4f6578;
    --ld-muted:#718392;
    --ld-line:#d6e0e7;
    --ld-soft:#f3f7f9;
    --ld-white:#fff;
    color:var(--ld-ink);
    background:#fff;
}

.fp-legal-detail *,
.fp-legal-detail *::before,
.fp-legal-detail *::after {
    box-sizing:border-box;
}

.fp-legal-detail-hero {
    padding:30px 0 76px;
    background:#f4f7f9;
    border-bottom:1px solid var(--ld-line);
}

.fp-legal-detail-breadcrumbs {
    margin-bottom:48px;
}

.fp-legal-detail-breadcrumbs ol {
    color:#6d7f8e;
}

.fp-legal-detail-breadcrumbs a {
    color:#526a7c;
}

.fp-legal-detail-breadcrumbs a:hover,
.fp-legal-detail-breadcrumbs a:focus-visible {
    color:var(--ld-blue);
}

.fp-legal-detail-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.38fr);
    gap:clamp(54px,8vw,110px);
    align-items:center;
}

.fp-legal-detail-kicker-row {
    display:flex;
    flex-wrap:wrap;
    gap:9px 15px;
    align-items:center;
    margin-bottom:20px;
    color:var(--ld-blue);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-legal-detail-kicker-row a {
    color:var(--ld-blue);
    text-decoration:none;
}

.fp-legal-detail-kicker-row a::before {
    margin-right:15px;
    color:#9aabb8;
    content:"/";
}

.fp-legal-detail-kicker-row a:hover,
.fp-legal-detail-kicker-row a:focus-visible {
    text-decoration:underline;
    text-underline-offset:4px;
}

.fp-legal-detail-hero h1 {
    max-width:900px;
    margin:0;
    color:var(--ld-navy);
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(2.3rem,4.7vw,4.75rem);
    font-weight:650;
    letter-spacing:-.04em;
    line-height:1.04;
}

.fp-legal-detail-hero-copy > p {
    max-width:760px;
    margin:24px 0 0;
    color:var(--ld-text);
    font-size:clamp(1rem,1.32vw,1.17rem);
    line-height:1.67;
}

.fp-legal-detail-meta {
    display:flex;
    flex-wrap:wrap;
    gap:0;
    margin:31px 0 0;
    padding:0;
    border-top:1px solid #cbd8e0;
    border-bottom:1px solid #cbd8e0;
}

.fp-legal-detail-meta > div {
    min-width:160px;
    padding:14px 24px 14px 0;
    margin-right:24px;
}

.fp-legal-detail-meta dt {
    margin:0 0 5px;
    color:var(--ld-muted);
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.fp-legal-detail-meta dd {
    margin:0;
    color:var(--ld-navy);
    font-size:.82rem;
    font-weight:700;
}

.fp-legal-detail-identity {
    position:relative;
    display:flex;
    min-height:350px;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    padding:36px;
    color:#fff;
    background:var(--ld-navy);
    border-left:5px solid var(--ld-cyan);
}

.fp-legal-detail-identity::before,
.fp-legal-detail-identity::after {
    position:absolute;
    content:"";
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
}

.fp-legal-detail-identity::before {
    width:300px;
    height:300px;
    top:-115px;
    right:-88px;
}

.fp-legal-detail-identity::after {
    width:186px;
    height:186px;
    top:-60px;
    right:-22px;
}

.fp-legal-detail-identity small,
.fp-legal-detail-identity strong,
.fp-legal-detail-identity span {
    position:relative;
    z-index:1;
}

.fp-legal-detail-identity small {
    color:#a9ddf7;
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-legal-detail-identity strong {
    margin-top:16px;
    color:#fff;
    font-size:clamp(5.2rem,8vw,7.8rem);
    font-weight:560;
    letter-spacing:-.075em;
    line-height:.88;
}

.fp-legal-detail-identity span {
    max-width:280px;
    margin-top:19px;
    color:rgba(255,255,255,.72);
    font-size:.82rem;
    font-weight:700;
    line-height:1.45;
}

.fp-legal-detail-identity i {
    position:absolute;
    left:36px;
    top:36px;
    width:56px;
    height:4px;
    background:var(--ld-cyan);
}

.fp-legal-detail-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(270px,320px);
    gap:clamp(54px,8vw,108px);
    align-items:start;
    padding-top:clamp(68px,8vw,106px);
    padding-bottom:clamp(76px,9vw,122px);
}

.fp-legal-detail-main {
    min-width:0;
}

.fp-legal-detail-version {
    margin-bottom:36px;
    background:var(--ld-soft);
    border:1px solid var(--ld-line);
    border-left:4px solid var(--ld-blue);
}

.fp-legal-detail-version dl {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:0;
}

.fp-legal-detail-version dl > div {
    padding:17px 19px;
    border-right:1px solid var(--ld-line);
}

.fp-legal-detail-version dl > div:last-child {
    border-right:0;
}

.fp-legal-detail-version dt {
    margin-bottom:6px;
    color:var(--ld-muted);
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.fp-legal-detail-version dd {
    margin:0;
    color:var(--ld-navy);
    font-size:.83rem;
    font-weight:750;
}

.fp-legal-detail-content {
    max-width:810px;
    color:#354c60;
    font-size:1.02rem;
    line-height:1.8;
}

.fp-legal-detail-content > :first-child {
    margin-top:0;
}

.fp-legal-detail-content > p:first-of-type {
    color:var(--ld-ink);
    font-size:1.08rem;
    line-height:1.76;
}

.fp-legal-detail-content h2 {
    scroll-margin-top:150px;
    margin:58px 0 19px;
    padding-top:4px;
    color:var(--ld-navy);
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(1.5rem,2.35vw,2.15rem);
    font-weight:650;
    letter-spacing:-.025em;
    line-height:1.2;
}

.fp-legal-detail-content h2::before {
    display:block;
    width:34px;
    height:3px;
    margin-bottom:17px;
    content:"";
    background:var(--ld-blue);
}

.fp-legal-detail-content h3 {
    scroll-margin-top:150px;
    margin:34px 0 13px;
    color:var(--ld-navy);
    font-size:1.17rem;
    line-height:1.35;
}

.fp-legal-detail-content p {
    margin:0 0 21px;
}

.fp-legal-detail-content a,
.fp-legal-detail-content a:visited {
    color:var(--ld-blue);
    font-weight:650;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

.fp-legal-detail-content a:hover,
.fp-legal-detail-content a:focus-visible {
    color:var(--ld-navy);
    text-decoration-thickness:2px;
}

.fp-legal-detail-content ul,
.fp-legal-detail-content ol {
    margin:22px 0 30px;
    padding:0;
    list-style:none;
    counter-reset:legal-list;
}

.fp-legal-detail-content li {
    position:relative;
    margin:0;
    padding:13px 0 13px 35px;
    border-bottom:1px solid #e0e7ec;
    line-height:1.62;
}

.fp-legal-detail-content ul li::before {
    position:absolute;
    left:5px;
    top:24px;
    width:8px;
    height:8px;
    content:"";
    background:var(--ld-blue);
    border-radius:50%;
}

.fp-legal-detail-content ol li {
    counter-increment:legal-list;
}

.fp-legal-detail-content ol li::before {
    position:absolute;
    left:0;
    top:15px;
    content:counter(legal-list,decimal-leading-zero);
    color:var(--ld-blue);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.04em;
}

.fp-legal-detail-content blockquote {
    margin:38px 0;
    padding:25px 28px;
    color:#294459;
    background:var(--ld-soft);
    border:0;
    border-left:4px solid var(--ld-blue);
}

.fp-legal-detail-content table {
    width:100%;
    margin:32px 0;
    border-collapse:collapse;
}

.fp-legal-detail-content th,
.fp-legal-detail-content td {
    padding:13px 15px;
    text-align:left;
    border:1px solid var(--ld-line);
}

.fp-legal-detail-content th {
    color:#fff;
    background:var(--ld-navy);
}

.fp-legal-detail-content .legal-draft-warning {
    display:block;
    margin:0 0 32px;
    padding:18px 20px;
    color:#733b00;
    background:#fff5e7;
    border:1px solid #efce9a;
    border-left:4px solid #b76b00;
    border-radius:0;
    font-size:.88rem;
    line-height:1.6;
}

.fp-legal-detail-content .legal-missing {
    display:inline;
    padding:2px 5px;
    color:#733b00;
    background:#fff5e7;
    border:1px solid #efce9a;
    border-radius:2px;
    font-size:.83em;
}

.fp-legal-detail-sidebar {
    position:sticky;
    top:132px;
    display:grid;
    gap:20px;
}

.fp-legal-detail-toc,
.fp-legal-detail-info,
.fp-legal-detail-contact {
    padding:26px;
    background:#fff;
    border:1px solid var(--ld-line);
}

.fp-legal-detail-toc {
    border-top:4px solid var(--ld-blue);
}

.fp-legal-detail-toc > span,
.fp-legal-detail-info > span,
.fp-legal-detail-contact > span {
    display:block;
    margin-bottom:10px;
    color:var(--ld-blue);
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.fp-legal-detail-toc h2,
.fp-legal-detail-contact h2 {
    margin:0 0 17px;
    color:var(--ld-navy);
    font-size:1rem;
}

.fp-legal-detail-toc ol {
    margin:0;
    padding:0;
    list-style:none;
}

.fp-legal-detail-toc li {
    border-top:1px solid #e1e8ed;
}

.fp-legal-detail-toc li.toc-level-3 {
    padding-left:14px;
}

.fp-legal-detail-toc a {
    display:block;
    padding:10px 0;
    color:#53697b;
    font-size:.78rem;
    line-height:1.4;
    text-decoration:none;
}

.fp-legal-detail-toc a:hover,
.fp-legal-detail-toc a:focus-visible,
.fp-legal-detail-toc a.is-active {
    color:var(--ld-blue);
}

.fp-legal-detail-info {
    background:var(--ld-soft);
}

.fp-legal-detail-info dl {
    margin:0;
}

.fp-legal-detail-info dl > div {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    padding:11px 0;
    border-bottom:1px solid var(--ld-line);
}

.fp-legal-detail-info dt {
    color:var(--ld-muted);
    font-size:.72rem;
}

.fp-legal-detail-info dd {
    max-width:150px;
    margin:0;
    color:var(--ld-navy);
    font-size:.74rem;
    font-weight:700;
    text-align:right;
}

.fp-legal-detail-change {
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid var(--ld-line);
}

.fp-legal-detail-change strong {
    color:var(--ld-navy);
    font-size:.72rem;
}

.fp-legal-detail-change p,
.fp-legal-detail-no-version {
    margin:8px 0 0;
    color:var(--ld-muted);
    font-size:.74rem;
    line-height:1.55;
}

.fp-legal-detail-back {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    color:var(--ld-blue);
    font-size:.76rem;
    font-weight:800;
    text-decoration:none;
}

.fp-legal-detail-back:hover,
.fp-legal-detail-back:focus-visible {
    color:var(--ld-navy);
}

.fp-legal-detail-inline-icon {
    width:17px;
    height:17px;
}

.fp-legal-detail-contact {
    background:var(--ld-navy);
    border-color:var(--ld-navy);
}

.fp-legal-detail-contact > span {
    color:#9dd9f7;
}

.fp-legal-detail-contact h2 {
    color:#fff;
}

.fp-legal-detail-contact p {
    margin:0 0 18px;
    color:rgba(255,255,255,.72);
    font-size:.8rem;
    line-height:1.58;
}

.fp-legal-detail-contact a {
    display:flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:3px;
    font-size:.73rem;
    font-weight:800;
    text-align:center;
    text-decoration:none;
}

.fp-legal-detail-contact a:first-of-type,
.fp-legal-detail-contact a:first-of-type:visited {
    color:var(--ld-navy);
    -webkit-text-fill-color:var(--ld-navy);
    background:#fff;
    border:1px solid #fff;
}

.fp-legal-detail-contact a:last-of-type,
.fp-legal-detail-contact a:last-of-type:visited {
    margin-top:9px;
    color:#fff;
    -webkit-text-fill-color:#fff;
    background:transparent;
    border:1px solid rgba(255,255,255,.52);
}

.fp-legal-detail-contact a:hover,
.fp-legal-detail-contact a:focus-visible {
    color:#fff;
    -webkit-text-fill-color:#fff;
    background:var(--ld-blue);
    border-color:var(--ld-blue);
}

.fp-legal-detail-eyebrow {
    display:inline-flex;
    gap:9px;
    align-items:center;
    margin-bottom:14px;
    color:var(--ld-blue);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.fp-legal-detail-eyebrow::before {
    width:22px;
    height:2px;
    content:"";
    background:currentColor;
}

.fp-legal-detail-cookies,
.fp-legal-detail-sources,
.fp-legal-detail-related {
    margin-top:76px;
    padding-top:46px;
    border-top:1px solid var(--ld-line);
}

.fp-legal-detail-cookies > header,
.fp-legal-detail-sources > header,
.fp-legal-detail-related > header {
    max-width:760px;
    margin-bottom:28px;
}

.fp-legal-detail-cookies h2,
.fp-legal-detail-sources h2,
.fp-legal-detail-related h2 {
    margin:0;
    color:var(--ld-navy);
    font-size:clamp(1.65rem,2.65vw,2.45rem);
    font-weight:650;
    letter-spacing:-.025em;
    line-height:1.14;
}

.fp-legal-detail-cookies header p,
.fp-legal-detail-sources header p {
    margin:13px 0 0;
    color:var(--ld-text);
    line-height:1.62;
}

.fp-legal-detail-cookie-group + .fp-legal-detail-cookie-group {
    margin-top:36px;
}

.fp-legal-detail-cookie-group h3 {
    margin:0 0 13px;
    color:var(--ld-navy);
    font-size:1.05rem;
}

.fp-legal-detail-table-wrap {
    overflow-x:auto;
    border:1px solid var(--ld-line);
}

.fp-legal-detail-table-wrap table {
    width:100%;
    min-width:720px;
    border-collapse:collapse;
}

.fp-legal-detail-table-wrap th,
.fp-legal-detail-table-wrap td {
    padding:13px 14px;
    text-align:left;
    vertical-align:top;
    border-right:1px solid var(--ld-line);
    border-bottom:1px solid var(--ld-line);
    font-size:.78rem;
    line-height:1.5;
}

.fp-legal-detail-table-wrap th {
    color:#fff;
    background:var(--ld-navy);
}

.fp-legal-detail-table-wrap tr:last-child td {
    border-bottom:0;
}

.fp-legal-detail-table-wrap th:last-child,
.fp-legal-detail-table-wrap td:last-child {
    border-right:0;
}

.fp-legal-detail-table-wrap code {
    color:var(--ld-blue);
    font-size:.75rem;
}

.fp-legal-detail-cookie-button {
    min-height:43px;
    margin-top:19px;
    padding:0 16px;
    color:#fff;
    background:var(--ld-blue);
    border:1px solid var(--ld-blue);
    border-radius:4px;
    font:inherit;
    font-size:.76rem;
    font-weight:800;
    cursor:pointer;
}

.fp-legal-detail-cookie-button:hover,
.fp-legal-detail-cookie-button:focus-visible {
    background:var(--ld-navy);
    border-color:var(--ld-navy);
}

.fp-legal-detail-sources > ol,
.fp-legal-detail-related > ol {
    margin:0;
    padding:0;
    border-top:2px solid var(--ld-navy);
    list-style:none;
}

.fp-legal-detail-sources li {
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    min-height:112px;
    padding:22px 0;
    border-bottom:1px solid var(--ld-line);
}

.fp-legal-detail-sources li > span,
.fp-legal-detail-related li > span {
    align-self:start;
    padding-top:4px;
    color:var(--ld-blue);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.07em;
}

.fp-legal-detail-sources h3 {
    margin:0;
    font-size:1rem;
    line-height:1.38;
}

.fp-legal-detail-sources h3 a {
    color:var(--ld-navy);
    text-decoration:none;
}

.fp-legal-detail-sources h3 a:hover,
.fp-legal-detail-sources h3 a:focus-visible {
    color:var(--ld-blue);
}

.fp-legal-detail-sources li p {
    margin:8px 0 0;
    color:var(--ld-muted);
    font-size:.75rem;
}

.fp-legal-detail-source-icon {
    width:18px;
    height:18px;
    color:var(--ld-blue);
}

.fp-legal-detail-related li {
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    min-height:105px;
    padding:21px 0;
    border-bottom:1px solid var(--ld-line);
}

.fp-legal-detail-related h3 {
    margin:0;
    font-size:1rem;
}

.fp-legal-detail-related h3 a {
    color:var(--ld-navy);
    text-decoration:none;
}

.fp-legal-detail-related li > a:last-child {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--ld-blue);
    font-size:.74rem;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}

.fp-legal-detail-related li > a:last-child:hover,
.fp-legal-detail-related li > a:last-child:focus-visible {
    color:var(--ld-navy);
}

@media (max-width:1000px) {
    .fp-legal-detail-hero-grid,
    .fp-legal-detail-layout {
        grid-template-columns:1fr;
    }

    .fp-legal-detail-sidebar {
        position:static;
        grid-template-columns:repeat(2,minmax(0,1fr));
        order:-1;
    }

    .fp-legal-detail-content {
        max-width:none;
    }
}

@media (max-width:760px) {
    .fp-legal-detail-hero {
        padding:22px 0 54px;
    }

    .fp-legal-detail-breadcrumbs {
        margin-bottom:34px;
    }

    .fp-legal-detail-hero h1 {
        font-size:clamp(2rem,10.4vw,3.25rem);
    }

    .fp-legal-detail-identity {
        min-height:280px;
        padding:28px;
    }

    .fp-legal-detail-identity i {
        left:28px;
        top:28px;
    }

    .fp-legal-detail-meta {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .fp-legal-detail-meta > div {
        min-width:0;
        margin:0;
        padding:13px 10px 13px 0;
    }

    .fp-legal-detail-layout {
        width:min(100% - 32px,1160px);
        gap:48px;
        padding-top:52px;
        padding-bottom:70px;
    }

    .fp-legal-detail-sidebar {
        grid-template-columns:1fr;
        order:-1;
    }

    .fp-legal-detail-info {
        display:none;
    }

    .fp-legal-detail-content {
        font-size:.97rem;
        line-height:1.76;
    }

    .fp-legal-detail-content h2 {
        margin-top:48px;
        font-size:1.55rem;
    }

    .fp-legal-detail-version dl {
        grid-template-columns:1fr;
    }

    .fp-legal-detail-version dl > div {
        border-right:0;
        border-bottom:1px solid var(--ld-line);
    }

    .fp-legal-detail-version dl > div:last-child {
        border-bottom:0;
    }

    .fp-legal-detail-cookies,
    .fp-legal-detail-sources,
    .fp-legal-detail-related {
        margin-top:58px;
        padding-top:38px;
    }

    .fp-legal-detail-sources li,
    .fp-legal-detail-related li {
        grid-template-columns:30px minmax(0,1fr);
        gap:12px;
    }

    .fp-legal-detail-source-icon {
        display:none;
    }

    .fp-legal-detail-related li > a:last-child {
        grid-column:2;
        justify-self:start;
    }
}