/* lumApp — Porto App Landing üzerine bordo / altın marka renkleri */

:root {
	--primary: #7a1e30;
	--primary-100: #6b1a2b;
	--primary-200: #5e1725;
	--primary-300: #521420;
	--primary--100: #8a2236;
	--primary--200: #9a2a40;
	--primary--300: #a9344b;
	--primary-rgba-0: rgba(122, 30, 48, 0);
	--primary-rgba-10: rgba(122, 30, 48, 0.1);
	--primary-rgba-20: rgba(122, 30, 48, 0.2);
	--primary-rgba-30: rgba(122, 30, 48, 0.3);
	--primary-rgba-40: rgba(122, 30, 48, 0.4);
	--primary-rgba-50: rgba(122, 30, 48, 0.5);
	--primary-rgba-60: rgba(122, 30, 48, 0.6);
	--primary-rgba-70: rgba(122, 30, 48, 0.7);
	--primary-rgba-80: rgba(122, 30, 48, 0.8);
	--primary-rgba-90: rgba(122, 30, 48, 0.9);
	--secondary: #b8875a;
	--secondary-100: #a97a4f;
	--secondary-200: #9c7048;
	--secondary-300: #8f6641;
	--secondary--100: #c49567;
	--secondary--200: #cfa577;
	--secondary--300: #e9c9a1;
	--secondary-rgba-0: rgba(184, 135, 90, 0);
	--secondary-rgba-10: rgba(184, 135, 90, 0.1);
	--secondary-rgba-20: rgba(184, 135, 90, 0.2);
	--secondary-rgba-30: rgba(184, 135, 90, 0.3);
	--secondary-rgba-40: rgba(184, 135, 90, 0.4);
	--secondary-rgba-50: rgba(184, 135, 90, 0.5);
	--secondary-rgba-60: rgba(184, 135, 90, 0.6);
	--secondary-rgba-70: rgba(184, 135, 90, 0.7);
	--secondary-rgba-80: rgba(184, 135, 90, 0.8);
	--secondary-rgba-90: rgba(184, 135, 90, 0.9);
	--tertiary: #fbf4f1;
	--tertiary-100: #f5e6e0;
	--tertiary-200: #f0ddd5;
	--tertiary-300: #ead3ca;
	--dark: #2a0d14;

	--lum-bordo: #6b1a2b;
	--lum-bordo-light: #8a2236;
	--lum-bordo-dark: #4a0f1c;
	--lum-gold: #e9c9a1;
	--lum-gold-dark: #b8875a;
	--lum-cream: #fff8f2;
}

body { color: #5b4a4e; }
h1, h2, h3, h4, h5, h6, .text-color-dark { color: #2a0d14 !important; }

.bg-bordo { background: linear-gradient(135deg, var(--lum-bordo-light) 0%, var(--lum-bordo-dark) 100%) !important; }
.text-gold { color: var(--lum-gold) !important; }
.text-gold-dark { color: var(--lum-gold-dark) !important; }

/* Üst menü: her zaman bordo */
#header .header-body {
	background: linear-gradient(90deg, var(--lum-bordo-light), var(--lum-bordo-dark)) !important;
	border-bottom: 0 !important;
}
#header .header-logo img { height: auto; }
#header .header-nav-main nav > ul > li > a { color: var(--lum-cream) !important; font-weight: 500; }
#header .header-nav-main nav > ul > li > a:hover,
#header .header-nav-main nav > ul > li > a.active { color: var(--lum-gold) !important; }
#header .header-btn-collapse-nav { background: var(--lum-gold); color: var(--lum-bordo-dark); }
@media (max-width: 991px) {
	#header .header-nav-main nav { background: var(--lum-bordo-dark); }
	#header .header-nav-main nav > ul > li > a { color: var(--lum-cream) !important; }
	#header .header-nav-main nav > ul li { border-bottom-color: rgba(255,255,255,.08) !important; }
}

/* Altın düğme */
.btn-gold {
	background: var(--lum-gold);
	border-color: var(--lum-gold);
	color: var(--lum-bordo-dark) !important;
	font-weight: 700;
}
.btn-gold:hover, .btn-gold:focus { background: #f3dcbd; border-color: #f3dcbd; color: var(--lum-bordo-dark) !important; }
.btn-outline-cream {
	border: 2px solid rgba(255, 248, 242, .6);
	color: var(--lum-cream) !important;
	font-weight: 700;
}
.btn-outline-cream:hover { background: rgba(255, 248, 242, .1); }

/* Giriş (hero) */
.lum-hero {
	position: relative;
	overflow: hidden;
	padding: 170px 0 90px;
	color: var(--lum-cream);
}
.lum-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.10), transparent 55%);
	pointer-events: none;
}
.lum-hero .container { position: relative; z-index: 1; }
.lum-hero h1 { color: var(--lum-cream) !important; font-size: 3.4rem; line-height: 1.1; letter-spacing: -1px; }
.lum-hero .lead { color: rgba(255, 248, 242, .82); font-size: 1.2rem; }
.lum-eyebrow { color: var(--lum-gold); letter-spacing: 4px; font-weight: 600; font-size: .8rem; text-transform: uppercase; }
@media (max-width: 991px) {
	.lum-hero { padding: 130px 0 60px; }
	.lum-hero h1 { font-size: 2.4rem; }
}

/* Telefon çerçevesi */
.phone-frame {
	display: inline-block;
	width: 280px;
	max-width: 80vw;
	border: 11px solid #120507;
	border-radius: 46px;
	overflow: hidden;
	background: #120507;
	box-shadow: 0 40px 80px rgba(20, 3, 8, .45), 0 0 0 2px rgba(233, 201, 161, .35);
}
.phone-frame img { display: block; width: 100%; height: auto; }
.phone-frame.phone-sm { width: 230px; }
.lum-hero .owl-carousel .owl-nav button { color: var(--lum-gold) !important; }
.lum-hero .owl-carousel .owl-dots .owl-dot span { background: rgba(255,255,255,.3); }
.lum-hero .owl-carousel .owl-dots .owl-dot.active span { background: var(--lum-gold); }

.tablet-frame {
	display: inline-block;
	border: 12px solid #120507;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 30px 70px rgba(42, 13, 20, .25);
}
.tablet-frame img { display: block; width: 100%; height: auto; }

/* Öne çıkanlar şeridi */
.lum-strip { background: var(--lum-cream); border-bottom: 1px solid #f0e2da; }
.lum-strip .item { display: flex; align-items: center; gap: 12px; font-weight: 600; color: #2a0d14; }
.lum-strip .item i { color: var(--primary); font-size: 1.4rem; width: 28px; text-align: center; }

/* Adımlar */
.lum-step { text-align: center; padding: 0 10px; }
.lum-step .num {
	width: 64px; height: 64px; line-height: 64px;
	border-radius: 50%;
	margin: 0 auto 16px;
	background: var(--primary-rgba-10);
	color: var(--primary);
	font-size: 1.6rem; font-weight: 700;
}

/* Özellik kartları */
.lum-feature {
	height: 100%;
	padding: 28px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #f1e4dd;
	transition: transform .25s, box-shadow .25s;
}
.lum-feature:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(122, 30, 48, .10); }
.lum-feature .ic {
	width: 52px; height: 52px; line-height: 52px; text-align: center;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--lum-bordo-light), var(--lum-bordo-dark));
	color: var(--lum-gold);
	font-size: 1.3rem;
	margin-bottom: 18px;
}
.lum-feature h4 { font-size: 1.15rem; margin-bottom: 8px; }
.lum-feature p { margin: 0; font-size: .95rem; }

.lum-check { list-style: none; padding: 0; margin: 0; }
.lum-check li { position: relative; padding-left: 30px; margin-bottom: 10px; }
.lum-check li::before {
	content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900;
	position: absolute; left: 0; top: 1px; color: var(--secondary);
}

/* Paketler */
.pricing-table.row { margin-left: 0; margin-right: 0; }
.pricing-table > [class*="col-"] { padding: 12px; }
.pricing-table .plan { border-radius: 18px !important; overflow: hidden; border: 1px solid #f1e4dd !important; box-shadow: none !important; background: #fff; height: 100%; }
.pricing-table .plan .plan-header { background: var(--lum-cream) !important; border-bottom: 1px solid #f1e4dd; padding: 24px 15px !important; }
.pricing-table .plan .plan-header h3 { color: #2a0d14 !important; font-weight: 700 !important; font-size: 1.35rem !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0; }
.pricing-table .plan.plan-featured { transform: scale(1.04); box-shadow: 0 25px 60px rgba(122, 30, 48, .18) !important; border-color: var(--lum-gold-dark) !important; z-index: 2; position: relative; }
.pricing-table .plan.plan-featured .plan-header { background: linear-gradient(135deg, var(--lum-bordo-light), var(--lum-bordo-dark)) !important; }
.pricing-table .plan.plan-featured .plan-header h3 { color: var(--lum-cream) !important; }
.pricing-table .plan .plan-price { background: #fff !important; padding: 22px 15px 6px !important; }
.pricing-table .plan .plan-price .price { font-size: 1.35rem !important; line-height: 1.4 !important; letter-spacing: 0 !important; color: var(--primary) !important; font-weight: 700 !important; }
.pricing-table .plan .plan-price .price-label { text-transform: none !important; font-size: .9rem !important; color: #8b7b7f !important; letter-spacing: 0 !important; }
.pricing-table .plan .plan-features ul li { padding: 10px 0; border-bottom-color: #f6ece7 !important; color: #5b4a4e !important; font-size: .95rem; }
.plan-badge {
	display: inline-block; margin-top: 10px;
	background: var(--lum-gold); color: var(--lum-bordo-dark);
	font-size: .7rem; font-weight: 700; letter-spacing: 1px;
	padding: 3px 10px; border-radius: 20px;
}
.lum-compare-title { text-transform: none !important; letter-spacing: 0 !important; }

.lum-compare { border-radius: 18px; overflow: hidden; border: 1px solid #f1e4dd; }
.lum-compare table { margin: 0; }
.lum-compare thead th { background: var(--lum-bordo); color: var(--lum-cream); border: 0; padding: 16px; font-weight: 600; text-align: center; }
.lum-compare thead th:first-child { text-align: left; }
.lum-compare td { padding: 13px 16px; border-color: #f6ece7; vertical-align: middle; text-align: center; }
.lum-compare td:first-child { text-align: left; color: #2a0d14; font-weight: 500; }
.lum-compare .group td { background: var(--lum-cream); font-weight: 700; color: var(--primary); text-align: left; }
.lum-compare .yes { color: var(--secondary); }
.lum-compare .no { color: #d9c9c3; }

/* SSS */
.accordion-modern-2 .card-header a { color: #2a0d14 !important; }
.accordion-modern-2 .card-header a:not(.collapsed) { color: var(--primary) !important; }

/* Form */
.lum-form .form-control { border-radius: 12px; border-color: #ecdcd4; padding: 12px 16px; background: #fff; }
.lum-form .form-control:focus { border-color: var(--lum-gold-dark); box-shadow: 0 0 0 3px var(--secondary-rgba-20); }
.lum-form label { font-weight: 600; color: #2a0d14; font-size: .9rem; margin-bottom: 6px; }
.lum-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Alt bilgi */
#footer.lum-footer { background: linear-gradient(135deg, var(--lum-bordo-light), var(--lum-bordo-dark)) !important; color: rgba(255, 248, 242, .75); border: 0; margin-top: 0; }
#footer.lum-footer a { color: rgba(255, 248, 242, .85); }
#footer.lum-footer a:hover { color: var(--lum-gold); text-decoration: none; }
#footer.lum-footer h5 { color: var(--lum-gold) !important; letter-spacing: 2px; font-size: .8rem; text-transform: uppercase; }
#footer.lum-footer .footer-copyright { background: rgba(0, 0, 0, .15); border: 0; }

/* Yasal sayfalar */
.lum-page-head { padding: 150px 0 60px; color: var(--lum-cream); }
.lum-page-head h1 { color: var(--lum-cream) !important; }
.lum-legal h2 { font-size: 1.35rem; margin-top: 2.2rem; }
.lum-legal p, .lum-legal li { line-height: 1.75; }

section[id] { scroll-margin-top: 80px; }

.pricing-table .plan .plan-header { text-align: center; }
.pricing-table .plan .plan-header .plan-badge { margin-left: auto; margin-right: auto; }

.lum-legal h2 { font-weight: 700 !important; letter-spacing: -0.3px; }
.lum-page-head h1 { text-transform: none; }
h3.font-weight-bold { text-transform: none; }

/* Bordo zeminlerde yazılar: düz yazı beyaz, bağlantılar beyaz, üzerine gelince altın */
.bg-bordo, .bg-bordo p, .bg-bordo li, .bg-bordo span:not(.plan-badge) { color: var(--lum-cream); }
.bg-bordo .lum-eyebrow, .bg-bordo .text-gold { color: var(--lum-gold) !important; }
.bg-bordo a:not(.btn) { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.bg-bordo a:not(.btn):hover { color: var(--lum-gold); }
.bg-bordo .bg-white, .bg-bordo .bg-white p, .bg-bordo .bg-white li, .bg-bordo .bg-white span, .bg-bordo .bg-white label { color: #5b4a4e; }
.bg-bordo .bg-white label { color: #2a0d14; }
.bg-bordo .bg-white a:not(.btn) { color: var(--primary); }
.lum-hero .lead { color: var(--lum-cream) !important; }

#footer.lum-footer, #footer.lum-footer p { color: var(--lum-cream) !important; }
#footer.lum-footer a { color: #fff !important; }
#footer.lum-footer a:hover { color: var(--lum-gold) !important; }
#footer.lum-footer .footer-copyright p { color: var(--lum-cream) !important; }
.lum-first { padding-top: 160px !important; }
@media (max-width: 991px) { .lum-first { padding-top: 120px !important; } }

/* Menü bağlantıları (masaüstü ve mobil): beyaz, seçili/üzerine gelince altın */
html body #header .header-nav-main nav ul li a.nav-link,
html body #header .header-nav-main nav > ul > li > a.nav-link { color: var(--lum-cream) !important; text-transform: none !important; }
html body #header .header-nav-main nav ul li a.nav-link:hover,
html body #header .header-nav-main nav ul li a.nav-link.active { color: var(--lum-gold) !important; }
@media (max-width: 991px) {
	html body #header .header-nav-main nav ul li a.nav-link { font-size: 16px !important; padding: 14px 16px !important; background: transparent !important; }
	html body #header .header-nav-main nav ul li a.nav-link.active { background: rgba(255, 255, 255, .08) !important; border-radius: 10px; }
}