﻿/* Menü içerik sayfaları; ana sayfayla aynı marka renkleri ve ölçüler. */
body.rp-menu {
    --rp-ink: #f7f3e9;
    --rp-text: #f7f3e9;
    --rp-text-muted: #b5b8af;
    --rp-primary: #f7be48;
    --rp-primary-dark: #f5cd78;
    --rp-primary-tint: #d6a43b16;
    --rp-surface-alt: #0b1012;
    --rp-border: #b58a3b42;
    --rp-gradient: linear-gradient(115deg, #ffe599, #fbbb35 48%, #d69020);
    --rp-font-heading: 'Manrope', Arial, sans-serif;
    --rp-font-body: 'DM Sans', Arial, sans-serif;
    background: #080c0e;
    color: var(--rp-ink);
    font-family: var(--rp-font-body);
}

.rp-menu .container { width: 100%; max-width: 1320px; padding-right: 20px; padding-left: 20px; }
.rp-menu h1, .rp-menu h2, .rp-menu h3, .rp-menu h4 { font-family: var(--rp-font-heading); color: var(--rp-ink); }
.rp-menu a:focus-visible, .rp-menu button:focus-visible { outline: 3px solid var(--rp-primary); outline-offset: 4px; }
.rp-menu .rp-menu-hero { padding: 32px 0 64px; background: radial-gradient(ellipse at 90% 15%, #111819 0%, transparent 45%), linear-gradient(180deg, #111819, #111819); }
.rp-menu .rp-menu-breadcrumb { margin-bottom: 40px; }
.rp-menu .breadcrumb { margin: 0; flex-wrap: wrap; font-size: 12px; line-height: 1.8; color: var(--rp-text-muted); }
.rp-menu .breadcrumb a { color: #b8bcb2; text-decoration: none; }
.rp-menu .breadcrumb a:hover { color: var(--rp-primary); }
.rp-menu .breadcrumb a i { margin-right: 5px; }
.rp-menu .breadcrumb-item + .breadcrumb-item::before { color: #b8bcb2; }
.rp-menu .breadcrumb-item[aria-current="page"] { color: var(--rp-ink); font-weight: 700; }
.rp-menu .rp-menu-eyebrow { display: inline-block; margin-bottom: 18px; color: var(--rp-primary); font-size: 11px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; }
.rp-menu .rp-menu-hero h1 { max-width: 1000px; margin: 0; font-size: clamp(32px, 4vw, 52px); font-weight: 800; line-height: 1.2; letter-spacing: -1.8px; overflow-wrap: anywhere; }
.rp-menu .rp-menu-intro { max-width: 780px; margin: 22px 0 0; color: var(--rp-text-muted); font-size: 17px; line-height: 1.8; }
.rp-menu .rp-menu-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.rp-menu .rp-menu-main .btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 14px 21px; border: 1px solid transparent; border-radius: 12px; font-family: var(--rp-font-body); font-size: 13px; font-weight: 800; line-height: 1.5; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s; }
.rp-menu .rp-menu-main .btn:hover { transform: translateY(-2px); }
.rp-menu .rp-menu-main .rp-menu-primary { color: #f7f3e9; background: var(--rp-gradient); box-shadow: 0 10px 24px #e4aa3424; }
.rp-menu .rp-menu-main .rp-menu-primary:hover { box-shadow: 0 15px 32px #e4aa3424; }
.rp-menu .rp-menu-main .rp-menu-outline { border-color: var(--rp-border); color: var(--rp-ink); background: #111819; }
.rp-menu .rp-menu-main .rp-menu-outline:hover { border-color: var(--rp-primary); color: var(--rp-primary); }

.rp-menu .rp-menu-content-section { padding: 56px 0 90px; }
.rp-menu .rp-menu-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 32px; }
.rp-menu .rp-menu-article { min-width: 0; padding: 40px; border: 1px solid var(--rp-border); border-radius: 22px; background: #111819; color: #b8bcb2; font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
.rp-menu .rp-menu-article > :first-child { margin-top: 0; }
.rp-menu .rp-menu-article > :last-child { margin-bottom: 0; }
.rp-menu .rp-menu-article h1, .rp-menu .rp-menu-article h2 { margin: 32px 0 18px; font-size: clamp(24px, 2.4vw, 30px); font-weight: 800; line-height: 1.35; letter-spacing: -.8px; }
.rp-menu .rp-menu-article h3, .rp-menu .rp-menu-article h4 { margin: 28px 0 14px; font-size: 20px; font-weight: 800; line-height: 1.4; }
.rp-menu .rp-menu-article p { margin-bottom: 20px; }
.rp-menu .rp-menu-article a:not(.btn) { color: var(--rp-primary-dark); text-decoration: underline; text-underline-offset: 3px; }
.rp-menu .rp-menu-article ul, .rp-menu .rp-menu-article ol { margin: 20px 0; padding-left: 24px; }
.rp-menu .rp-menu-article ul { list-style: disc; }
.rp-menu .rp-menu-article ol { list-style: decimal; }
.rp-menu .rp-menu-article li { margin: 8px 0; padding-left: 3px; list-style: inherit; }
.rp-menu .rp-menu-article img { max-width: 100%; height: auto !important; border-radius: 14px; }
.rp-menu .rp-menu-article iframe, .rp-menu .rp-menu-article video { max-width: 100%; }
.rp-menu .rp-menu-article table { display: block; max-width: 100%; margin: 24px 0; overflow-x: auto; border-collapse: collapse; }
.rp-menu .rp-menu-article th, .rp-menu .rp-menu-article td { padding: 12px 16px; border: 1px solid var(--rp-border); }
.rp-menu .rp-menu-article th { color: var(--rp-ink); background: #111819; }
.rp-menu .rp-menu-article blockquote { margin: 24px 0; padding: 18px 22px; border-left: 3px solid var(--rp-primary); border-radius: 0 12px 12px 0; background: #111819; }
.rp-menu .rp-menu-article .efatura-widget { max-width: 100%; padding: 0; color: inherit; font-family: inherit; }
.rp-menu .rp-menu-article .efatura-widget > .row > div { width: 100%; }
.rp-menu .rp-menu-article .efatura-grid > * { min-width: 0; flex: 1 1 240px; }
.rp-menu .rp-menu-article .efatura-hero { border-color: var(--rp-border); background: #111819; }
.rp-menu .rp-menu-article .efatura-hero h2 { margin: 0 0 12px; font-size: 24px; }
.rp-menu .rp-menu-article .efatura-hero p { margin: 0; color: var(--rp-text-muted); }
.rp-menu .rp-menu-article .efatura-tags span, .rp-menu .rp-menu-article .feature-icon { border-color: var(--rp-border); background: #111819; color: var(--rp-primary-dark); }
.rp-menu .rp-menu-article .efatura-card h3, .rp-menu .rp-menu-article .feature-card h3, .rp-menu .rp-menu-article .advantage-card h3, .rp-menu .rp-menu-article .faq-item h3 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.rp-menu .rp-menu-article .efatura-card p, .rp-menu .rp-menu-article .feature-card p, .rp-menu .rp-menu-article .advantage-card p, .rp-menu .rp-menu-article .faq-item p { margin: 0; color: var(--rp-text-muted); font-size: 13px; }
.rp-menu .rp-menu-article .advantages-widget { margin-top: 28px; padding: 24px; background: linear-gradient(135deg, #0d1517, #0d1517); }
.rp-menu .rp-menu-article .advantages-widget h2, .rp-menu .rp-menu-article .faq-widget h2 { margin: 0 0 18px; font-size: 24px; }
.rp-menu .rp-menu-article .advantages-widget h2, .rp-menu .rp-menu-article .advantages-widget h3 { color: #f7f3e9; }
.rp-menu .rp-menu-article .advantages-widget p { color: #b8bcb2; }
.rp-menu .rp-menu-article .faq-widget { margin-top: 28px; padding: 24px; }
.rp-menu .rp-menu-text-link { font-weight: 800; }

.rp-menu .rp-menu-aside { display: grid; gap: 22px; min-width: 0; }
.rp-menu .rp-menu-card { padding: 26px; border: 1px solid var(--rp-border); border-radius: 22px; background: #111819; }
.rp-menu .rp-menu-card h2 { margin: 0 0 20px; font-size: 19px; font-weight: 800; line-height: 1.4; letter-spacing: -.4px; }
.rp-menu .rp-menu-related ul { margin: 0; padding: 0; list-style: none; }
.rp-menu .rp-menu-related li + li { margin-top: 5px; }
.rp-menu .rp-menu-related a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 12px; border-radius: 10px; color: #b8bcb2; font-size: 13px; font-weight: 700; line-height: 1.6; text-decoration: none; }
.rp-menu .rp-menu-related a i { flex-shrink: 0; color: #b8bcb2; }
.rp-menu .rp-menu-related a:hover, .rp-menu .rp-menu-related a[aria-current="page"] { color: var(--rp-primary-dark); background: #111819; }
.rp-menu .rp-menu-related a[aria-current="page"] i { color: var(--rp-primary); }
.rp-menu .rp-menu-contact { border-color: transparent; background: linear-gradient(135deg, #0d1517, #0d1517); color: #f7f3e9; }
.rp-menu .rp-menu-contact-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 24px; border: 1px solid #b58a3b42; border-radius: 13px; background: #111819; color: #f3c56b; font-size: 21px; }
.rp-menu .rp-menu-contact h2 { margin-bottom: 14px; color: #f7f3e9; font-size: 23px; }
.rp-menu .rp-menu-contact p { margin-bottom: 24px; color: #b8bcb2; font-size: 13px; line-height: 1.8; }
.rp-menu .rp-menu-main .rp-menu-whatsapp { width: 100%; padding: 13px 10px; color: #f7f3e9; background: #168843; font-size: 12px; }
.rp-menu .rp-menu-whatsapp i { font-size: 17px; }
.rp-menu .rp-menu-contact-phone { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 20px; color: #b8bcb2; font-size: 13px; text-decoration: none; }
.rp-menu .rp-menu-contact-phone:hover { color: #f7f3e9; }
.rp-menu #footer { background: #0d1517; }

@media (max-width: 991px) {
    .rp-menu .rp-menu-layout { grid-template-columns: 1fr; }
    .rp-menu .rp-menu-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rp-menu .rp-menu-contact:only-child { grid-column: 1 / -1; max-width: 540px; }
}

@media (max-width: 760px) {
    .rp-menu .rp-menu-hero { padding: 24px 0 42px; }
    .rp-menu .rp-menu-breadcrumb { margin-bottom: 28px; }
    .rp-menu .rp-menu-hero h1 { font-size: 34px; letter-spacing: -1px; }
    .rp-menu .rp-menu-intro { font-size: 15px; }
    .rp-menu .rp-menu-content-section { padding: 32px 0 60px; }
    .rp-menu .rp-menu-article { padding: 26px; }
    .rp-menu .rp-menu-aside { grid-template-columns: 1fr; }
    .rp-menu .rp-menu-article .efatura-grid > * { flex-basis: 100%; }
}

@media (max-width: 470px) {
    .rp-menu .container { padding-right: 14px; padding-left: 14px; }
    .rp-menu .rp-menu-hero h1 { font-size: 30px; }
    .rp-menu .rp-menu-hero-actions .btn { width: 100%; }
    .rp-menu .rp-menu-article, .rp-menu .rp-menu-card { padding: 22px; border-radius: 18px; }
    .rp-menu .rp-menu-article { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .rp-menu .rp-menu-main *, .rp-menu .rp-menu-main *::before, .rp-menu .rp-menu-main *::after { transition: none !important; animation: none !important; }
}
