/**
 * ROTA Sürücü Kursu — Marka Renkleri
 * Antrasit: var(--rota-navy) (Güç & Profesyonellik)
 * Beyaz: #FFFFFF (Netlik & Güven)
 * Amber: var(--rota-orange) (Dikkat & Yön & Enerji)
 */

:root {
	--rota-navy: #1e2d42;
	--rota-blue: #1d3e81;
	--rota-orange: #ef7822;
	--rota-gold: #f9af2e;
	--rota-soft: #92bcc7;
}

/* ===== Genel Renk Değişiklikleri ===== */

/* Antrasit → eski mavi (#002b5e) yerine */
a { color: var(--rota-navy); }
a:hover { color: var(--rota-navy); }
.blue-text { color: var(--rota-navy) !important; }
hr.line { border-top-color: var(--rota-navy); }
blockquote { border-left-color: var(--rota-navy); }

/* Amber → eski sarı (var(--rota-gold)) yerine */
.yellow-text { color: var(--rota-orange) !important; }

/* Tooltip */
.tooltip-inner { background: var(--rota-navy); }
.tooltip.left .tooltip-arrow { border-left-color: var(--rota-navy); }
.tooltip.top .tooltip-arrow { border-top-color: var(--rota-navy); }
.tooltip.right .tooltip-arrow { border-right-color: var(--rota-navy); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--rota-navy); }

/* Highlight */
.highlight.yellow { background: var(--rota-orange); color: var(--rota-navy); }
.highlight.blue { background: var(--rota-navy); }

/* Dropcap */
.dropcap.solid.yellow { border-color: var(--rota-orange); background: var(--rota-orange); color: var(--rota-navy); }
.dropcap.solid.blue { border-color: var(--rota-navy); background: var(--rota-navy); }
.dropcap.border.yellow { border-color: var(--rota-orange); }
.dropcap.border.blue { border-color: var(--rota-navy); }

/* ===== Butonlar ===== */
.button, button, input[type=submit] {
	background: var(--rota-orange);
	border-color: var(--rota-orange);
	color: var(--rota-navy);
	font-weight: 700;
}

/* ===== About masaüstü layout ===== */
@media (min-width: 1200px) {
	.about {
		display: flex;
		gap: 30px;
		align-items: flex-start;
		justify-content: center;
	}
	.about > .left {
		order: 1;
		position: static;
		width: 300px;
		flex: 0 0 300px;
		padding: 30px 24px;
		background: rgba(30, 45, 66, 0.03);
		border: 1px solid rgba(30, 45, 66, 0.12);
		border-radius: 8px;
		margin-top: 40px;
	}
	.about > .image {
		order: 2;
		flex: 0 0 auto;
		width: 830px;
		height: 960px;
		position: relative;
		margin: 0;
	}
	.about > .right {
		order: 3;
		position: static;
		width: 300px;
		flex: 0 0 300px;
		padding: 30px 24px;
		background: rgba(239, 120, 34, 0.05);
		border: 1px solid rgba(239, 120, 34, 0.14);
		border-radius: 8px;
		margin-top: 40px;
	}
	.about > .left h4,
	.about > .right h4 {
		margin: 0 0 14px 0;
		font-size: 18px;
		line-height: 24px;
		color: var(--rota-navy);
	}
	.about > .left hr,
	.about > .right hr {
		margin: 0 0 14px 0;
		height: 2px;
		background: var(--rota-orange);
		border: none;
	}
	.about > .left p,
	.about > .right p {
		margin: 0 0 14px 0;
		font-size: 15px;
		line-height: 22px;
		color: #444;
	}
	.about > .left p:last-child,
	.about > .right p:last-child {
		margin-bottom: 0;
	}

	/* Restore corner triangles on desktop */
	.about > .image .top-left,
	.about > .image .top-right,
	.about > .image .bottom-left,
	.about > .image .bottom-right {
		display: block;
	}
}

/* ===== Tablet layout (<1200px) ===== */
@media (min-width: 992px) and (max-width: 1199px) {
	.about {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.about > .image {
		width: 100%;
		height: auto;
		aspect-ratio: 830 / 960;
		max-width: 600px;
		margin: 0 auto;
	}
	.about > .left,
	.about > .right {
		position: static;
		width: 100%;
		flex: 0 0 auto;
		padding: 24px 20px;
	}
	.about > .left {
		background: rgba(30, 45, 66, 0.03);
		border-radius: 6px;
	}
	.about > .right {
		background: rgba(239, 120, 34, 0.05);
		border-radius: 6px;
	}

	/* Hide corner triangles on tablet */
	.about > .image .top-left,
	.about > .image .top-right,
	.about > .image .bottom-left,
	.about > .image .bottom-right {
		display: none;
	}
}
.button:hover, button:hover, input[type=submit]:hover {
	background: var(--rota-gold);
	border-color: var(--rota-gold);
	color: var(--rota-navy);
}
.button.blue, .button.blue:hover {
	background: var(--rota-navy);
	border-color: var(--rota-navy);
}
.button.border:hover {
	background: var(--rota-gold);
	color: var(--rota-navy);
	border-color: var(--rota-gold);
}
.button.border.blue {
	color: var(--rota-navy);
	border-color: var(--rota-navy);
	background: rgba(30, 45, 66, 0.08);
	font-weight: 700;
	opacity: 1;
}
.button.border.blue:hover {
	background: var(--rota-navy);
	color: #fff;
	opacity: 1;
}
.button.border.yellow {
	color: var(--rota-orange);
	border-color: var(--rota-orange);
	background: rgba(239, 120, 34, 0.10);
	font-weight: 700;
	opacity: 1;
}
.button.border.yellow:hover {
	background: var(--rota-orange);
	color: #222;
	opacity: 1;
}
.button.border.white:hover { background: #fff; color: var(--rota-navy); }

/* ===== Header ===== */
.header .top { background: var(--rota-navy); }
.top-nav li a { color: #fff; }
.top-nav li:after { color: rgba(255,255,255,.4); }

.header {
	border-bottom: 1px solid rgba(30, 45, 66, 0.08);
	background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
}

.header .top .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.small-round-icon {
	width: 34px;
	height: 34px;
	border: 1px solid rgba(30, 45, 66, 0.18);
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-color: var(--rota-navy);
	color: var(--rota-navy);
}
.header-contact:hover > .small-round-icon {
	background: var(--rota-navy);
	color: #fff;
}

.main-nav ul > li.active a {
	background: var(--rota-orange);
	color: var(--rota-navy);
}
.main-nav ul > li ul li.active a,
.main-nav ul > li ul li.active a:hover {
	background: var(--rota-orange);
	color: var(--rota-navy);
}

.header-search-form button { background: var(--rota-orange); }
.header-search-form button:before { border-bottom-color: var(--rota-orange); }

/* ===== Responsive Menü (Hamburger) ===== */
.responsive-nav ul > li.active a { color: var(--rota-orange); }
.responsive-nav ul > li ul li.active a { color: var(--rota-orange); }

.responsive-menu {
	background: var(--rota-navy);
	padding: 0;
}

.responsive-menu-close {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	top: 16px;
	right: 16px;
}
.responsive-menu-close:hover {
	color: var(--rota-orange);
	opacity: 1;
}

.responsive-menu .logo {
	padding: 20px 20px 0;
	line-height: 0;
}
.responsive-menu .logo img {
	display: block;
	height: 48px;
	width: auto;
	max-width: 230px;
	filter: brightness(0) invert(1); /* Hamburger menüde logo beyaz görünür */
}

.responsive-nav {
	margin-top: 16px;
}
.responsive-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.responsive-nav ul > li {
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.responsive-nav ul > li > a {
	display: block;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #fff !important;
	text-decoration: none;
}
.responsive-nav ul > li > a:hover {
	color: var(--rota-orange) !important;
	opacity: 1;
}
.responsive-nav ul > li.active > a {
	color: var(--rota-orange) !important;
	background: rgba(239, 120, 34, 0.14);
}
.responsive-nav ul > li ul {
	background: rgba(0,0,0,0.18);
	padding: 0;
	list-style: none;
}
.responsive-nav ul > li ul li a {
	display: block;
	padding: 10px 20px 10px 36px;
	font-size: 13px;
	color: rgba(255,255,255,0.75) !important;
	text-decoration: none;
}
.responsive-nav ul > li ul li.active a {
	color: var(--rota-orange) !important;
}

/* Responsive menü alt kısım: telefon + WA linkleri */
.responsive-menu-footer {
	padding: 20px;
	border-top: 1px solid rgba(255,255,255,0.1);
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.responsive-menu-footer a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
}
.responsive-menu-footer a.rm-call {
	background: var(--rota-orange);
}
.responsive-menu-footer a.rm-wa {
	background: #25D366;
}
.responsive-menu-footer a:hover {
	opacity: 0.88;
	color: #fff;
}

.responsive-menu .search-form {
	padding: 16px 20px;
	border-top: 1px solid rgba(255,255,255,0.08);
}
.responsive-menu .search-form input[type=search] {
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.2);
	color: #fff;
}
.responsive-menu .search-form input[type=search]::placeholder {
	color: rgba(255,255,255,0.5);
}
.responsive-menu .search-form button {
	background: var(--rota-orange);
	color: #fff;
}

/* Page Title — üst banner arka planı tam genişlik (fixed attachment sağ/kenar boşluğu yapar) */
.page-title {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.page-title .inner {
	background: var(--rota-navy);
	padding: 88px 0;
}

.page-title.transparent .inner { background: rgba(30, 45, 66, 0.84); }

/* Breadcrumbs (kontrast: açık turuncu üzerinde koyu metin) */
.breadcrumbs { background: var(--rota-orange); }
.breadcrumbs:after { border-top-color: var(--rota-orange); }
.breadcrumbs-page-title { color: #101820; }
.breadcrumbs-nav li { color: #101820; }
.breadcrumbs-nav li a { color: #0d1f35; }
.breadcrumbs-nav li a:hover { text-decoration: underline; }

/* ===== Sections ===== */
.section.blue > .inner { background: var(--rota-navy); }
.section.yellow > .inner { background: var(--rota-orange); color: #fff; }
.section.transparent.blue > .inner { background: rgba(30, 45, 66, 0.86); }
.section.transparent.lighter.blue > .inner { background: rgba(30, 45, 66, 0.72); }
.section.transparent.clear.blue > .inner { background: rgba(30, 45, 66, 0.45); }
.section.transparent.yellow > .inner { background: rgba(239, 120, 34, 0.88); color: #fff; }
.section.transparent.lighter.yellow > .inner { background: rgba(239, 120, 34, 0.72); }
.section.transparent.clear.yellow > .inner { background: rgba(239, 120, 34, 0.45); }

/* ===== Services ===== */
.services .icon { border-color: var(--rota-orange); }
.services .inner { background: var(--rota-orange); }
.services .content { border-color: var(--rota-orange); }

/* ===== Instructors ===== */
.instructor .image { border-color: var(--rota-navy); }
.instructor .bio { border-color: var(--rota-navy); }

/* ===== Testimonials ===== */
.testimonial:hover .testimonial-image { background: var(--rota-orange); }

/* ===== Pricing ===== */
.pricing-table.blue { background: var(--rota-navy); }
.pricing-table.yellow { background: var(--rota-orange); color: #fff; }
.pricing-table.blue .pricing-table-price { background: var(--rota-navy); }
.pricing-table.yellow .pricing-table-price { background: var(--rota-orange); color: #fff; }
.pricing-table.yellow .pricing-table-heading:after { border-top-color: #fff; border-bottom-color: #fff; }

/* ===== Courses ===== */
.course-icon { border-bottom-color: var(--rota-orange); }
.course-icon > .inner > .inner { border-bottom-color: var(--rota-orange); }
.course-info { background: var(--rota-orange); color: #fff; }
.course-info a { color: #fff; }
.course-info h5 { color: #fff; }

/* ===== Process ===== */
.process-item .square { border-color: var(--rota-orange); }
.process-item .square .inner { background: var(--rota-orange); }
.process-item .line { background: var(--rota-orange); }
.process-item .sep { border-color: var(--rota-orange); }
.process-item .sep div { background: var(--rota-orange); }

/* ===== Links ===== */
.link { background: var(--rota-navy); }
.link .arrow { background: var(--rota-orange); }

/* ===== Quote ===== */
.quote { border-color: var(--rota-orange); }

/* ===== About ===== */
.about > .image > .inner { background: rgba(30, 45, 66, 0.72); }
.about-icon { border-color: var(--rota-orange); }
.about-icon > .inner { background: var(--rota-orange); }

/* ===== Gallery ===== */
.gallery > .image .overlay {
	border-top-color: rgba(239, 120, 34, 0.88);
	border-right-color: rgba(30, 45, 66, 0.76);
}

/* ===== 404 ===== */
.error { border-color: var(--rota-orange); }
.error > .inner { background: var(--rota-orange); }

/* ===== Blog ===== */
.blog-post-date { border-color: var(--rota-orange); }
.blog-post-date > .inner { background: var(--rota-orange); }
.blog-post-date > .inner > .text { color: #fff; }
.blog-post-author .image { border-color: var(--rota-orange); }
.categories-widget a:hover span { background: var(--rota-orange); color: #fff; }
.categories-widget span {
	width: auto;
	min-width: 28px;
	height: auto;
	padding: 2px 10px;
	border-radius: 14px;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
}
.comment .reply { background: var(--rota-orange); color: #fff; border-color: var(--rota-orange); }

/* ===== Social Icons ===== */
.social-icon a:hover { background: #fff; color: var(--rota-navy); }
.social-icons.blue .social-icon a { border-color: var(--rota-navy); color: var(--rota-navy); }
.social-icons.blue .social-icon a:hover { background: var(--rota-navy); color: #fff; }
.blue .social-icons.blue .social-icon a:hover { background: #fff; color: var(--rota-navy); }
.social-icons.yellow .social-icon a { border-color: #fff; color: #fff; }
.social-icons.yellow .social-icon a:hover { background: #fff; color: var(--rota-orange); }
.social-icons.grey .social-icon a:hover { background: var(--rota-orange); color: #fff; }

/* ===== Footer ===== */
.footer { background: var(--rota-navy); }
.newsletter { background: var(--rota-orange); color: #fff; }
.newsletter h2,
.newsletter h3 { color: #fff; }
.newsletter-icon { border-color: #fff; color: #fff; }
.newsletter-form input:not([type=submit]):not([type=file]) { border-color: #fff; color: #fff; }
.newsletter-form ::-webkit-input-placeholder { color: rgba(255,255,255,.7); }
.newsletter-form :-moz-placeholder { color: rgba(255,255,255,.7); }
.newsletter-form ::-moz-placeholder { color: rgba(255,255,255,.7); }
.newsletter-form :-ms-input-placeholder { color: rgba(255,255,255,.7); }
.copyright { border-top-color: var(--rota-orange); }
.footer .widget .latest-post a { color: #fff; }
.footer .widget .latest-post a:hover { color: #fff; text-decoration: underline; }
.footer .widget .latest-post span { color: rgba(255, 255, 255, 0.88); }
.footer .footer-widget-title { font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase; }
.footer .latest-post h4.footer-latest-title a { color: #fff; }

/* ===== Progress Bars ===== */
.progress-bar { background-color: var(--rota-orange); color: #fff; }

/* ===== Tabs ===== */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover { background: var(--rota-orange); color: #fff; }
.nav-tabs > li.active > a:before { border-bottom-color: var(--rota-orange); }
.nav-tabs > li.active > a:after { border-top-color: var(--rota-orange); }

/* ===== Accordion ===== */
.panel-heading.active { background: var(--rota-navy); }
.active .panel-title span { background: var(--rota-orange); }
.active .panel-title span:after { border-left-color: var(--rota-orange); }

/* ===== Slider ===== (LCP: gerçek <img>, arka plan CSS yerine) */
.homeslider .slides > div {
	overflow: hidden;
	background-image: none;
}
.homeslider .homeslide__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}
.homeslider .caption {
	z-index: 1;
	background: var(--rota-navy);
	background: rgba(30, 45, 66, 0.9);
}
.flex-direction-nav a { background: var(--rota-orange); }

/* ===== Shape Icons ===== */
.shape-icon-box .circle { border-color: var(--rota-orange); }
.shape-icon-box .circle .triangle { border-bottom-color: var(--rota-orange); }

/* ===== İletişim ===== */
.contacts a { color: var(--rota-navy); }

/* ===== Sidebar Search Form ===== */
.widget .search-form {
	overflow: hidden;
	display: flex;
	gap: 0;
}
.widget .search-form input[type=search] {
	float: none;
	flex: 1 1 auto;
	width: auto;
	border-radius: 38px 0 0 38px;
	border-right: none;
}
.widget .search-form button {
	float: none;
	flex: 0 0 48px;
	width: 48px;
	border-radius: 0 38px 38px 0;
	background: var(--rota-orange);
	border-color: var(--rota-orange);
	color: #fff;
}

/* Google Fonts: header.php (tek istek, display=swap) */

body {
	font-family: 'Inter', 'Montserrat', sans-serif;
}

/* ===== Yeni İletişim ve İçerik Alanları ===== */
.header > .container.clearfix {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 102px;
	padding: 0 18px;
	margin-top: 10px;
	margin-bottom: 8px;
	border: 1px solid rgba(30, 45, 66, 0.08);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(30, 45, 66, 0.07);
}

.header .logo {
	float: none;
	height: auto;
	padding: 8px 0;
	flex-shrink: 0;
	line-height: 0;
}

.header .logo img {
	display: block;
	height: 56px;
	width: auto;
	max-width: 280px;
}

.header-contacts {
	float: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.header-contact {
	display: flex;
	align-items: center;
	line-height: 1.3;
	margin-left: 0;
	font-size: 12px;
	max-width: 235px;
	padding: 7px 10px;
	border-radius: 10px;
	background: #f5f8fc;
	border: 1px solid rgba(30, 45, 66, 0.08);
	gap: 8px;
}

.header-contact-content {
	min-width: 0;
	overflow-wrap: anywhere;
}

.main-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0 15px;
	border-radius: 12px;
	background: #eef3fa;
}

.main-nav {
	float: none;
	margin-left: -14px;
	flex: 1;
	min-width: 0;
}

.main-nav ul {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
}

.main-nav ul > li > a {
	padding: 17px 13px;
	font-size: 13px;
	white-space: nowrap;
}

.header .header-search-form {
	display: none;
}

.header-phone-link {
	color: var(--rota-navy);
	text-decoration: none;
	font-weight: 700;
}

.header-phone-link:hover,
.header-phone-link:focus {
	color: var(--rota-orange);
	text-decoration: none;
}

.license-card,
.info-card,
.route-box,
.contact-highlight {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: 12px;
	box-shadow: 0 4px 12px rgba(30, 45, 66, 0.06);
	margin-bottom: 10px;
}

/* Hızlı İletişim */
.quick-contact-section > .inner {
	padding: 52px 0 !important;
}
.quick-contact-section .heading {
	margin-bottom: 28px;
}
.quick-contact-section .row {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.quick-contact-section .row > [class*="col-"] {
	display: flex;
}
.quick-contact-box,
.callback-box {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(30, 45, 66, 0.1);
	border-radius: 18px;
	padding: 30px;
	box-shadow: 0 18px 38px rgba(30, 45, 66, 0.09);
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
}
.quick-contact-box {
	background: linear-gradient(135deg, #ffffff 0%, #fff7f0 100%);
	border-top: 5px solid var(--rota-orange);
}
.callback-box {
	background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
	border-top: 5px solid var(--rota-navy);
}
.quick-contact-box h5,
.callback-box h5 {
	margin: 0 0 12px;
	font-size: 22px;
	line-height: 1.3;
	color: var(--rota-navy);
	font-weight: 800;
	text-transform: none;
}
.quick-contact-box > p,
.callback-box > p {
	color: #5f6872;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 18px;
}

blockquote.quick-contact-quote {
	margin: 0 0 20px;
	margin-left: 0;
	padding: 16px 18px;
	border: none;
	border-left: 4px solid var(--rota-orange);
	background: rgba(30, 45, 66, 0.06);
	border-radius: 0 12px 12px 0;
}
.quick-contact-quote p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--rota-navy);
}
.quick-contact-quote strong {
	display: block;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-bottom: 6px;
	color: var(--rota-navy);
}
.quick-contact-quote-tagline {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #5f6872;
}

.quick-contact-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: auto 0 18px;
}
.quick-contact-actions .button {
	margin: 0;
	padding-left: 22px;
	padding-right: 22px;
	text-align: center;
}

.quick-contact-phone {
	margin-bottom: 0;
	font-size: 16px;
	color: var(--rota-navy);
	padding: 14px 16px;
	border-radius: 12px;
	background: rgba(30, 45, 66, 0.06);
}
.quick-contact-phone a {
	color: var(--rota-navy);
	font-weight: 800;
	text-decoration: none;
}
.quick-contact-phone a:hover {
	color: var(--rota-orange);
}

.callback-box .form-group {
	margin-bottom: 12px;
}

.callback-box input,
.callback-box textarea {
	width: 100%;
	border: 1px solid rgba(30, 45, 66, 0.15);
	padding: 11px 14px;
	border-radius: 10px;
	background: #fff;
	color: var(--rota-navy);
	box-shadow: none;
}
.callback-box textarea {
	min-height: 96px;
	resize: vertical;
}
.callback-box input:focus,
.callback-box textarea:focus {
	border-color: var(--rota-orange);
	box-shadow: 0 0 0 3px rgba(239, 120, 34, 0.14);
}
.callback-box .text-right {
	margin-top: auto;
}
.callback-box .button {
	margin: 0;
	min-width: 160px;
	text-align: center;
}
.callback-box .form-alert {
	margin: 14px 0 0;
	line-height: 1.5;
	padding: 12px 42px 12px 14px;
	border-radius: 12px;
}
.callback-box .form-alert .icon {
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin-right: 10px;
	font-size: 12px;
}

.license-card h5,
.info-card h5,
.route-box h5,
.contact-highlight h4 {
	margin-bottom: 10px;
}

.license-card p,
.info-card p,
.route-box p,
.contact-highlight p {
	margin-bottom: 14px;
}

.license-class-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	font-size: 20px;
	color: var(--rota-orange);
	background: rgba(239, 120, 34, 0.12);
	border: 1px solid rgba(239, 120, 34, 0.22);
}

.license-card.emphasize-contact .license-class-icon {
	color: var(--rota-navy);
	background: rgba(30, 45, 66, 0.10);
	border-color: rgba(30, 45, 66, 0.18);
}

.emphasize-contact {
	border: 2px solid var(--rota-orange);
}

.info-card a {
	font-weight: 700;
	text-decoration: none;
}

.service-detail-card {
	height: calc(100% - 24px);
}

/* Kart boyutları grup içinde sabit kalsın */
@media (min-width: 768px) {
	.quick-contact-box,
	.callback-box {
		min-height: 360px;
	}

	.info-card {
		height: 220px;
		display: flex;
		flex-direction: column;
	}

	.license-card {
		height: 250px;
		display: flex;
		flex-direction: column;
	}

	.service-detail-card {
		height: 320px;
	}

	.route-box,
	.contact-highlight {
		height: 300px;
		display: flex;
		flex-direction: column;
	}

	.sinav-card {
		height: 390px;
	}
}

.info-card a,
.license-card .button,
.sinav-card-footer {
	margin-top: auto;
}

.info-card p,
.license-card p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.sinav-card-title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sinav-card-excerpt {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

ul.list-unstyled.service-feature-list {
	margin: 0 0 0 1.1em;
	padding: 0;
	list-style: disc outside;
}

ul.list-unstyled.service-feature-list li {
	margin-bottom: 8px;
	padding-left: 0.25em;
}

ul.list-unstyled.service-feature-list li::marker {
	color: var(--rota-orange);
}

.mtop-2 {
	margin-top: 20px;
}

.top-margin-small {
	margin-top: 16px;
}

.service-process-note {
	margin-top: 24px;
}

.service-process-note p {
	margin-bottom: 0;
	font-size: 15px;
}

.latest-post-thumb {
	float: left;
	width: 78px;
	height: 78px;
	border-radius: 6px;
	overflow: hidden;
	background: #e9ecef;
	display: block;
}

.latest-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	float: none;
}

.latest-post > div {
	margin-left: 96px;
	min-height: 78px;
}

.blog-intro-box,
.blog-cta-box,
.blog-article-summary {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: 28px;
	box-shadow: 0 8px 24px rgba(30, 45, 66, 0.08);
}

.blog-intro-box p,
.blog-cta-box p,
.blog-article-summary p {
	margin-bottom: 0;
}

.blog-intro-actions {
	justify-content: center;
	margin-top: 18px;
}

.blog-utility-grid {
	margin-bottom: 20px;
}

.blog-article-summary {
	text-align: left;
	margin-bottom: 24px;
	border-left: 4px solid var(--rota-orange);
}

.blog-article-summary h6 {
	margin-bottom: 10px;
}

.blog-cta-box {
	margin-top: 24px;
	margin-bottom: 24px;
	border: 2px solid var(--rota-orange);
}

.blog-cta-box.left-aligned {
	text-align: left;
}

.exam-upload-card,
.exam-list-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: 24px;
	box-shadow: 0 8px 24px rgba(30, 45, 66, 0.08);
	margin-bottom: 24px;
}

.exam-upload-note {
	font-size: 13px;
	color: #666;
	margin-bottom: 16px;
}

.exam-alert {
	margin-bottom: 24px;
}

.exam-empty-state {
	text-align: center;
	padding: 30px 12px;
	background: #f8f8f8;
	border-radius: 6px;
}

.exam-empty-state i {
	font-size: 36px;
	color: var(--rota-orange);
	margin-bottom: 10px;
}

.exam-empty-state p {
	margin-bottom: 0;
}

.exam-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid #ececec;
	border-radius: 6px;
	margin-bottom: 12px;
}

.exam-item:last-of-type {
	margin-bottom: 0;
}

.exam-item-icon {
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #f3f4f5;
	color: var(--rota-orange);
	font-size: 22px;
	flex-shrink: 0;
}

.exam-item-content {
	flex: 1;
	min-width: 0;
}

.exam-item-content h6 {
	margin-bottom: 6px;
	text-transform: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.exam-item-content span {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #666;
}

.exam-item-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.exam-item-actions .button {
	margin: 0;
}

.exam-viewer-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: 24px;
	box-shadow: 0 8px 24px rgba(30, 45, 66, 0.08);
	margin-bottom: 24px;
}

.exam-viewer-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	flex-wrap: wrap;
}

.exam-viewer-status {
	font-size: 13px;
	color: #666;
}

.exam-viewer-toolbar {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.exam-page-info {
	font-size: 13px;
	font-weight: 700;
	color: var(--rota-navy);
	margin-left: 4px;
	margin-right: 4px;
}

.exam-viewer-canvas-wrap {
	background: #f5f6f7;
	border: 1px solid #dfe3e7;
	border-radius: 6px;
	overflow: auto;
	padding: 10px;
}

#exam-pdf-canvas {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
}

.contact-highlight {
	text-align: center;
	border: 2px solid var(--rota-orange);
}

.contact-highlight-actions {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 12px;
}

/* ===== İletişim Kartları (3'lü grid) ===== */
.contact-overview-shell {
	background: linear-gradient(180deg, #ffffff 0%, #f6f7f8 100%);
	border: 1px solid #eceff1;
	border-radius: 16px;
	padding: 38px 36px 20px;
	box-shadow: 0 14px 36px rgba(30, 45, 66, 0.12);
}
.contact-overview-heading {
	margin-bottom: 20px;
}
.contact-overview-heading span {
	max-width: 560px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.contact-cards-row {
	display: flex;
	flex-wrap: wrap;
}
.contact-cards-row > [class*="col-"] {
	display: flex;
}
.contact-card {
	text-align: left;
	background: #fff;
	border: 1px solid rgba(30, 45, 66, 0.12);
	border-radius: 12px;
	padding: 28px 28px 24px;
	box-shadow: 0 10px 26px rgba(30, 45, 66, 0.1);
	margin-bottom: 24px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: box-shadow .3s, transform .3s, border-color .3s;
}
.contact-card:hover {
	box-shadow: 0 18px 34px rgba(30, 45, 66, 0.16);
	transform: translateY(-6px);
	border-color: rgba(239, 120, 34, 0.4);
}
.contact-card-eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #8b9094;
	margin-bottom: 14px;
}
.contact-card-icon {
	width: 58px;
	height: 58px;
	line-height: 58px;
	border-radius: 16px;
	background: var(--rota-navy);
	color: #fff;
	font-size: 22px;
	margin-bottom: 18px;
	text-align: center;
	box-shadow: 0 10px 20px rgba(30, 45, 66, 0.18);
}
.contact-card h5 {
	font-weight: 700;
	color: var(--rota-navy);
	font-size: 22px;
	margin-bottom: 10px;
}
.contact-card p {
	margin-bottom: 0;
}
.contact-card-value {
	color: var(--rota-navy);
	font-size: 16px;
	line-height: 1.75;
	font-weight: 600;
	margin-bottom: 10px !important;
}
.contact-card-note {
	color: #6f767a;
	font-size: 13px;
	line-height: 1.7;
	margin-bottom: 22px !important;
	flex: 1 1 auto;
}
.contact-card-button {
	margin-top: auto;
	min-width: 170px;
	text-align: center;
	align-self: flex-start;
}
.contact-card-button.button {
	padding-left: 22px;
	padding-right: 22px;
}

/* ===== İletişim Form Kartı ===== */
.contact-form-card {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 32px;
	box-shadow: 0 6px 20px rgba(30, 45, 66, 0.12);
	margin-bottom: 24px;
}
.contact-form-card h4 {
	font-weight: 700;
	color: var(--rota-navy);
	margin-bottom: 4px;
}
.contact-form-card > p {
	color: #888;
	font-size: 14px;
	margin-bottom: 24px;
}

/* ===== İletişim Sidebar Kartları ===== */
.contact-sidebar-card {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 28px 24px;
	box-shadow: 0 6px 20px rgba(30, 45, 66, 0.12);
	margin-bottom: 20px;
}
.contact-sidebar-card h5 {
	font-weight: 700;
	color: var(--rota-navy);
	margin-bottom: 8px;
}
.contact-sidebar-card h5 i {
	color: var(--rota-orange);
	margin-right: 6px;
}
.contact-sidebar-card > p {
	color: #888;
	font-size: 13px;
	margin-bottom: 16px;
}
.contact-sidebar-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.contact-sidebar-btn {
	display: block;
	text-align: center;
	width: 100%;
	padding: 10px 14px;
	font-size: 13px;
}
.contact-sidebar-btn.whatsapp {
	background: #25D366;
	border-color: #25D366;
	color: #fff;
}
.contact-sidebar-btn.whatsapp:hover {
	background: #1da851;
	border-color: #1da851;
}

/* Çalışma Saatleri */
.contact-hours li {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
}
.contact-hours li:last-child {
	border-bottom: none;
}
.contact-hours li span {
	color: #666;
}
.contact-hours li strong {
	color: var(--rota-navy);
}

/* ===== Harita Wrap ===== */
.contact-map-wrap {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(30, 45, 66, 0.12);
}

/* ===== Hizmetler / Konum ve Ulaşım ===== */
.service-location-shell {
	background: linear-gradient(180deg, #ffffff 0%, #f7f8f8 100%);
	border: 1px solid #eceff1;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 14px 34px rgba(30, 45, 66, 0.12);
}
.service-location-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.service-location-row > [class*="col-"] {
	display: flex;
}
.service-map-column {
	flex-direction: column;
	gap: 20px;
}
.service-location-card,
.service-map-card,
.service-location-support {
	width: 100%;
	background: #fff;
	border: 1px solid rgba(30, 45, 66, 0.12);
	border-radius: 12px;
	box-shadow: 0 10px 24px rgba(30, 45, 66, 0.08);
}
.service-location-card {
	padding: 28px 28px 24px;
	display: flex;
	flex-direction: column;
}
.service-location-eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #8b9094;
	margin-bottom: 14px;
}
.service-location-card h5,
.service-location-support h6 {
	margin: 0 0 12px;
	font-size: 24px;
	line-height: 1.35;
	color: var(--rota-navy);
	font-weight: 700;
}
.service-location-address {
	font-size: 16px;
	line-height: 1.75;
	font-weight: 600;
	color: var(--rota-navy);
	margin-bottom: 18px;
}
.service-route-list {
	margin-bottom: 22px;
	flex: 1 1 auto;
}
.service-route-list li {
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f0f2f3;
	line-height: 1.7;
}
.service-route-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.service-location-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: auto;
}
.service-location-actions .button {
	min-width: 180px;
	text-align: center;
}
.service-map-card {
	overflow: hidden;
	min-height: 320px;
	padding: 0;
}
.service-map-frame {
	display: block;
	width: 100%;
	height: 320px;
	border: 0;
}
.service-location-support {
	padding: 22px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.service-location-support h6 {
	font-size: 20px;
	margin-bottom: 8px;
}
.service-location-support p {
	color: #6f767a;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 18px;
}

/* Route-box otomatik yükseklik varyantı */
.route-box-auto {
	height: auto !important;
}

@media (max-width: 767px) {
	.service-location-shell {
		padding: 20px;
	}
	.service-location-row {
		display: block;
	}
	.service-map-column {
		display: block;
	}
	.service-location-card,
	.service-map-card,
	.service-location-support {
		margin-bottom: 18px;
	}
	.service-location-card h5,
	.service-location-support h6 {
		font-size: 20px;
	}
	.service-location-actions .button {
		width: 100%;
		min-width: 0;
	}
	.service-map-frame {
		height: 260px;
	}
	.contact-overview-shell {
		padding: 26px 18px 4px;
	}
	.contact-cards-row {
		display: block;
	}
	.contact-card {
		padding: 24px 20px 20px;
	}
	.contact-card h5 {
		font-size: 20px;
	}
	.contact-card-button {
		width: 100%;
		min-width: 0;
	}
	.contact-form-card {
		padding: 20px;
	}
	.contact-sidebar-card {
		padding: 20px 16px;
	}
}

.route-list li {
	margin-bottom: 10px;
	line-height: 1.5;
}

.route-list i {
	color: var(--rota-orange);
	width: 22px;
}

.route-video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid #e7e7e7;
}

.route-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ===== İletişim Formu (Modern) ===== */
.contact-form-modern .cf-field {
	margin-bottom: 20px;
}
.contact-form-modern label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--rota-navy);
	margin-bottom: 6px;
}
.cf-input-wrap {
	display: flex;
	align-items: center;
	border: 1px solid #d3d3d3;
	border-radius: 6px;
	background: #fff;
	transition: border-color .25s, box-shadow .25s;
	overflow: hidden;
}
.cf-input-wrap:focus-within {
	border-color: var(--rota-orange);
	box-shadow: 0 0 0 3px rgba(239, 120, 34, 0.16);
}
.cf-input-wrap > i {
	flex: 0 0 42px;
	text-align: center;
	font-size: 15px;
	color: #999;
	border-right: 1px solid #e0e0e0;
	line-height: 38px;
}
.cf-input-wrap:focus-within > i {
	color: var(--rota-orange);
}
.cf-input-wrap input,
.cf-input-wrap textarea {
	flex: 1 1 0%;
	min-width: 0;
	width: 0;
	border: none !important;
	background: none !important;
	outline: none !important;
	padding: 8px 14px;
	font-size: 14px;
	font-family: inherit;
	height: auto;
	box-shadow: none !important;
}
.cf-input-wrap input {
	height: 38px;
}
.cf-input-wrap textarea {
	resize: vertical;
	min-height: 120px;
}
.cf-textarea-wrap {
	align-items: flex-start;
}
.cf-textarea-wrap > i {
	line-height: 1;
	padding-top: 12px;
}

/* ===== Sabit İletişim Butonları ===== */
.floating-contact-buttons {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1200;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.floating-contact-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 40px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.floating-contact-button i {
	font-size: 18px;
}

.floating-call {
	background: var(--rota-orange);
}

.floating-whatsapp {
	background: #25D366;
}

.floating-contact-button:hover,
.floating-contact-button:focus {
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
	opacity: 1;
}

/* ===== Sinav Kart Grid ===== */
.sinav-card-grid {
	margin-top: 20px;
}

.sinav-card-col {
	margin-bottom: 28px;
}

.sinav-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 8px;
	box-shadow: 0 6px 20px rgba(30, 45, 66, 0.10);
	padding: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: box-shadow 0.2s, transform 0.2s;
	position: relative;
	overflow: hidden;
}

.sinav-card:hover {
	box-shadow: 0 12px 32px rgba(30, 45, 66, 0.16);
	transform: translateY(-3px);
}

.sinav-card-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	padding: 3px 9px;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sinav-card-icon {
	font-size: 40px;
	padding: 24px 24px 8px;
	opacity: 0.85;
}

.sinav-card-body {
	padding: 0 24px 16px;
	flex: 1;
}

.sinav-card-title {
	font-size: 15px;
	font-weight: 700;
	color: var(--rota-navy);
	margin-bottom: 8px;
	line-height: 1.4;
}

.sinav-card-meta {
	display: flex;
	gap: 14px;
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
}

.sinav-card-meta i {
	margin-right: 3px;
}

.sinav-card-excerpt {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0;
}

.sinav-card-footer {
	padding: 0 24px 20px;
}

/* ===== Sinav Detay Sayfası ===== */
.sinav-detay-header {
	margin-bottom: 20px;
}

.sinav-detay-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	padding: 3px 10px;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.sinav-detay-title {
	font-size: 26px;
	color: var(--rota-navy);
	font-weight: 700;
	margin: 0 0 10px;
	line-height: 1.3;
}

.sinav-detay-meta {
	display: flex;
	gap: 18px;
	font-size: 13px;
	color: #888;
	flex-wrap: wrap;
	padding-bottom: 18px;
	border-bottom: 1px solid #f0f0f0;
}

.sinav-detay-meta i {
	margin-right: 4px;
}

.sinav-detay-intro {
	margin: 20px 0;
	font-size: 15px;
	color: #444;
	line-height: 1.75;
}

.sinav-detay-box {
	background: #F8F9FA;
	border-left: 4px solid var(--rota-navy);
	border-radius: 0 6px 6px 0;
	padding: 18px 20px;
	margin-bottom: 20px;
}

.sinav-detay-box.tips {
	background: #FFFBF4;
	border-left-color: var(--rota-orange);
}

.sinav-detay-box h4 {
	font-size: 16px;
	margin-bottom: 12px;
	font-weight: 700;
	color: var(--rota-navy);
}

.sinav-detay-box h4 i {
	margin-right: 6px;
}

.sinav-konu-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sinav-konu-list li {
	padding: 5px 0;
	font-size: 14px;
	color: #555;
	line-height: 1.5;
}

.sinav-konu-list li i {
	margin-right: 8px;
	width: 14px;
}

/* ===== PDF Viewer (Detay) ===== */
.sinav-pdf-viewer-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 8px;
	box-shadow: 0 6px 20px rgba(30, 45, 66, 0.1);
	overflow: hidden;
	margin-top: 24px;
	margin-bottom: 24px;
}

.sinav-pdf-viewer-header {
	background: var(--rota-navy);
	color: #fff;
	padding: 12px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sinav-pdf-viewer-header h5 {
	margin: 0;
	font-size: 14px;
	color: #fff;
}

.sinav-pdf-status {
	font-size: 12px;
	color: #adb5bd;
}

.sinav-pdf-toolbar {
	background: #f5f5f5;
	border-bottom: 1px solid #e0e0e0;
	padding: 8px 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.sinav-pdf-page-info {
	font-size: 13px;
	color: #666;
	padding: 0 6px;
}

.sinav-pdf-canvas-wrap {
	overflow-x: auto;
	padding: 16px;
	background: #e8e8e8;
	min-height: 300px;
}

#sinav-pdf-canvas {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}

/* ===== Sidebar widget extras ===== */
.sinav-sidebar-cta {
	background: #FFFBF4;
	border-color: var(--rota-orange) !important;
}

.sinav-sidebar-cta p {
	font-size: 14px;
	color: #555;
	margin-bottom: 14px;
}

.sinav-sidebar-item {
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 14px;
}

.sinav-sidebar-item:last-of-type {
	border-bottom: none;
}

.sinav-sidebar-badge {
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	padding: 2px 7px;
	border-radius: 12px;
	white-space: nowrap;
	flex-shrink: 0;
	margin-top: 1px;
}

.sinav-quicklinks {
	margin: 0;
	padding: 0;
}

.sinav-quicklinks li {
	padding: 7px 0;
	border-bottom: 1px solid #f5f5f5;
	font-size: 14px;
}

.sinav-quicklinks li:last-child {
	border-bottom: none;
}

.sinav-quicklinks i {
	color: var(--rota-orange);
	width: 18px;
	margin-right: 4px;
}

/* ==============================================================
   RESPONSIVE — Bootstrap 3 tabanlı tam mobil uyum
   Breakpoints: 1200 / 1024 / 991 / 767 / 480
   ============================================================== */

/* ---------- 1200px: Büyük masaüstü sıkıştır ---------- */
@media (max-width: 1200px) {
	.header > .container.clearfix {
		gap: 10px;
		min-height: 94px;
		padding: 0 14px;
	}
	.header-contact {
		font-size: 11px;
		max-width: 190px;
		padding: 6px 8px;
	}
	.header .logo img {
		height: 50px;
		max-width: 240px;
	}
	.main-nav ul > li > a {
		padding-left: 11px;
		padding-right: 11px;
		font-size: 12px;
	}
}

/* ---------- 1024px: Tablet — hamburger menüye geç ---------- */
@media (max-width: 1024px) {
	/* Üst bar gizle */
	.header .top {
		display: none !important;
	}

	/* Header contacts & main nav gizle — style.css zaten yapıyor ama pekiştir */
	.header-contacts {
		display: none !important;
	}
	.main-header {
		display: none !important;
	}

	/* Logo + hamburger bar */
	.header > .container.clearfix {
		min-height: 74px;
		margin-top: 0;
		margin-bottom: 0;
		border-radius: 0;
		border-left: none;
		border-right: none;
		box-shadow: none;
		padding: 0 15px;
		justify-content: space-between;
	}
	.header .logo {
		padding: 9px 0;
	}
	.header .logo img {
		height: 42px;
		max-width: 200px;
	}

	/* Hamburger butonu görünsün */
	.responsive-menu-open {
		display: inline-flex !important;
		line-height: 74px;
		font-size: 15px;
		font-weight: 700;
		color: var(--rota-navy);
		align-items: center;
		gap: 6px;
		text-decoration: none;
	}
	.responsive-menu-open i {
		font-size: 20px;
	}
	.responsive-menu-open:hover {
		color: var(--rota-orange);
		opacity: 1;
		text-decoration: none;
	}
}

/* ---------- 991px: Bootstrap sm break → col-sm stacks ---------- */
@media (max-width: 991px) {
	/* Testimonials tek kolon */
	.testimonial-image {
		display: none;
	}
	.testimonial-body {
		margin-left: 0;
		padding-left: 30px;
	}

	/* About bölümü */
	.about {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.about > .image {
		width: 100%;
		height: 500px;
		background-position: center;
		background-attachment: scroll !important;
		order: 1;
	}
	.about > .image .top-left,
	.about > .image .top-right,
	.about > .image .bottom-left,
	.about > .image .bottom-right {
		display: none;
	}
	.about-icon {
		top: 50%;
		left: 0;
		right: 0;
	}
	.about > .left,
	.about > .right {
		position: static;
		width: 100%;
		padding: 24px 20px;
		margin: 0;
	}
	.about > .left {
		order: 2;
		background: rgba(30, 45, 66, 0.04);
	}
	.about > .right {
		order: 3;
		background: rgba(239, 120, 34, 0.07);
	}
	.about > .left h4,
	.about > .right h4 {
		margin: 0 0 12px 0;
		font-size: 17px;
		line-height: 23px;
	}
	.about > .left p,
	.about > .right p {
		margin: 0 0 12px 0;
		line-height: 21px;
	}
	.about > .left p:last-child,
	.about > .right p:last-child {
		margin-bottom: 0;
	}

	/* Gallery */
	.gallery > .image {
		width: 33.33%;
	}

	/* 404 hata kutusu */
	.error {
		width: 320px;
		height: 320px;
		margin: 60px auto;
	}
	.error > .inner .text .error-code {
		font-size: 80px;
		line-height: 80px;
	}
	.error > .inner .text .page-not-found {
		font-size: 28px;
		line-height: 34px;
	}
}

/* ---------- 767px: Mobil — TEK KOLON ---------- */
@media (max-width: 767px) {
	/* ===== Genel ===== */
	body {
		font-size: 14px;
		line-height: 22px;
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* ===== Tipografi ===== */
	h1 { font-size: 24px; line-height: 28px; }
	h2 { font-size: 22px; line-height: 26px; }
	h3 { font-size: 20px; line-height: 24px; }
	h4 { font-size: 18px; line-height: 22px; margin-top: 16px; }
	h5 { font-size: 16px; line-height: 22px; }
	h6 { font-size: 14px; line-height: 20px; }
	.heading { margin-bottom: 28px; }
	.heading span { font-size: 15px; line-height: 1.5; }
	.main-heading h1 { font-size: 26px; line-height: 30px; }
	.main-heading { margin-bottom: 36px; }
	.lead { font-size: 18px; line-height: 26px; }
	blockquote { margin-left: 0; }

	/* ===== Header mobil ===== */
	.header > .container.clearfix {
		min-height: 62px;
	}
	.header .logo {
		padding: 7px 0;
	}
	.header .logo img {
		height: 35px;
		max-width: 160px;
	}
	.responsive-menu-open {
		line-height: 62px;
		font-size: 14px;
	}

	/* ===== Sayfa Başlığı + Breadcrumb ===== */
	.page-title {
		background-attachment: scroll !important;
	}
	.page-title .inner {
		padding: 50px 0;
	}
	.page-title h1,
	.page-title h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.breadcrumbs {
		padding: 12px 0;
	}
	.breadcrumbs:after {
		display: none;
	}
	.breadcrumbs-page-title {
		display: block;
		margin-bottom: 2px;
		line-height: 24px;
		font-size: 13px;
	}
	.breadcrumbs-nav {
		float: none !important;
	}
	.breadcrumbs-nav li a {
		line-height: 24px;
		font-size: 12px;
	}

	/* ===== Sections ===== */
	.section > .inner {
		padding: 40px 0;
	}
	.section.large > .inner {
		padding: 56px 0;
	}
	.section.small > .inner {
		padding: 24px 0;
	}

	/* ===== Bootstrap grid — her col tam genişlik ===== */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		width: 100% !important;
		float: none !important;
	}
	.col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3,
	.col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6 {
		margin-left: 0 !important;
	}
	/* Row boşluk */
	.row > [class*='col-'] {
		margin-bottom: 18px;
	}
	.row > [class*='col-']:last-child {
		margin-bottom: 0;
	}

	/* ===== Butonlar ===== */
	.button, button, input[type=submit] {
		font-size: 13px;
		line-height: 24px;
		padding: 8px 20px;
	}
	.button.small {
		padding: 6px 16px;
	}
	.button.large {
		padding: 8px 24px;
		font-size: 14px;
	}
	.button-list .button {
		margin-right: 6px;
	}

	/* ===== Formlar ===== */
	input:not([type=submit]):not([type=file]), select, textarea {
		font-size: 16px; /* iOS zoom engelle */
	}
	.newsletter-form input:not([type=submit]):not([type=file]) {
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.newsletter-form .button {
		width: 100%;
		text-align: center;
	}
	.header-search-form {
		width: 100% !important;
	}

	/* ===== Slider / Banner =====
	   Orijinal temanın 768px breakpoint kurallarını koruyoruz.
	   Caption absolute kalıyor, sadece genişliği %100 yapıyoruz.
	   Navigasyon okları alt tarafa yayılıyor.
	   ========================================================= */
	.homeslider .slides > div {
		height: 420px;
	}
	.homeslider .caption {
		width: 100%;
		right: 0;
		bottom: 54px;
		padding: 20px 16px;
		/* position:absolute kalacak - tema varsayılanı */
	}
	.homeslider .caption h2,
	.homeslider .caption h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.homeslider .caption p {
		font-size: 13px;
		margin-bottom: 10px;
	}
	.flex-direction-nav a {
		width: 50%;
		height: 54px;
		line-height: 54px;
	}
	.flex-direction-nav .flex-next,
	.flexslider:hover .flex-direction-nav .flex-next {
		right: 0;
		left: auto;
		bottom: 0;
	}
	.flex-direction-nav .flex-prev,
	.flexslider:hover .flex-direction-nav .flex-prev {
		left: 0;
		right: auto;
		bottom: 0;
	}
	.flex-direction-nav a:before {
		font-size: 20px;
	}

	/* ===== Kartlar — sabit yükseklik kaldır ===== */
	.quick-contact-box,
	.callback-box,
	.license-card,
	.info-card,
	.route-box,
	.contact-highlight,
	.service-detail-card,
	.sinav-card {
		height: auto !important;
		min-height: 0 !important;
	}
	.quick-contact-box,
	.callback-box,
	.license-card,
	.info-card,
	.route-box,
	.contact-highlight,
	.sinav-card,
	.widget.bordered,
	.blog-intro-box,
	.blog-cta-box,
	.blog-article-summary,
	.exam-upload-card,
	.exam-list-card,
	.exam-viewer-card {
		padding: 16px;
		border-radius: 6px;
	}
	.info-card p,
	.license-card p,
	.sinav-card-title,
	.sinav-card-excerpt {
		overflow: visible;
		display: block;
		-webkit-line-clamp: initial;
		-webkit-box-orient: initial;
	}

	/* Butonlar tam genişlik */
	.quick-contact-actions {
		flex-direction: column;
	}
	.quick-contact-actions .button,
	.contact-highlight-actions .button {
		width: 100%;
		text-align: center;
	}

	/* ===== Services (diamond ikon + kutu) =====
	   Orijinal: .icon float:left rotate(45deg)
	   Mobilde: iç yapıyı koruyoruz, sadece yerleşimi dikeyleştiriyoruz */
	.services {
		margin-bottom: 20px;
		text-align: center;
		overflow: visible;
	}
	.services .icon {
		/* float kaldır ama transform'u KORu */
		float: none;
		display: block;
		margin: 0 auto 24px;
		/* Orijinal boyut ve rotate korunuyor (60x60, rotate(45deg)) */
	}
	.services .content {
		margin-left: 0;
		padding-left: 16px;
		padding-right: 16px;
		text-align: center;
	}

	/* ===== Instructors (diamond fotoğraf) =====
	   Boyutları KÜÇÜLTME — orijinal 175x175 kalıyor.
	   Sadece padding ve margin ayarla */
	.instructor {
		padding: 0 12px;
		margin-bottom: 30px;
	}

	/* ===== Testimonials ===== */
	.testimonial {
		margin-top: 20px;
	}
	.testimonial-image {
		display: none;
	}
	.testimonial-body {
		margin-left: 0;
		padding: 20px;
	}

	/* ===== Process (diamond rotate) =====
	   style.css zaten 1024px'de dikeye geçiriyor.
	   Burada sadece boyutu biraz küçültüp oranları koruyoruz. */
	.process-item {
		width: 100% !important;
		float: none !important;
	}
	.process-item .square {
		width: 120px;
		height: 120px;
		margin: 36px auto;
		padding: 10px;
	}
	.process-item .content {
		padding-top: 18px;
	}
	.process-item .content i {
		font-size: 28px;
		margin-bottom: 4px;
	}
	.process-item .content h5 {
		font-size: 12px;
	}

	/* ===== Pricing ===== */
	.pricing-table {
		margin-top: 72px;
		margin-bottom: 24px;
	}

	/* ===== Courses (border-triangle) =====
	   Geometriyi DEĞİŞTİRME — sadece alt bilgi kutusu ayarla */
	.course {
		margin-bottom: 20px;
	}

	/* ===== Links (icon + arrow bar) ===== */
	.link .content {
		width: 100%;
		float: none;
		padding: 16px 0;
	}
	.link .content span {
		font-size: 16px;
	}
	.link .arrow {
		width: 100%;
		float: none;
		height: 50px;
		line-height: 50px;
	}

	/* ===== Contact / Map ===== */
	.full-width-map {
		height: 200px !important;
	}
	.contacts {
		position: static !important;
		width: 100% !important;
		padding: 20px;
	}

	/* ===== About (diamond logo + absolute text) =====
	   Mobilde: dikey layout, image - left - right */
	.about {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.about > .image {
		width: 100%;
		height: 400px;
		background-attachment: scroll !important;
		order: 1;
	}
	.about > .image .top-left,
	.about > .image .top-right,
	.about > .image .bottom-left,
	.about > .image .bottom-right {
		display: none;
	}
	.about > .left {
		order: 2;
		position: static;
		width: 100%;
		padding: 24px 16px;
		margin: 0;
		background: rgba(30, 45, 66, 0.04);
	}
	.about > .right {
		order: 3;
		position: static;
		width: 100%;
		padding: 24px 16px;
		margin: 0;
		background: rgba(239, 120, 34, 0.07);
	}
	.about > .left h4,
	.about > .right h4 {
		margin: 0 0 10px 0;
		font-size: 16px;
		line-height: 22px;
		color: var(--rota-navy);
	}
	.about > .left hr,
	.about > .right hr {
		margin: 0 0 12px 0;
		height: 1px;
	}
	.about > .left p,
	.about > .right p {
		margin: 0 0 12px 0;
		font-size: 14px;
		line-height: 20px;
		color: #555;
	}
	.about > .left p:last-child,
	.about > .right p:last-child {
		margin-bottom: 0;
	}

	/* ===== Gallery (overlay triangle) =====
	   Diamond overlay border-trick'lerini bozmamak için
	   sadece genişliği %50'ye ayarlıyoruz */
	.gallery > .image {
		width: 50%;
	}

	/* ===== 404 Error (rotate(45deg) kutu) =====
	   İç metin transform(-45deg) ile hizalı;
	   width/height oranını koru, sadece küçült */
	.error {
		width: 280px;
		height: 280px;
		margin: 50px auto;
		padding: 18px;
	}
	.error > .inner .text .error-code {
		font-size: 80px;
		line-height: 80px;
	}
	.error > .inner .text .page-not-found {
		font-size: 28px;
		line-height: 34px;
	}

	/* ===== Blog ===== */
	.blog-post {
		margin-bottom: 28px;
	}
	.blog-post-excerpt {
		padding: 16px;
	}
	.blog-post-content {
		padding: 16px;
	}
	.blog-post-date-wrapper {
		margin-bottom: 40px;
	}
	/* blog-post-date diamond'ı DEĞİŞTİRME — 60x60 rotate(45deg) korunsun */
	.blog-post-title {
		font-size: 18px;
		line-height: 24px;
		margin-top: 16px;
	}
	.blog-post-title:after {
		margin: 12px auto;
	}
	.blog-post-share {
		padding: 10px 16px;
		margin: 24px 16px;
	}
	.blog-post-share h5 {
		float: none !important;
		text-align: center;
		line-height: normal;
		margin-bottom: 10px;
	}
	.blog-post-share .social-icons {
		float: none !important;
		text-align: center;
	}
	.blog-post-author .image {
		float: none;
		margin: 16px auto;
		/* diamond rotate korunuyor */
	}
	.blog-post-author .content {
		margin-left: 0;
		text-align: center;
	}
	.blog-post-comments {
		padding: 16px;
	}
	.comment .comment {
		margin-left: 20px;
	}
	.comment .avatar {
		/* Diamond avatar — boyut biraz küçült ama ORAN koru */
		width: 56px;
		height: 56px;
		margin: 10px;
		margin-top: 24px;
	}
	.comment .body {
		margin-left: 38px;
		padding: 16px;
		padding-left: 48px;
	}
	.blog-post-post-comment {
		padding: 16px;
	}
	.blog-intro-actions {
		justify-content: flex-start;
	}

	/* ===== Widgets (footer) ===== */
	.widget {
		margin-bottom: 24px;
	}
	.flickr img {
		width: 60px;
		height: 60px;
	}

	/* ===== Newsletter (footer) =====
	   newsletter-icon diamond (rotate 45deg) boyutunu DEĞİŞTİRME */
	.newsletter {
		padding: 20px;
	}
	.newsletter-icon {
		float: none;
		margin-bottom: 12px;
	}
	.newsletter h2,
	.newsletter h3 {
		float: none;
		line-height: 1.3;
		margin-bottom: 12px;
	}
	.newsletter-form {
		float: none;
		margin-top: 12px;
	}

	/* ===== Tabs ===== */
	.nav-tabs > li {
		display: block;
		float: none;
	}
	.nav-tabs > li > a {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2px;
	}
	.nav-tabs > li > a:before,
	.nav-tabs > li > a:after {
		display: none;
	}
	.tab-content {
		padding: 20px 12px;
	}

	/* ===== Exam ===== */
	.exam-item {
		flex-wrap: wrap;
	}
	.exam-item-actions {
		width: 100%;
	}
	.exam-item-actions .button {
		width: 100%;
		text-align: center;
	}

	/* ===== Sinav kart grid ===== */
	.sinav-card-col {
		margin-bottom: 18px;
	}
	.sinav-card-icon {
		font-size: 32px;
		padding: 16px 16px 4px;
	}
	.sinav-card-body {
		padding: 0 16px 12px;
	}
	.sinav-card-footer {
		padding: 0 16px 16px;
	}

	/* ===== Sinav detay ===== */
	.sinav-detay-title {
		font-size: 20px;
	}
	.sinav-detay-meta {
		flex-direction: column;
		gap: 6px;
	}
	.sinav-sidebar-item {
		flex-direction: column;
		gap: 4px;
	}

	/* ===== PDF viewer ===== */
	.sinav-pdf-toolbar {
		gap: 5px;
	}
	.sinav-pdf-toolbar .button.small {
		padding: 0 12px;
		font-size: 12px;
	}
	.exam-viewer-toolbar {
		flex-direction: column;
		align-items: flex-start;
	}

	/* ===== Floating buttons ===== */
	.floating-contact-buttons {
		right: 12px;
		bottom: 12px;
		gap: 8px;
	}
	.floating-contact-button {
		padding: 9px 14px;
		font-size: 14px;
	}
	.floating-contact-button span {
		display: none;
	}

	/* ===== Responsive menü ===== */
	.responsive-menu .search-form input[type=search] {
		width: calc(100% - 56px);
	}
	.responsive-menu .search-form button {
		width: 48px;
	}

	/* ===== Call To Action ===== */
	.call-to-action span {
		font-size: 16px;
	}

	/* ===== Quote ===== */
	.quote {
		padding: 20px;
	}

	/* ===== Social Icons (rotate 45deg) — dokunma */

	/* ===== Shape Icon Box (circle + triangle) — dokunma */
}

/* ---------- 480px: Küçük telefon ---------- */
@media (max-width: 480px) {
	.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* Slider daha kısa */
	.homeslider .slides > div {
		height: 300px;
	}
	.homeslider .caption {
		padding: 14px;
	}
	.homeslider .caption h2,
	.homeslider .caption h4 {
		font-size: 16px;
	}

	/* Gallery tek kolon */
	.gallery > .image {
		width: 100%;
	}

	/* About mobil */
	.about > .left,
	.about > .right {
		padding: 20px 14px;
	}
	.about > .left h4,
	.about > .right h4 {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 8px;
	}
	.about > .left p,
	.about > .right p {
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 10px;
	}
	.about > .image {
		height: 320px;
	}

	/* Floating buttons */
	.floating-contact-buttons {
		right: 10px;
		bottom: 10px;
	}
	.floating-contact-button {
		padding: 8px 11px;
		border-radius: 999px;
	}
	.floating-contact-button i {
		font-size: 16px;
	}

	/* PDF toolbar */
	.sinav-pdf-toolbar {
		justify-content: space-between;
	}
	.sinav-pdf-toolbar .button.small {
		padding: 0 10px;
		font-size: 11px;
	}

	/* Kart padding */
	.quick-contact-box,
	.callback-box,
	.license-card,
	.info-card,
	.route-box,
	.contact-highlight {
		padding: 14px;
	}

	/* 404 hata kutusu */
	.error {
		width: 200px;
		height: 200px;
		margin: 30px auto;
	}
	.error > .inner .text .error-code {
		font-size: 46px;
		line-height: 46px;
	}
	.error > .inner .text .page-not-found {
		font-size: 16px;
		line-height: 22px;
	}
}

/* ============================================================
   Hakkımızda — Yeni Tasarım Bileşenleri
   ============================================================ */

/* Marka Hikayemiz: 2 sütun (görsel + metin) */
.about-story {
	display: flex;
	gap: 40px;
	align-items: center;
	margin-top: 20px;
}
.about-story-image {
	flex: 1 1 50%;
	min-width: 0;
}
.about-story-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(30, 45, 66, 0.16);
}
.about-story-text {
	flex: 1 1 50%;
	min-width: 0;
}
.about-story-text h4 {
	color: var(--rota-navy);
	margin-bottom: 16px;
	line-height: 1.35;
}
.about-story-text p {
	margin-bottom: 14px;
	line-height: 1.7;
}
.about-story-text .button {
	margin-top: 8px;
}

@media (max-width: 991px) {
	.about-story {
		flex-direction: column;
		gap: 28px;
	}
	.about-story-image,
	.about-story-text {
		flex: 1 1 100%;
		width: 100%;
	}
}

/* Değer Kartları */
.value-row {
	margin-top: 10px;
}
.value-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 8px;
	padding: 28px 20px;
	text-align: center;
	box-shadow: 0 8px 24px rgba(30, 45, 66, 0.08);
	margin-bottom: 24px;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	height: calc(100% - 24px);
}
.value-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 32px rgba(30, 45, 66, 0.14);
}
.value-icon {
	width: 72px;
	height: 72px;
	margin: 0 auto 16px;
	background: rgba(239, 120, 34, 0.12);
	color: var(--rota-orange);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
}
.value-card h5 {
	color: var(--rota-navy);
	margin-bottom: 10px;
	font-weight: 700;
}
.value-card p {
	color: #555;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}

@media (min-width: 768px) {
	.value-row {
		display: flex;
		flex-wrap: wrap;
	}
}

/* Rakamlarla ROTA — koyu overlay */
.section.stat-section {
	position: relative;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 2000px rgba(30, 45, 66, 0.84);
}
.section.stat-section > .inner {
	position: relative;
}
.section.stat-section hr.line {
	border-color: rgba(255, 255, 255, 0.4);
}
.stat-row {
	margin-top: 10px;
}
.stat-box {
	text-align: center;
	color: #fff;
	padding: 20px 10px;
	margin-bottom: 16px;
}
.stat-number {
	font-size: 48px;
	font-weight: 800;
	color: var(--rota-orange);
	line-height: 1.1;
	margin-bottom: 6px;
}
.stat-label {
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.stat-number {
		font-size: 36px;
	}
	.stat-label {
		font-size: 12px;
	}
}

/* Neden ROTA — 2 sütun liste + görsel */
.why-rota {
	display: flex;
	gap: 40px;
	align-items: center;
	margin-top: 20px;
}
.why-rota-image {
	flex: 1 1 45%;
	min-width: 0;
}
.why-rota-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(30, 45, 66, 0.16);
}
.why-rota-list {
	flex: 1 1 55%;
	min-width: 0;
}
.feature-list {
	margin: 0;
	padding: 0;
}
.feature-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
	color: var(--rota-navy);
	line-height: 1.5;
}
.feature-list li:last-child {
	border-bottom: 0;
}
.feature-list li i {
	color: var(--rota-orange);
	font-size: 20px;
	margin-top: 2px;
	flex-shrink: 0;
}
.feature-list li strong {
	color: var(--rota-navy);
}

@media (max-width: 991px) {
	.why-rota {
		flex-direction: column;
		gap: 28px;
	}
	.why-rota-image,
	.why-rota-list {
		flex: 1 1 100%;
		width: 100%;
	}
}

/* ============================================================
   Blue-section context overrides (koyu arka plan uyumu)
   ============================================================ */
.section.blue .feature-list li {
	color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.15);
}
.section.blue .feature-list li strong {
	color: #fff;
}
.section.blue .feature-list li i {
	color: var(--rota-orange);
}
.section.blue .why-rota-image img {
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}
.section.blue .about-story-text h4,
.section.blue .about-story-text p {
	color: #fff;
}
.section.blue .about-story-image img {
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}
.section.blue .value-card {
	background: #fff;
}
.section.blue .button.border.blue {
	color: #fff;
	border-color: #fff;
	background: rgba(255, 255, 255, 0.08);
}
.section.blue .button.border.blue:hover {
	background: var(--rota-orange);
	color: #fff;
	border-color: var(--rota-orange);
}

/* Diğer Sınıflar — sabit kart boyutu */
.other-licenses-row {
	display: flex;
	flex-wrap: wrap;
}
.other-licenses-row > [class*="col-"] {
	display: flex;
}
.other-licenses-row .value-card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	margin-bottom: 24px;
}
.other-licenses-row .value-card h5 {
	min-height: 44px;
	display: flex;
	align-items: center;
}
.other-licenses-row .value-card p {
	margin-top: auto;
}

/* ============================================================
   Vizyon & Misyon Kartları
   ============================================================ */
/* Bootstrap .row clearfix ::before/::after kullanır; burada sadece flex + negatif margin */
.vm-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.vm-row > [class*='col-'] {
	float: none;
}
@media (min-width: 768px) {
	.vm-row > .col-sm-6 {
		width: 50%;
	}
}
@media (max-width: 767px) {
	.vm-row > .col-sm-6 {
		width: 100%;
	}
}
.vm-card {
	text-align: center;
	padding: 40px 30px 36px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	margin-bottom: 24px;
}
.vm-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--rota-orange);
	color: #fff;
	margin: 0 auto 20px;
}
.vm-icon svg {
	width: 32px;
	height: 32px;
	display: block;
	flex-shrink: 0;
}
.vm-card h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 14px;
}
.vm-card p {
	color: rgba(255, 255, 255, 0.85);
	font-size: 15px;
	line-height: 1.7;
	margin: 0;
}
@media (max-width: 767px) {
	.vm-card {
		padding: 30px 20px 28px;
	}
}

/* ============================================================
   Logo Uyum Katmani (Iterasyon 2)
   Ana Lacivert: var(--rota-navy) | Ikincil Mavi: var(--rota-blue)
   Vurgu Turuncu: var(--rota-orange) | Yardimci Sari: var(--rota-gold)
   ============================================================ */
:root {
	--rota-navy: #1e2d42;
	--rota-blue: #1d3e81;
	--rota-orange: #ef7822;
	--rota-gold: #f9af2e;
	--rota-soft: #92bcc7;
}

.section.blue {
	background: linear-gradient(135deg, var(--rota-navy) 0%, var(--rota-blue) 100%);
}

.line,
.heading .line {
	border-top-color: var(--rota-orange);
}

.button:hover,
button:hover,
input[type=submit]:hover {
	background: var(--rota-gold);
	border-color: var(--rota-gold);
	color: var(--rota-navy);
}

.main-nav ul > li.active a,
.main-nav ul > li ul li.active a,
.main-nav ul > li ul li.active a:hover {
	background: var(--rota-orange);
	color: var(--rota-navy);
}

.top-nav li a:hover,
.social-icons .social-icon a:hover {
	color: var(--rota-gold);
}

.testimonial .quote-icon,
.blog-post-date,
.license-card .button.border.blue:hover {
	background: var(--rota-blue);
}

/* ---- Erişilebilirlik: ana belirgin işaretle uyum, sr-only, dokunma hedefleri ---- */
.a11y-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.top-nav a {
	display: inline-block;
	padding: 10px 10px 12px;
	min-height: 44px;
	box-sizing: border-box;
}
.main-nav > ul > li > a {
	padding-top: 12px;
	padding-bottom: 12px;
	min-height: 44px;
	display: block;
	box-sizing: border-box;
}
.header .social-icons.yellow .social-icon a,
.footer .social-icon a {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.header-search-form button,
.responsive-menu .search-form button {
	min-width: 44px;
	min-height: 44px;
}
.responsive-nav ul > li > a {
	padding-top: 12px;
	padding-bottom: 12px;
	min-height: 44px;
}
.responsive-nav ul > li ul li a {
	color: rgba(255, 255, 255, 0.92) !important;
}
.responsive-menu .search-form input[type=search]::placeholder {
	color: rgba(255, 255, 255, 0.72);
}
.homeslider .caption h2,
.homeslider .caption h4 {
	margin: 0 0 8px 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}