/* Tüm ziyaretçi sayfalarının ortak siyah-altın tasarım sistemi. */
body.rp-public {
    --rp-ink: #f7f3e9;
    --rp-text: #f7f3e9;
    --rp-text-muted: #b5b8af;
    --rp-primary: #f7be48;
    --rp-primary-dark: #f5cd78;
    --rp-primary-tint: #d6a43b16;
    --rp-surface: #111718;
    --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;
    margin: 0; background: #080c0e; color: var(--rp-ink); font-family: var(--rp-font-body); color-scheme: dark;
}
.rp-public h1, .rp-public h2, .rp-public h3, .rp-public h4, .rp-public h5 { color: var(--rp-ink); font-family: var(--rp-font-heading); }
.rp-public a { color: var(--rp-primary); text-decoration: none; }
.rp-public a:hover { color: #ffe6a3; }
.rp-public a:focus-visible, .rp-public button:focus-visible, .rp-public input:focus-visible, .rp-public textarea:focus-visible, .rp-public summary:focus-visible { outline: 2px solid #ffcf6a; outline-offset: 4px; }
.rp-public [hidden] { display: none !important; }
.rp-public:not(.rp-home) .container { max-width: 1320px; }
.rp-public .rp-skip-link { position: fixed; top: -80px; left: 20px; z-index: 1100; padding: 12px 18px; border-radius: 8px; background: #f9c45b; color: #090c0e; }
.rp-public .rp-skip-link:focus { top: 12px; }

/* Referanstaki ince çerçeveli, yüzen menü. */
.rp-public .rp-site-header { position: absolute; top: 8px; left: 3.2%; right: 3.2%; background: #070b0ce8; border: 1px solid #ad803550; border-radius: 18px; box-shadow: inset 0 -1px 0 #edb33d20; color: #f7f3e9; }
.rp-public .rp-site-header #header, .rp-public .rp-site-header #header.header-scrolled { background: transparent; border-radius: inherit; }
.rp-public .rp-site-header #header > .rp-header-nav { min-height: 88px; max-width: none; gap: 24px; padding: 0 20px; }
.rp-public .rp-gold-brand { position: relative; display: block; flex-shrink: 0; width: clamp(188px, 17vw, 275px); height: 76px; overflow: hidden; line-height: 0; }
.rp-public .rp-gold-brand img { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: auto; max-width: none; max-height: none; transform: translateY(-50%); }
.rp-public .rp-site-header #header .navbar > ul { gap: clamp(12px, 1.5vw, 28px); }
.rp-public .rp-site-header #header .navbar a, .rp-public .rp-site-header #header .navbar a:focus { padding: 12px 0; color: #eeeae0; font-size: 14px; font-weight: 600; white-space: nowrap; }
.rp-public .rp-site-header #header .navbar .active { padding: 11px 20px; border: 1px solid #a87a31; border-radius: 11px; background: radial-gradient(ellipse at bottom, #b681293e, #b57b1710); box-shadow: 0 0 12px #e3a22c20, inset 0 0 14px #e8ad2f15; color: #ffe5a8; }
.rp-public .rp-site-header #header .navbar a:hover { color: #ffce6a; }
.rp-public .rp-site-header #header .navbar .dropdown > ul { min-width: 260px; border: 1px solid #ac803950; background: #101415; box-shadow: 0 20px 60px #0008; }
.rp-public .rp-site-header #header .navbar .dropdown ul a { padding: 12px; white-space: normal; }
.rp-public .rp-site-header #header .navbar .dropdown ul a:hover { background: #f4b53312; color: #ffcc65; }
.rp-public .rp-site-header #header .rp-header-actions { gap: 16px; }
.rp-public .rp-site-header #header .btn { padding: 11px 18px; border-radius: 12px; font-size: 14px; font-weight: 600; }
.rp-public .rp-site-header #header .rp-header-login { border-color: #98712d; background: transparent; color: #f7f3e9; }
.rp-public .rp-header-login i { color: #ffca5c; font-size: 20px; }
.rp-public .rp-site-header #header .rp-header-trial { border-color: #ffcf66; background: var(--rp-gradient); box-shadow: 0 0 16px #e8a42f28; color: #171106; }
.rp-public .rp-header-search { display: grid; place-items: center; width: 48px; height: 38px; padding: 0 0 0 14px; border: 0; border-left: 1px solid #bd8d384a; background: transparent; color: #ffe7af; font-size: 21px; }
.rp-public .rp-site-header #header .mobile-nav-toggle { color: #ffcf73; }


.rp-public:not(.rp-home) .rp-gold-header { position: sticky; top: 10px; left: auto; right: auto; margin: 12px 3.2% 0; backdrop-filter: blur(18px); }
.rp-public .rp-site-header .container { max-width: none; }
.rp-public .rp-site-header #header { min-height: 0; padding: 0; }
.rp-public .rp-site-header #header .rp-header-login i { color: #ffca5c; }
.rp-public .rp-site-header #header .navbar .dropdown > a[aria-expanded="true"] + ul { top: 100%; }
.rp-public .rp-site-header #header .navbar .dropdown > ul { max-height: min(65svh, 540px); overflow-y: auto; }

/* İçerik sayfalarında sakin dünya dokusu ve aynı altın vurgular. */
.rp-public :is(.rp-menu-hero, .rp-page-hero, .rp-pricing-intro, .rp-inner-hero) {
    border-bottom: 1px solid var(--rp-border);
    background: linear-gradient(100deg, #080c0efc 10%, #080c0eed 55%, #080c0e9e), url('../images/erp-gold-world.jpg') right 42% / cover;
}
.rp-public .rp-menu-hero, .rp-public .rp-page-hero { padding: 38px 0 58px; }
.rp-public .rp-pricing-intro { padding-top: 38px; padding-bottom: 70px; }
.rp-public .rp-pricing-plans { padding-top: 42px; }
.rp-public :is(.rp-menu-content-section, .rp-page-content-section, .rp-pricing-plans, .rp-pricing-faq, .rp-page-next, .rp-pricing-help) { background: #080c0e; }
.rp-public :is(.rp-menu-article, .rp-page-article, .rp-menu-card, .rp-page-card, .rp-plan, .rp-credit-card) { background: linear-gradient(135deg, #151b1b, #0e1416); box-shadow: 0 16px 50px #0002; }
.rp-public :is(.rp-menu-contact, .rp-page-contact, .rp-page-next-panel, .rp-pricing-help-panel) { border: 1px solid #b58a3b52; background: radial-gradient(ellipse at top right, #8a63242e, transparent 75%), #12191a; }
.rp-public :is(.rp-plan-icon, .rp-plan-offer, .rp-credit-icon, .rp-page-empty-icon, .rp-page-next-icon, .rp-menu-contact-icon, .rp-page-contact-icon, .rp-pricing-eyebrow) { border-color: #bb914340; background: #c0933015; color: #f3c56b; }
.rp-public .rp-plan-featured { border-color: #d3a344; background: linear-gradient(160deg, #43331945, #12191a 55%); box-shadow: 0 0 38px #d7a0360d; }
.rp-public .rp-pricing-heading h1 > span { background: var(--rp-gradient); background-clip: text; -webkit-background-clip: text; color: transparent; }
.rp-public :is(.rp-menu-main .rp-menu-primary, .rp-page-button-primary, .rp-pricing-button-primary) { border: 1px solid #ffd16f; background: var(--rp-gradient); color: #171207; box-shadow: 0 7px 24px #d09b2620; }
.rp-public :is(.rp-menu-main .rp-menu-primary, .rp-page-button-primary, .rp-pricing-button-primary):hover { color: #090704; box-shadow: 0 10px 28px #d09b2635; }
.rp-public :is(.rp-menu-main .rp-menu-outline, .rp-page-button-outline, .rp-pricing-button-outline, .rp-page-button-white, .rp-pricing-button-white) { border: 1px solid #ad843d80; background: #0d1415; color: #f5dba4; }
.rp-public :is(.rp-menu-article, .rp-page-article) :is(.efatura-hero, .efatura-card, .feature-card, .advantage-card, .faq-item, .faq-widget) { border-color: var(--rp-border); background: #12191a; color: var(--rp-text-muted); }
.rp-public :is(.rp-menu-article, .rp-page-article) .advantages-widget { background: #1d211b; }
.rp-public .rp-faq-list summary::after { background: #c4983418; color: #f1c36a; }
.rp-public .rp-inner-hero { padding: 44px 0 62px; }
.rp-public .rp-inner-hero .breadcrumb { margin-bottom: 28px; color: var(--rp-text-muted); font-size: 12px; }
.rp-public .rp-inner-hero .breadcrumb-item::before { color: #a89168; }
.rp-public .rp-inner-kicker { display: block; margin-bottom: 16px; color: #edc16b; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.rp-public .rp-inner-hero h1 { max-width: 850px; margin: 0; font-size: clamp(32px, 4vw, 52px); font-weight: 800; letter-spacing: -.04em; line-height: 1.2; }
.rp-public .rp-inner-hero p { max-width: 650px; margin: 20px 0 0; color: var(--rp-text-muted); font-size: 17px; line-height: 1.8; }
.rp-public .rp-inner-content { padding: 56px 0 80px; }
.rp-public .rp-dark-panel { padding: 34px; border: 1px solid var(--rp-border); border-radius: 20px; background: linear-gradient(135deg, #151c1c, #0e1416); }

/* Ortak alt alan ve açık zemin gerektirmeyen özgün logo. */
.rp-public #footer.rp-footer { border-top: 1px solid var(--rp-border); background: #050809; color: #b5b8af; }
.rp-public #footer.rp-footer a, .rp-public #footer.rp-footer .rp-footer-brand p { color: #afb3ac; }
.rp-public #footer.rp-footer h4, .rp-public #footer.rp-footer a:hover, .rp-public #footer.rp-footer .rp-footer-contact i { color: #f1c56d; }
.rp-public #footer.rp-footer .rp-footer-bottom { border-color: var(--rp-border); }
.rp-public #footer.rp-footer :is(.copyright, .credits) { color: #9ba398; }
.rp-public #footer.rp-footer .rp-footer-logo { position: relative; width: 225px; height: 72px; margin-bottom: 16px; padding: 0; overflow: hidden; background: transparent; }
.rp-public #footer.rp-footer .rp-footer-logo img { position: absolute; top: 50%; width: 100%; height: auto; transform: translateY(-50%); }
.rp-public .back-to-top { border: 1px solid #ad813b55; background: #bc8c31; color: #080c0e; }
/* Klavyeyle de kullanılabilen çözüm araması. */
.rp-public .rp-search-dialog { position: fixed; inset: 0; width: min(540px, calc(100% - 32px)); max-height: 85svh; margin: auto; padding: 28px; border: 1px solid #b88d4480; border-radius: 18px; background: #101617; color: #f5f0e3; box-shadow: 0 30px 100px #0009; }
.rp-public .rp-search-dialog::backdrop { background: #030608cc; backdrop-filter: blur(7px); }
.rp-public .rp-search-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 26px; }
.rp-public .rp-search-heading h2 { margin: 0; font-size: 22px; }
.rp-public .rp-search-close { width: 36px; height: 36px; border: 0; background: transparent; color: #f5cb74; }
.rp-public .rp-search-dialog label { display: block; margin-bottom: 8px; color: #c2c3b9; font-size: 13px; }
.rp-public .rp-search-dialog input { width: 100%; padding: 14px; border: 1px solid #b48b4360; border-radius: 8px; background: #070b0c; color: #fff3d6; font: inherit; }
.rp-public .rp-search-results { margin: 16px 0 0; padding: 0; list-style: none; }
.rp-public .rp-search-results a { display: flex; justify-content: space-between; gap: 12px; padding: 15px 8px; border-bottom: 1px solid #bd903328; color: #e5dfd0; font-size: 15px; }
.rp-public .rp-search-results a:hover { color: #ffce68; }
.rp-public .rp-search-empty { margin: 22px 0 0; color: #d6c29c; }
.rp-public [hidden] { display: none !important; }


@media (min-width: 992px) and (max-width: 1399px) {
    .rp-public .rp-site-header #header > .rp-header-nav { gap: 16px; padding: 0 16px; }
    .rp-public .rp-gold-brand { width: 190px; }
    .rp-public .rp-site-header #header .navbar > ul { gap: 18px; }
    .rp-public .rp-site-header #header .navbar a { font-size: 12px; }
    .rp-public .rp-site-header #header .navbar .active { padding: 10px 14px; }
    .rp-public .rp-site-header #header .rp-header-actions { gap: 10px; }
    .rp-public .rp-site-header #header .btn { padding: 10px 13px; font-size: 12px; }
    .rp-public .rp-header-search { width: 36px; font-size: 18px; }
    .rp-public .rp-header-login i { display: none; }
}
@media (min-width: 992px) and (max-width: 1149px) {
    .rp-public .rp-site-header #header .navbar > ul { gap: 11px; }
    .rp-public .rp-gold-brand { width: 170px; }
    .rp-public .rp-site-header #header .rp-header-login { display: none; }
    .rp-public .rp-site-header #header .rp-nav-mobile-login { display: block; }
}
@media (max-width: 991px) {
    .rp-public .rp-site-header { top: 12px; left: 20px; right: 20px; }
    .rp-public .rp-site-header #header > .rp-header-nav { min-height: 78px; gap: 16px; padding: 0 18px; }
    .rp-public .rp-gold-brand { width: 210px; }
    .rp-public .rp-site-header #header .navbar-mobile { background: #030708ee; border-radius: 0; }
    .rp-public .rp-site-header #header .navbar-mobile > ul { padding: 18px; border: 1px solid #ba8c3d50; background: #111718; }
    .rp-public .rp-site-header #header .navbar-mobile a { padding: 14px 12px; font-size: 16px; }
    .rp-public .rp-site-header #header .navbar-mobile .active { margin-bottom: 8px; }
    .rp-public .rp-site-header #header .navbar-mobile .dropdown > ul { background: #080d0f; }
    .rp-public .rp-site-header #header .navbar-mobile .rp-nav-mobile-login { display: block; }
}
@media (max-width: 760px) {
    .rp-public .rp-site-header #header .rp-header-login { display: none; }
    .rp-public .rp-site-header #header .rp-header-actions { gap: 8px; }
    .rp-public .rp-site-header #header .rp-header-trial { padding: 10px 12px; font-size: 12px; }
    .rp-public .rp-gold-brand { width: 185px; }
}
@media (max-width: 575px) {
    .rp-public .rp-site-header { top: 10px; left: 12px; right: 12px; border-radius: 13px; }
    .rp-public .rp-site-header #header > .rp-header-nav { flex-wrap: nowrap; gap: 8px; min-height: 69px; padding: 0 12px; }
    .rp-public .rp-gold-brand { width: clamp(128px, 34vw, 175px); height: 56px; }
    .rp-public .rp-site-header #header .rp-header-actions { gap: 3px; }
    .rp-public .rp-header-search { width: 31px; height: 32px; padding-left: 0; border: 0; font-size: 17px; }
    .rp-public .rp-site-header #header .rp-header-trial { padding: 9px; border-radius: 8px; font-size: 10px; }
    .rp-public .rp-header-trial > span { display: none; }
    .rp-public .rp-site-header #header .mobile-nav-toggle { width: 31px; }
}

@media (max-width: 991px) {
    .rp-public .rp-site-header #header .navbar-mobile { backdrop-filter: none; }
    .rp-public .rp-site-header #header .navbar-mobile .dropdown > ul { max-height: none; }
    .rp-public .rp-site-header #header .navbar-mobile .dropdown > a[aria-expanded="true"] + ul { position: static; }
    .rp-public:not(.rp-home) .rp-gold-header { backdrop-filter: none; }
}
@media (max-width: 575px) {
    .rp-public:not(.rp-home) .rp-gold-header { margin: 10px 12px 0; }
    .rp-public :is(.rp-menu-hero, .rp-page-hero, .rp-pricing-intro, .rp-inner-hero) { padding-top: 30px; padding-bottom: 42px; }
    .rp-public .rp-inner-content { padding: 30px 0 52px; }
    .rp-public .rp-dark-panel { padding: 24px; }
    .rp-public .rp-inner-hero p { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    .rp-public *, .rp-public *::before, .rp-public *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* İletişim sayfası. Mevcut form alan adları ve gönderim davranışı korunur. */
.rp-public .rp-contact-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; gap: 28px; }
.rp-public .rp-contact-details h2 { margin: 0 0 16px; font-size: 30px; font-weight: 700; letter-spacing: -.035em; line-height: 1.3; }
.rp-public .rp-contact-details > p { margin-bottom: 28px; color: var(--rp-text-muted); font-size: 14px; }
.rp-public .rp-contact-detail { display: flex; align-items: flex-start; gap: 18px; padding: 24px 0; border-top: 1px solid var(--rp-border); }
.rp-public .rp-contact-detail > i { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border: 1px solid #b58a3b33; border-radius: 12px; background: #c0933010; color: #f2c46e; font-size: 20px; }
.rp-public .rp-contact-detail div { min-width: 0; }
.rp-public .rp-contact-detail span { display: block; margin-bottom: 6px; color: var(--rp-text-muted); font-size: 12px; }
.rp-public .rp-contact-detail :is(a, p) { display: block; margin: 0; color: #ece7db; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.rp-public .rp-contact-detail a:hover { color: #f7c862; }
.rp-public .rp-contact-quick { display: inline-flex; gap: 12px; align-items: center; margin-top: 8px; font-size: 13px; font-weight: 700; }
.rp-public .rp-contact-form-panel h2 { margin: 0 0 12px; font-size: 25px; font-weight: 700; letter-spacing: -.03em; }
.rp-public .rp-contact-form-panel > p { margin: 0 0 30px; color: var(--rp-text-muted); font-size: 14px; line-height: 1.8; }
.rp-public .contact .php-email-form { padding: 0; background: transparent; box-shadow: none; }
.rp-public .rp-contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.rp-public .contact .form-group { margin-bottom: 20px; }
.rp-public .contact label { display: block; margin-bottom: 9px; color: #e0daca; font-size: 13px; font-weight: 500; }
.rp-public .contact .form-control { width: 100%; min-height: 49px; padding: 13px 15px; border: 1px solid #b58a3b4d; border-radius: 10px; background: #080e10; color: #f7f3e9; font: 14px var(--rp-font-body); box-shadow: none; }
.rp-public .contact textarea.form-control { min-height: 145px; resize: vertical; }
.rp-public .contact .form-control::placeholder { color: #7f8982; }
.rp-public .contact .form-control:focus { border-color: #e1b65d; box-shadow: 0 0 0 3px #d6a43b15; }
.rp-public .contact .php-email-form button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; gap: 16px; width: 100%; padding: 15px 22px; border: 1px solid #ffd16f; border-radius: 11px; background: var(--rp-gradient); color: #181207; font-size: 14px; font-weight: 700; }
.rp-public .contact .php-email-form .loading { background: #131d1c; color: #e1d3ae; }
.rp-public .contact .php-email-form .sent-message { background: #193b28; color: #aff0c3; }
.rp-public .contact .php-email-form .error-message { background: #3b2019; color: #ffb9a8; }

/* Galeri ve hata ekranları da ortak yüzeyleri kullanır. */
.rp-public .portfolio { background: #080c0e; }
.rp-public .portfolio .section-title { margin-bottom: 35px; }
.rp-public .portfolio .section-title h2 { color: #f5ead5; }
.rp-public .portfolio .section-title p { color: var(--rp-text-muted); }
.rp-public .portfolio :is(.nav-link, .portfolio-info, .tab-content) { border-color: var(--rp-border); background: #11191a; color: #dcd8c8; }
.rp-public .portfolio :is(.nav-link.active, .nav-link:hover) { border-color: #c89b47; background: #302716; color: #ffdb8d; }
.rp-public .rp-error-main { display: grid; place-items: center; min-height: 70svh; padding: 65px 0 85px; background: radial-gradient(ellipse at center, #9870271a, transparent 60%); text-align: center; }
.rp-public .rp-error-code { display: block; margin-bottom: 18px; color: #f1c365; font: 800 clamp(70px, 13vw, 160px) / 1 var(--rp-font-heading); letter-spacing: -.07em; text-shadow: 0 0 60px #d7a13d20; }
.rp-public .rp-error-main h1 { font-size: clamp(28px, 3vw, 40px); font-weight: 700; letter-spacing: -.035em; }
.rp-public .rp-error-main p { margin: 22px 0 28px; color: var(--rp-text-muted); font-size: 15px; line-height: 1.9; }
.rp-public .rp-error-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 24px; }
.rp-public .rp-error-actions .btn { display: inline-flex; align-items: center; gap: 16px; padding: 14px 22px; border: 1px solid #ffd16f; border-radius: 10px; background: var(--rp-gradient); color: #181207; font-size: 14px; font-weight: 700; }
@media (max-width: 991px) { .rp-public .rp-contact-grid { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .rp-public .rp-contact-fields { grid-template-columns: 1fr; gap: 0; } }

.rp-public .portfolio #portfolio-flters { padding: 9px; border: 1px solid var(--rp-border); border-radius: 12px; background: #11191a; }
.rp-public .portfolio #portfolio-flters li { margin: 0 3px; padding: 11px 18px; border-radius: 7px; color: #babfb5; font-size: 12px; }
.rp-public .portfolio #portfolio-flters li:is(:hover, .filter-active) { background: #bd903426; color: #ffd47b; }

.rp-public .rp-gallery-empty { max-width: 760px; margin: 0 auto; padding: 42px; text-align: center; }
.rp-public .rp-gallery-empty > i { display: inline-block; margin-bottom: 22px; color: #edc16b; font-size: 38px; }
.rp-public .rp-gallery-empty h3 { margin-bottom: 14px; font-size: 24px; font-weight: 700; }
.rp-public .rp-gallery-empty p { margin-bottom: 24px; color: var(--rp-text-muted); font-size: 14px; line-height: 1.8; }
.rp-public .rp-gallery-empty a { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 700; }