/*
 Theme Name:   Electrician Child
 Theme URI:    https://smartdata.tonytemplates.com/electrician
 Description:  Electrician Child Theme
 Author:       Smartdatasoft Team
 Author URI:   https://themeforest.net/user/smartdatasoft
 Template:     electrician
 Version:      1.0.0
 License:      This theme or plugin is comprised of two parts.(1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the terms of your purchased license. Read more about licensing here: http://themeforest.net/licenses
 License URI:  License.txt
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  electrician
*/
/* ============================================================
   EMK Électricité — prilagođavanja
   ============================================================ */

/* Kružne slike bez deformacije (avatari, testimonial) */
.tt-box03 .item .tt-item__img img,
.personal-box .personal-box__img img,
.rounded-circle,
img.rounded-circle {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.tt-box03 .item .tt-item__img img {
    width: 119px;
    height: 119px;
    min-width: 119px;
}

.personal-box .personal-box__img img {
    width: 67px;
    height: 67px;
    max-width: 67px;
}

/* Slike u mrežama (projekti, usluge) — bez razvlačenja */
.tt-gallery .item img,
.tt-box02 .item img,
.tt-services-item img {
    object-fit: cover;
}

/* Footer nav linkovi — aktivna stranica */
#f-nav ul li a {
    transition: color .2s ease;
}

/* Google mapa na Contact stranici */
.map-contact,
#gmap_canvas {
    width: 100%;
    height: 440px;
    border: 0;
    display: block;
}

.mapouter,
.gmap_canvas {
    width: 100%;
}

/* Sijalica-kartice (Nos domaines d'expertise) — slika tačno u masku 142x221 */
.tt-box02 .tt-box02__img .tt-bg-dark {
    width: 142px;
    height: 221px;
    overflow: hidden;
}

.tt-box02 .tt-box02__img img.tt-img-main {
    width: 142px;
    height: 221px;
    max-width: 142px;
    object-fit: cover;
}

/* Bannière des pages services : titre + fil d'Ariane */
.tt-breadcrumb .breadcrumb-area.emk-breadcrumb {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 34px 0;
	margin-left: 0;
}
.emk-banner-title {
	color: #fff;
	margin: 0 0 8px;
	font-size: 42px;
	line-height: 1.15;
}
.tt-breadcrumb ul.emk-trail {
	min-height: 0;
	margin: 0 0 0 -8px;
}
@media (max-width: 768px) {
	.emk-banner-title {
		font-size: 28px;
	}
	.tt-breadcrumb .breadcrumb-area.emk-breadcrumb {
		padding: 20px 0;
	}
}

/* ===================== Pages services : polish ===================== */

/* --- Bannière : overlay + titre centré --- */
.tt-breadcrumb {
	position: relative;
}
.tt-breadcrumb::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(18, 21, 32, .30), rgba(18, 21, 32, .62));
}
.tt-breadcrumb .container {
	position: relative;
}
.tt-breadcrumb .breadcrumb-area.emk-breadcrumb {
	align-items: center;
	text-align: center;
	padding: 46px 0;
}
.emk-banner-title {
	margin: 0;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
}
.emk-banner-title::after {
	content: '';
	display: block;
	width: 56px;
	height: 4px;
	border-radius: 2px;
	background: #f47629;
	margin: 14px auto 8px;
}
.tt-breadcrumb ul.emk-trail li,
.tt-breadcrumb ul.emk-trail li a {
	color: #d9dbe2;
}

/* --- Image + carte de contenu --- */
.services-item__img img {
	border-radius: 16px;
}
.services-item__layout {
	border-radius: 16px 16px 0 0;
	padding-right: 20px;
}
.services-item__layout h2 {
	font-size: 30px;
	line-height: 1.25;
	margin: 0 0 18px;
	color: #303442;
}
.services-item__layout p {
	font-size: 16px;
	line-height: 1.75;
	color: #5c6270;
}
.services-item__layout h3 {
	font-size: 22px;
	line-height: 1.3;
	margin: 36px 0 20px;
	padding-left: 14px;
	border-left: 4px solid #f47629;
}

/* --- Liste de prestations : checklist en grille --- */
.services-item__layout ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 12px 26px;
}
.services-item__layout ul li {
	position: relative;
	padding: 0 0 0 34px;
	font-size: 16px;
	line-height: 1.5;
	color: #3a3f4c;
}
.services-item__layout ul li::before {
	content: '\2713';
	position: absolute;
	left: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(244, 118, 41, .13);
	color: #f47629;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* --- CTA en bas de contenu --- */
.emk-service-cta {
	margin-top: 46px;
	padding: 30px 34px;
	border-radius: 16px;
	background: #303442;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px 28px;
	flex-wrap: wrap;
}
.services-item__layout .emk-service-cta h3 {
	color: #fff;
	margin: 0 0 6px;
	padding: 0;
	border: none;
	font-size: 22px;
}
.services-item__layout .emk-service-cta p {
	color: #aab0bf;
	margin: 0;
	font-size: 15px;
}
.emk-service-cta__actions {
	display: flex;
	align-items: center;
	gap: 14px 22px;
	flex-wrap: wrap;
}
.emk-cta-phone {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
}
.emk-cta-phone:hover {
	color: #f47629;
}

/* --- Sidebar : widget "Nos services" en carte --- */
.asideColumn .submenu-aside .tt-item {
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 20px rgba(48, 52, 66, .08);
	overflow: hidden;
}
.asideColumn .submenu-aside .tt-item .tt-item__title {
	border-radius: 12px 12px 0 0;
}
.asideColumn .submenu-aside .tt-item .tt-item__content {
	padding: 8px 0 12px;
}
.asideColumn .submenu-aside ul {
	padding: 0 20px 0 22px;
}
.asideColumn .submenu-aside ul li:not(:first-child) {
	margin-top: 0;
	border-top: 1px solid #f0f1f3;
}
.asideColumn .submenu-aside ul li:before {
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}
.asideColumn .submenu-aside ul li a {
	display: block;
	padding: 11px 0 11px 18px;
}
.asideColumn .submenu-aside ul li.emk-current a {
	color: #f47629;
	font-weight: 600;
}

/* --- Sidebar : carte contact --- */
.asideColumn .widget.tt-block-aside__shadow {
	margin-top: 30px;
	padding: 26px 26px 28px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 20px rgba(48, 52, 66, .10);
}
.asideColumn .box-aside-info {
	list-style: none;
	margin: 0;
	padding: 0;
}
.asideColumn .box-aside-info li {
	font-size: 15px;
	line-height: 1.55;
	color: #5c6270;
	padding-left: 30px;
}
.asideColumn .box-aside-info li:not(:first-child) {
	margin-top: 13px;
}
.asideColumn .box-aside-info li a {
	color: #303442;
	font-weight: 600;
	font-size: 17px;
}
.asideColumn .box-aside-info li a:hover {
	color: #f47629;
}
.asideColumn .tt-aside-content > a.tt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 22px;
}

/* --- Sidebar : carte formulaire "Une question ?" --- */
.asideColumn .widget_text {
	margin-top: 30px;
	padding: 26px 26px 28px;
	border-radius: 12px;
	background: #f4f5f7;
}
.asideColumn .widget_text h4 {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #303442;
	margin: 0 0 18px;
}
.asideColumn .widget_text .form-group:not(:first-child) {
	margin-top: 12px;
}
.asideColumn .widget_text .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

/* --- Mobile --- */
@media (max-width: 767.98px) {
	.tt-breadcrumb .breadcrumb-area.emk-breadcrumb {
		padding: 28px 0;
	}
	.services-item__layout {
		margin-top: -40px;
		padding-right: 14px;
	}
	.services-item__layout h2 {
		font-size: 24px;
	}
	.services-item__layout h3 {
		font-size: 19px;
		margin-top: 30px;
	}
	.emk-service-cta {
		padding: 24px 20px;
	}
	.emk-service-cta__actions {
		width: 100%;
	}
	.emk-service-cta__actions .tt-btn {
		flex: 1 1 auto;
		justify-content: center;
	}
	.asideColumn {
		margin-top: 8px;
	}
}

/* Slider sa jednim slajdom: sakrij usamljenu pagination tačku */
.slick-dots li:only-child {
	display: none;
}