/* =====================================================================
   BÅTSERVICE MANDAL VERFT AS — ORTAK ÖZEL CSS
   Tüm sayfalarda kullanılır: index, about-us, services,
   contact-us, certificates, brochure, vessels, facilities, news
   ===================================================================== */

/* ===================== SAYFA GENİŞLİĞİ ===================== */
body {
	min-width: 1024px;
}

.wrapper {
	width: 1024px;
}

#maininner {
	width: 1024px;
}

/* ===================== MENÜ SAĞA HİZALI ===================== */
#menubar {
	text-align: right !important;
}

#menubar #menu {
	display: inline-block !important;
	float: none !important;
}

#menubar ul.menu {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
}

#menubar ul.menu > li {
	display: inline-block !important;
	margin: 0 !important;
}

#menubar-r {
	display: none !important;
}

/* ===================== SAYFA BAŞLIĞI ===================== */
.page-title {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #333;
	margin: 25px 0 30px 0;
}

/* ===================== NORWAY / TURKEY İKİ SÜTUN ===================== */
.contact-two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin: 0 0 10px 0;
	align-items: flex-start;
}

.contact-info {
	font-size: 14px;
	line-height: 1.7;
	color: #222;
}

.contact-info h3 {
	font-size: 15px;
	font-weight: 700;
	color: #333;
	margin: 0 0 18px 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #ddd;
	letter-spacing: 0.3px;
	text-align: center;
}

.contact-info .info-line {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 12px;
	margin-bottom: 14px;
	font-size: 14px;
	color: #222;
}

.contact-info .info-line .ico {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	background: #f0f0f0;
	font-size: 12px;
}

.contact-info .info-line .ico.red    { color: #e74c3c; }
.contact-info .info-line .ico.yellow { color: #f1c40f; }
.contact-info .info-line .ico.blue   { color: #3498db; }

/* ===================== ORTAK E-MAIL & WEBSITE ===================== */
.common-contact {
	max-width: 360px;
	margin: 30px auto 30px auto;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 14px 18px;
}

.common-contact .info-line {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 13px;
}

.common-contact .info-line:last-child {
	margin-bottom: 0;
}

.common-contact .info-line .ico {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
}

.common-contact .info-line .ico.mail { background: #9b59b6; }
.common-contact .info-line .ico.web  { background: #3498db; }

.common-contact .info-line a {
	color: #2a7ab0;
	text-decoration: none;
}

.common-contact .info-line a:hover {
	text-decoration: underline;
}

/* ===================== YÖNETİCİ KARTLARI ===================== */
.manager-section {
	margin-top: 30px;
}

.manager-section h3 {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin: 0 0 18px 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

.manager-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.manager-card {
	text-align: center;
}

.manager-card img {
	width: 100%;
	max-width: 150px;
	height: auto;
	display: block;
	margin: 0 auto 12px auto;
	border-radius: 4px;
	object-fit: cover;
	background: #ffffff;   /* fotoğrafın zemini beyaz görünsün */
}

.manager-card .m-name {
	font-weight: 700;
	font-size: 15px;
	color: #111;
	margin: 0 0 5px 0;
	line-height: 1.3;
}

.manager-card .m-role {
	font-size: 12.5px;
	color: #555;
	margin: 0;
}

/* ===================== FOOTER ===================== */
#block-bottom {
	background: #4a4a4a;
	padding: 25px 0 20px 0;
	margin-top: 0 !important;
}

.footer-logo-row {
	text-align: center;
	margin-bottom: 25px;
}

.footer-logo {
	display: inline-block;
	background: #ffffff;
	padding: 8px 18px;
	border-radius: 2px;
}

.footer-logo img {
	width: 210px;
	height: auto;
	display: block;
}

.footer-cols {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	align-items: flex-start;
	color: #ffffff;
}

.footer-col {
	font-size: 13px;
	line-height: 1.6;
	color: #ffffff;
}

.footer-col h4 {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 8px 0;
	letter-spacing: 0.3px;
}

.footer-col p,
.footer-col a {
	color: #ffffff;
	margin: 0;
	text-decoration: none;
}

.footer-col a:hover {
	text-decoration: underline;
}

/* ===================== FOOTER ÜSTÜNDEKİ BOŞLUĞU KALDIR ===================== */
#block-main   { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#main         { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#maininner    { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#content,
#content .grid-block { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#k2Container,
.itemView,
.itemBody,
.itemFullText { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#yoo-zoo,
#yoo-zoo .item,
#yoo-zoo .floatbox { margin-bottom: 0 !important; padding-bottom: 0 !important; }

#main + .clr,
#maininner + .clr,
#content + .clr {
	display: none !important;
	height: 0 !important;
}

/* ===================== MOBİL ===================== */
@media (max-width: 800px) {
	.contact-two-col {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.manager-row {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 10px;
	}

	.manager-card img {
		max-width: 90px;
	}

	.manager-card .m-name {
		font-size: 12px;
	}

	.manager-card .m-role {
		font-size: 11px;
	}

	.footer-cols {
		grid-template-columns: 1fr;
		gap: 20px;
		text-align: center;
	}
}