/*
Theme Name: WbClic Astra
Description: WbClic agency layout with restored typography and multilingual support.
Version: 2.4.13
Template: astra
Text Domain: wbclic-astra
*/

:root {
	--wbclic-accent: #3490b2;
	--wbclic-ink: #131f33;
	--wbclic-orange: #ee6e20;
	--wbclic-white: #ffffff;
	--wbclic-surface: #ebf4f7;
	--wbclic-border: #aed3e0;
	--wbclic-body-font: "Montserrat", "Rubik", sans-serif;
	--wbclic-heading-font: "Montserrat", "Rubik", sans-serif;
	--wbclic-display-font: "Montserrat", "Rubik", sans-serif;
}

body {
	color: var(--wbclic-ink);
	background-color: var(--wbclic-white);
	font-family: var(--wbclic-body-font);
	font-size: 18px;
	line-height: 1.5;
}

body :is(h1, h2, h3, h4, h5, h6),
.site-title a,
.main-header-menu a {
	color: var(--wbclic-ink);
}

.wbclic-content a:not(.wp-block-button__link),
.site-footer a {
	color: var(--wbclic-ink);
	text-decoration: underline;
	text-decoration-color: var(--wbclic-accent);
	text-underline-offset: .2em;
}

.wbclic-content a:not(.wp-block-button__link):hover {
	text-decoration-thickness: 3px;
}

::selection {
	background: var(--wbclic-accent);
	color: var(--wbclic-ink);
}

:is(a, button, input, textarea, select):focus-visible {
	outline: 3px solid var(--wbclic-ink);
	outline-offset: 4px;
}

.site-header {
	border-block-end: 3px solid var(--wbclic-accent);
}

.site-footer {
	background: var(--wbclic-surface);
	color: var(--wbclic-ink);
}

body :is(button, input[type="submit"], input[type="button"], .ast-button) {
	background: var(--wbclic-orange);
	border-color: var(--wbclic-orange);
	color: var(--wbclic-ink);
}

body :is(button, input[type="submit"], input[type="button"], .ast-button):hover {
	background: var(--wbclic-ink);
	border-color: var(--wbclic-ink);
	color: var(--wbclic-white);
}

body :is(input:not([type="submit"]):not([type="button"]), textarea, select) {
	color: var(--wbclic-ink);
	border-color: var(--wbclic-border);
	background: var(--wbclic-white);
}

.wbclic-topbar {
	background: var(--wbclic-ink);
	color: #fff;
}

.wbclic-topbar-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	max-inline-size: 1200px;
	margin-inline: auto;
	padding: .45rem 1.5rem;
	font-size: 13px;
}

.wbclic-topbar-inner > nav {
	justify-self: end;
}

.wbclic-language-picker {
	display: none;
}

.wbclic-topbar-phone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 36px;
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
}

.wbclic-topbar-phone:hover {
	text-decoration: underline;
	text-underline-offset: .2em;
}

.wbclic-topbar-phone:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}

.wbclic-languages {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wbclic-topbar-contact,
.wbclic-socials {
	display: flex;
	align-items: center;
	gap: 14px;
}

.wbclic-topbar-contact {
	gap: 24px;
}

.wbclic-topbar a {
	color: var(--wbclic-white);
}

.wbclic-socials a {
	display: inline-flex;
	padding: 4px;
}

.wbclic-socials svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.site-header .main-header-menu > .menu-item > .menu-link,
.site-header .ast-builder-menu-mobile .menu-item > .menu-link {
	font-family: var(--wbclic-body-font);
	font-size: 14px;
	font-weight: 400;
	padding-inline: 9px;
	line-height: 1.4;
}

.site-header .ast-builder-menu-1 .main-header-menu {
	gap: 0;
}

.site-header .ast-primary-header-bar .site-primary-header-wrap {
	max-width: 1200px;
	margin-inline: auto;
}

.wbclic-why-section .elementor-image-box-title {
	color: var(--wbclic-ink);
	-webkit-text-fill-color: var(--wbclic-ink);
	font-family: var(--wbclic-heading-font);
	font-size: 22px;
	line-height: 1.35;
}

.wbclic-why-section .elementor-image-box-description {
	color: var(--wbclic-ink);
	font-size: 16px;
	line-height: 1.5;
}

.elementor .wbclic-reasons-grid > .elementor-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.elementor .wbclic-reasons-grid > .elementor-container > .elementor-column {
	width: 100%;
}

.wbclic-reasons-grid .elementor-widget-wrap {
	padding: 0;
}

.wbclic-reasons-grid :is(.elementor-widget-image-box, .elementor-widget-container, .elementor-image-box-wrapper) {
	height: 100%;
}

.wbclic-reasons-grid .elementor-image-box-title {
	min-block-size: 2.7em;
}

.wbclic-analysis-section .elementor-widget-progress {
	padding-block-end: 28px;
}

.wbclic-analysis-section .elementor-progress-wrapper {
	position: relative;
	overflow: visible;
	height: 8px;
	line-height: 1;
	margin-block-start: 8px;
}

.wbclic-analysis-section .elementor-progress-bar {
	height: 8px;
	position: static;
	overflow: visible;
}

.wbclic-analysis-section .elementor-progress-percentage {
	position: absolute;
	inset-block-start: 16px;
	inset-inline-end: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1;
	color: var(--wbclic-ink);
}

.wbclic-project-contact .elementor-widget-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.wbclic-project-contact .elementor-widget {
	margin: 0;
	text-align: center;
}

.elementor .wbclic-project-contact [data-id="8b1270f"] > .elementor-widget-container,
.elementor .wbclic-project-contact [data-id="89b3d94"] > .elementor-widget-container {
	padding: 0;
	margin: 0;
}

.wbclic-project-contact [data-id="8b1270f"] p {
	margin: 0;
}

.wbclic-project-contact [data-id="89b3d94"] {
	order: 1;
}

.wbclic-project-contact .wbclic-contact-action {
	order: 2;
}

.elementor .wbclic-services-page-grid > .elementor-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.elementor .wbclic-services-page-grid > .elementor-container > .elementor-column {
	width: 100%;
}

.wbclic-services-page-grid .elementor-widget-wrap {
	padding: 28px;
	border: 1px solid var(--wbclic-border);
	border-block-start: 3px solid var(--wbclic-accent);
	border-radius: 12px;
	background: var(--wbclic-white);
	align-content: flex-start;
}

.wbclic-services-intro,
.wbclic-services-cta {
	text-align: center;
}

.wbclic-brochure {
	text-align: center;
	color: var(--wbclic-ink);
}

.wbclic-brochure h2 {
	font-family: var(--wbclic-heading-font);
	color: var(--wbclic-ink);
}

.wbclic-brochure-viewer {
	border: 1px solid var(--wbclic-border);
	border-radius: 16px;
	overflow: hidden;
	margin-block: 24px;
}

.wbclic-brochure-viewer .df-container {
	max-width: 100%;
}

.wbclic-brochure-viewer .df-ui-wrapper {
	background: var(--wbclic-ink);
	color: var(--wbclic-white);
}

.wbclic-brochure-viewer .df-ui-btn {
	color: var(--wbclic-white);
}

.wbclic-brochure-viewer .df-ui-btn:hover {
	color: var(--wbclic-orange);
}

@media (max-width: 1024px) {
	.elementor .wbclic-services-page-grid > .elementor-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.elementor .wbclic-services-page-grid > .elementor-container,
	.elementor .wbclic-reasons-grid > .elementor-container {
		grid-template-columns: minmax(0, 1fr);
	}

	.wbclic-reasons-grid .elementor-image-box-title {
		min-block-size: 0;
	}

}

.wbclic-unified-offer {
	padding-block: 80px;
}

.wbclic-unified-offer > .elementor-container {
	align-items: center;
}

.wbclic-unified-offer .elementor-widget-wrap {
	align-content: center;
	padding: 20px 30px;
}

.wbclic-unified-offer .elementor-heading-title {
	font-size: clamp(28px, 3vw, 44px);
	line-height: 1.15;
	letter-spacing: -.025em;
}

.wbclic-offer-hero .elementor-heading-title {
	font-size: clamp(36px, 4.5vw, 64px);
}

.wbclic-unified-offer .elementor-widget-text-editor {
	font-size: 18px;
	line-height: 1.65;
}

.wbclic-unified-offer .elementor-widget-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 24px;
}

.wbclic-offer-step {
	background: var(--wbclic-surface);
	border-radius: 24px;
}

.wbclic-offer-step .elementor-heading-title {
	font-size: 24px;
}

.wbclic-offer-faq .elementor-heading-title {
	font-size: 22px;
}

.wbclic-offer-faq .wbclic-offer-faq-title .elementor-heading-title {
	font-size: 40px;
}

.wbclic-offer-home-action {
	text-align: center;
	margin-block: 24px 40px;
}

.site-header .main-header-menu > .menu-item.wbclic-menu-offer > .menu-link,
.site-header .ast-builder-menu-mobile .menu-item.wbclic-menu-offer > .menu-link {
	color: var(--wbclic-orange);
	font-weight: 600;
}

.site-header .menu-item.wbclic-menu-offer > .menu-link:hover,
.site-header .menu-item.wbclic-menu-offer > .menu-link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.wbclic-offer-deliverables li {
	margin-block-end: 12px;
}

.wbclic-offer-process .elementor-widget-wrap,
.wbclic-offer-packages .elementor-widget-wrap {
	height: 100%;
	border: 1px solid var(--wbclic-border);
	border-radius: 20px;
	background: var(--wbclic-surface);
}

.wbclic-offer-packages .elementor-heading-title,
.wbclic-offer-process .elementor-heading-title {
	font-size: 26px;
}

.elementor .elementor-section:is(.wbclic-offer-process, .wbclic-offer-packages) > .elementor-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

.elementor-section:is(.wbclic-offer-process, .wbclic-offer-packages) > .elementor-container > .elementor-column {
	width: 100%;
}

.wbclic-offer-section-title {
	padding-block-end: 0;
}

.wbclic-offer-process,
.wbclic-offer-packages {
	padding-block-start: 24px;
}

@media (max-width: 1024px) {
	.elementor .elementor-section:is(.wbclic-offer-process, .wbclic-offer-packages) > .elementor-container {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.wbclic-unified-offer {
		padding-block: 32px;
	}

	.wbclic-unified-offer .elementor-widget-wrap {
		padding: 16px;
	}

	.wbclic-offer-hero .elementor-heading-title {
		font-size: 36px;
	}
}

.wbclic-contact-enquiry .fluentform {
	padding: 24px;
	border: 1px solid var(--wbclic-border);
	border-radius: 12px;
	background: var(--wbclic-white);
}

.wbclic-contact-enquiry .fluentform :is(input, textarea, select) {
	font-family: var(--wbclic-body-font);
	font-size: 16px;
}

@media (max-width: 1000px) {
	.wbclic-topbar-inner {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.wbclic-topbar-phone {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: center;
	}
}

@media (max-width: 600px) {
	.wbclic-topbar-inner {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 8px;
		padding-block: 0;
	}

	.wbclic-topbar-inner > nav {
		justify-self: end;
	}

	.wbclic-topbar-contact,
	.wbclic-languages-desktop {
		display: none;
	}

	.wbclic-topbar-phone {
		grid-column: auto;
		grid-row: auto;
		justify-self: start;
		min-block-size: 44px;
	}

	.wbclic-language-picker {
		display: block;
		position: relative;
	}

	.wbclic-language-picker summary {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-inline-size: 52px;
		min-block-size: 44px;
		cursor: pointer;
		list-style: none;
		font-weight: 600;
	}

	.wbclic-language-picker summary::-webkit-details-marker {
		display: none;
	}

	.wbclic-language-picker summary:focus-visible {
		outline: 2px solid #fff;
		outline-offset: -4px;
	}

	.wbclic-language-chevron {
		inline-size: 6px;
		block-size: 6px;
		border-inline-end: 1px solid currentColor;
		border-block-end: 1px solid currentColor;
		transform: rotate(45deg);
	}

	.wbclic-language-picker[open] .wbclic-languages {
		display: flex;
		flex-direction: column;
		gap: 0;
		position: absolute;
		inset-block-start: 100%;
		inset-inline-end: 0;
		z-index: 1000;
		min-inline-size: 150px;
		padding: 6px;
		background: var(--wbclic-ink);
		border: 1px solid var(--wbclic-accent);
		border-radius: 8px;
		box-shadow: 0 8px 24px rgb(19 31 51 / 20%);
	}

	.wbclic-language-picker .wbclic-languages a {
		display: flex;
		align-items: center;
		min-block-size: 44px;
		padding-inline: 12px;
	}

	.wbclic-language-picker .wbclic-languages a:hover {
		background: rgb(255 255 255 / 10%);
	}

	.wbclic-contact-enquiry .fluentform {
		padding: 16px;
	}
}

.wbclic-languages a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: .25em;
}

.wbclic-languages a[aria-current="page"] {
	font-weight: 700;
	text-decoration-color: var(--wbclic-orange);
	text-decoration-thickness: 3px;
}

.wbclic-languages a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}

.wbclic-content {
	max-inline-size: 1100px;
	margin-inline: auto;
	padding-block: 2rem;
}

.wbclic-content h2 {
	margin-block-start: 2.5rem;
}

.wbclic-headline .wbclic-heading {
	font-family: var(--wbclic-display-font);
	font-size: clamp(28px, 2.6vw, 38px);
	font-weight: 600;
	line-height: 1.15;
	margin: 0;
	text-align: start;
	white-space: normal;
	overflow-wrap: normal;
	letter-spacing: -.025em;
}

.wbclic-hero-fixed {
	display: block;
}

.wbclic-word-stack {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin-block-start: .2em;
}

.wbclic-rotating-word {
	grid-area: 1 / 1;
	white-space: nowrap;
	opacity: 0;
	animation: wbclic-word-fade 9s ease-in-out infinite;
}

.wbclic-rotating-word:nth-child(2) {
	animation-delay: -6s;
}

.wbclic-rotating-word:nth-child(3) {
	animation-delay: -3s;
}

@keyframes wbclic-word-fade {
	0%, 26%, 100% { opacity: 1; }
	31%, 95% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.wbclic-rotating-word { animation: none; }
	.wbclic-rotating-word:first-child { opacity: 1; }
}

.wbclic-hero-image {
	display: block;
	inline-size: 100%;
	max-inline-size: 420px;
	block-size: auto;
	margin-inline: auto;
}

@media (max-width: 780px) {
	.wbclic-hero-image {
		max-inline-size: 280px;
	}
}

.elementor,
.elementor-widget-text-editor,
.elementor-widget-image-box .elementor-image-box-description,
.elementor-button,
.fluentform {
	font-family: var(--wbclic-body-font);
}

.elementor-widget-heading .elementor-heading-title,
.elementor-widget-image-box .elementor-image-box-title,
.wbclic-card h3,
.elementor-accordion .elementor-tab-title {
	font-family: var(--wbclic-heading-font);
	font-weight: 600;
}

.wbclic-elementor-hero {
	padding-block: 65px;
}

.wbclic-elementor-hero .elementor-column {
	justify-content: center;
}

.wbclic-hero-description {
	margin-block-start: 1rem;
}

.wbclic-hero-visual img {
	display: block;
	inline-size: 100%;
	max-inline-size: 543px;
	block-size: auto;
	object-fit: contain;
	margin-inline: auto;
}

.elementor .wbclic-decoration {
	display: none;
}

.fluentform .ff-btn-submit {
	background: var(--wbclic-orange) !important;
	color: var(--wbclic-ink) !important;
	border-color: var(--wbclic-orange) !important;
	font-family: var(--wbclic-body-font);
}

.fluentform .ff-btn-submit:hover {
	background: var(--wbclic-ink) !important;
	color: var(--wbclic-white) !important;
}

.fluentform .ff-el-form-control {
	font-family: var(--wbclic-body-font);
}

.fluentform .wbclic-project-type .choices {
	width: 100%;
	min-width: 0;
	font-family: var(--wbclic-body-font);
	text-align: start;
}

.fluentform .wbclic-project-type .choices__inner {
	box-sizing: border-box;
	min-height: 48px;
	padding: 8px 12px;
	background: var(--wbclic-white);
	border: 1px solid var(--wbclic-border);
	border-radius: 6px;
}

.fluentform .wbclic-project-type .choices__input--cloned {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	padding: 4px 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font: inherit;
}

.fluentform .wbclic-project-type .choices__list--dropdown {
	z-index: 20;
	box-sizing: border-box;
	border-color: var(--wbclic-border);
	border-radius: 6px;
	text-align: start;
}

.fluentform .wbclic-project-type .choices__list--dropdown .choices__item--selectable {
	padding: 12px 14px;
	color: var(--wbclic-ink);
	font-size: 16px;
	line-height: 1.5;
	white-space: normal;
	overflow-wrap: anywhere;
}

.fluentform .wbclic-project-type .choices__item--selectable::before,
.fluentform .wbclic-project-type .choices__item--selectable::after {
	display: none;
}

.fluentform .wbclic-project-type .choices__list--dropdown .is-highlighted {
	background: var(--wbclic-surface);
	color: var(--wbclic-ink);
}

.fluentform .wbclic-project-type .choices__list--multiple .choices__item {
	max-width: 100%;
	background: var(--wbclic-ink);
	border-color: var(--wbclic-ink);
	color: var(--wbclic-white);
	white-space: normal;
	overflow-wrap: anywhere;
}

.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-image-box :is(.elementor-image-box-title, .elementor-image-box-description),
.elementor-widget-counter :is(.elementor-counter-title, .elementor-counter-number-wrapper) {
	color: var(--wbclic-ink);
}

.elementor .elementor-button {
	background: var(--wbclic-orange);
	color: var(--wbclic-ink);
	border-radius: .5rem;
}

.elementor .elementor-button:hover,
.elementor .elementor-button:focus-visible {
	background: var(--wbclic-ink);
	color: var(--wbclic-white);
}

.elementor-widget-text-editor {
	line-height: 1.5;
}

.wbclic-offer-answers {
	color: var(--wbclic-ink);
	font-family: var(--wbclic-body-font);
	line-height: 1.5;
	text-align: start;
}

.wbclic-offer-answers :is(h3, h4) {
	color: var(--wbclic-ink);
	font-family: var(--wbclic-heading-font);
	line-height: 1.35;
	margin-block: 1.25rem .5rem;
}

.wbclic-offer-answers h3 {
	border-inline-start: 3px solid var(--wbclic-accent);
	padding-inline-start: .75rem;
	font-size: 1.35rem;
}

.wbclic-offer-answers h4 {
	font-size: 1.1rem;
}

.elementor-widget-heading .elementor-heading-title {
	line-height: 1.35;
}

.elementor-widget-image-box,
.wbclic-card {
	background: var(--wbclic-surface);
	border-block-start: 3px solid var(--wbclic-accent);
	border-radius: .75rem;
	padding: 1.25rem;
}

.elementor .elementor-widget-wrap,
.elementor .elementor-column,
.elementor .elementor-widget-container {
	min-inline-size: 0;
}

.elementor .elementor-progress-wrapper {
	background: var(--wbclic-surface);
}

.elementor .elementor-progress-bar {
	background: var(--wbclic-accent);
	color: var(--wbclic-ink);
}

.wbclic-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
	gap: 1.5rem;
}

.wbclic-card img {
	inline-size: 100%;
	block-size: 200px;
	object-fit: cover;
}

.elementor :is(p, li) {
	overflow-wrap: break-word;
}

.elementor a:not(.elementor-button) {
	color: var(--wbclic-ink);
	text-decoration-color: var(--wbclic-accent);
}

[dir="rtl"] .elementor-widget-text-editor,
[dir="rtl"] .elementor-widget-heading,
[dir="rtl"] .elementor-image-box-content,
[dir="rtl"] .fluentform {
	text-align: start;
}

[dir="rtl"] :is(input[type="tel"], input[type="email"]) {
	direction: ltr;
	unicode-bidi: isolate;
}

.wbclic-content .wp-block-columns {
	gap: 1.5rem;
}

.wbclic-content .wp-block-column {
	background: var(--wbclic-surface);
	border-radius: 1rem;
	padding: 1.5rem;
	border-block-start: 3px solid var(--wbclic-accent);
}

.wbclic-content .wp-block-button__link {
	background: var(--wbclic-orange);
	color: var(--wbclic-ink);
	border-radius: .5rem;
	padding: .85rem 1.4rem;
}

.wbclic-content .wp-block-button__link:hover,
.wbclic-content .wp-block-button__link:focus-visible {
	background: var(--wbclic-ink);
	color: var(--wbclic-white);
}

.wbclic-location {
	margin-block: 1rem;
}

.elementor .wbclic-contact-map iframe {
	display: block;
	inline-size: 100%;
	max-inline-size: 100%;
	border: 2px solid var(--wbclic-accent);
	border-radius: .75rem;
}

.site-content,
.site-header .ast-primary-header-bar,
.site-header .ast-mobile-header-wrap .ast-primary-header-bar {
	background: var(--wbclic-white);
}

.wbclic-section {
	padding-block: 55px;
}

.elementor .wbclic-elementor-hero > .elementor-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	align-items: center;
}

.wbclic-elementor-hero > .elementor-container > .elementor-column {
	width: 100%;
	min-width: 0;
}

.wbclic-elementor-hero .elementor-widget-wrap {
	align-content: center;
	padding: 0;
}

.wbclic-elementor-hero .wbclic-hero-description {
	font-family: var(--wbclic-body-font);
	text-align: start;
	margin-block-start: 20px;
}

.wbclic-elementor-hero .wbclic-hero-description p {
	margin: 0;
}

@media (min-width: 1025px) {
	.wbclic-elementor-hero .wbclic-heading {
		white-space: nowrap;
	}
}

@media (max-width: 767px) {
	.elementor .wbclic-elementor-hero > .elementor-container {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

.wbclic-headline .wbclic-heading,
.wbclic-headline .wbclic-heading span {
	background-image: none;
	-webkit-text-fill-color: var(--wbclic-ink);
	color: var(--wbclic-ink);
	text-shadow: none;
}

.wbclic-headline .wbclic-heading .wbclic-rotating-word {
	color: var(--wbclic-accent);
	-webkit-text-fill-color: var(--wbclic-accent);
}

.wbclic-offer-section [data-id="aeedd95"],
.wbclic-offer-section [data-id="f3fe951"] {
	text-align: center;
}

.wbclic-offer-section [data-id="f3fe951"] .elementor-heading-title {
	max-inline-size: 1000px;
	margin-inline: auto;
}

.wbclic-offer-section [data-id="e314731"] img {
	inline-size: 100%;
	max-inline-size: 960px;
	block-size: auto;
	border-radius: 16px;
}

.elementor .elementor-section.wbclic-services-grid > .elementor-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}

.elementor .wbclic-services-grid > .elementor-container > .elementor-column {
	width: 100%;
}

.wbclic-services-grid .elementor-widget-wrap {
	padding: 0;
}

.wbclic-services-grid .elementor-widget-image-box,
.wbclic-services-grid .elementor-widget-container,
.wbclic-services-grid .elementor-image-box-wrapper {
	height: 100%;
}

.wbclic-services-grid .elementor-widget-image-box {
	background: var(--wbclic-white);
	border: 1px solid var(--wbclic-border);
	box-shadow: 0 8px 28px rgb(19 31 51 / 6%);
	padding: 30px;
}

.elementor .wbclic-services-grid .elementor-widget-image-box > .elementor-widget-container,
.elementor .wbclic-services-grid .elementor-widget-image-box:is(:hover, :focus-within) > .elementor-widget-container {
	background: transparent;
	box-shadow: none;
	border: 0;
}

.wbclic-services-grid .elementor-image-box-title {
	min-block-size: 2.7em;
}

.wbclic-why-section > .elementor-container {
	align-items: flex-start;
}

.wbclic-why-section .elementor-accordion .elementor-tab-title {
	font-size: 18px;
	line-height: 1.5;
}

.wbclic-why-section .elementor-tab-content {
	font-size: 16px;
	line-height: 1.5;
}

.wbclic-contact-heading {
	padding-block: 55px 10px;
}

.wbclic-contact-enquiry > .elementor-container {
	align-items: flex-start;
}

.wbclic-contact-visual img {
	inline-size: 100%;
	max-inline-size: 575px;
	block-size: auto;
}

.wbclic-contact-enquiry address {
	font-style: normal;
	line-height: 1.7;
}

[dir="rtl"] {
	--wbclic-heading-font: "Rubik", sans-serif;
	--wbclic-display-font: "Rubik", sans-serif;
}

@media (max-width: 1024px) {
	.elementor .elementor-section.wbclic-services-grid > .elementor-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wbclic-elementor-hero .wbclic-heading {
		font-size: clamp(32px, 5vw, 50px);
	}
}

@media (max-width: 767px) {
	.wbclic-section,
	.wbclic-elementor-hero {
		padding-block: 30px;
	}

	.wbclic-elementor-hero .wbclic-heading {
		font-size: clamp(28px, 8vw, 40px);
	}

	.wbclic-elementor-hero .wbclic-hero-visual img {
		max-inline-size: 280px;
	}

	.elementor .elementor-section.wbclic-services-grid > .elementor-container {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.wbclic-services-grid .elementor-image-box-title {
		min-block-size: 0;
	}

	.wbclic-contact-heading {
		padding-block: 30px 0;
	}

	.wbclic-contact-enquiry .elementor-column + .elementor-column {
		margin-block-start: 20px;
	}
}

[dir="rtl"] .wbclic-content {
	text-align: start;
	line-height: 1.9;
}

[dir="rtl"] .wbclic-content :is(input[type="email"], input[type="tel"], code) {
	direction: ltr;
	unicode-bidi: isolate;
}

@media (max-width: 600px) {
	.wbclic-topbar-inner {
		padding-inline: 1rem;
	}
}

.wbclic-portfolio {
	color: var(--wbclic-ink);
	font-family: var(--wbclic-body-font);
	scroll-margin-block-start: 100px;
}

.wbclic-portfolio-header {
	max-inline-size: 760px;
	margin: 0 auto 36px;
	text-align: center;
}

.wbclic-portfolio-header h2 {
	font-family: var(--wbclic-heading-font);
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 600;
	line-height: 1.2;
	margin-block: 12px 18px;
}

.wbclic-portfolio-header h2::after {
	content: "";
	display: block;
	inline-size: 52px;
	block-size: 4px;
	margin: 18px auto 0;
	background: var(--wbclic-orange);
	border-radius: 4px;
}

.wbclic-portfolio-header p {
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
}

.wbclic-portfolio-header .wbclic-portfolio-eyebrow {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.wbclic-portfolio-grid {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 48px) / 3);
	gap: 24px;
	overflow-x: auto;
	padding: 6px 4px 20px;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 4px;
	overscroll-behavior-x: contain;
	scrollbar-color: var(--wbclic-orange) var(--wbclic-surface);
}

.wbclic-portfolio-grid:focus-visible {
	outline: 3px solid var(--wbclic-ink);
	outline-offset: 4px;
}

.wbclic-portfolio-scroll-hint {
	margin-block: 0 12px;
	text-align: center;
	font-size: 13px;
	color: var(--wbclic-ink);
}

.wbclic-portfolio-card {
	display: flex;
	scroll-snap-align: start;
	flex-direction: column;
	min-inline-size: 0;
	overflow: hidden;
	border: 1px solid var(--wbclic-border);
	border-radius: 18px;
	background: var(--wbclic-white);
	box-shadow: 0 8px 28px rgb(19 31 51 / 7%);
	transition: transform .2s ease, box-shadow .2s ease;
}

.wbclic-portfolio-card:hover,
.wbclic-portfolio-card:focus-within {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgb(19 31 51 / 12%);
}

.wbclic-portfolio-preview {
	padding: 14px 14px 0;
	background: var(--wbclic-surface);
	border-block-end: 1px solid var(--wbclic-border);
}

.wbclic-portfolio-preview .wbclic-portfolio-image {
	display: block;
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: top;
	border-radius: 8px 8px 0 0;
}

.wbclic-portfolio-details {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
}

.wbclic-portfolio-details .wbclic-portfolio-category {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	margin-block: 0 12px;
	padding-inline-start: 10px;
	border-inline-start: 3px solid var(--wbclic-orange);
}

.wbclic-portfolio-details h3 {
	font-family: var(--wbclic-heading-font);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.35;
	margin-block: 0 12px;
}

.wbclic-portfolio-description {
	font-size: 15px;
	line-height: 1.65;
	margin-block: 0 24px;
}

.wbclic-portfolio .wbclic-portfolio-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-block-start: auto;
	padding: 12px 18px;
	min-block-size: 44px;
	border-radius: 8px;
	color: var(--wbclic-ink);
	background: var(--wbclic-orange);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.wbclic-portfolio .wbclic-portfolio-link:hover {
	color: var(--wbclic-white);
	background: var(--wbclic-ink);
}

.wbclic-portfolio-link svg {
	inline-size: 18px;
	block-size: 18px;
}

@media (max-width: 1024px) {
	.wbclic-portfolio-grid {
		grid-auto-columns: calc((100% - 24px) / 2);
	}
}

@media (max-width: 767px) {
	.wbclic-portfolio-grid {
		grid-auto-columns: 85%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wbclic-portfolio-card {
		transition: none;
	}

	.wbclic-portfolio-card:hover,
	.wbclic-portfolio-card:focus-within {
		transform: none;
	}
}


@media (prefers-color-scheme: dark) {
	.site-header .ast-primary-header-bar,
	.site-header .ast-mobile-header-wrap .ast-primary-header-bar,
	.site-header .ast-mobile-header-content,
	#ast-mobile-header #ast-hf-mobile-menu,
	.site-header .main-header-menu .sub-menu {
		background: var(--wbclic-ink);
	}

	.site-header img.custom-logo {
		content: url("/wp-content/uploads/2026/10/logo-blanc.png");
	}

	.site-header .main-header-menu > .menu-item > .menu-link,
	.site-header .ast-builder-menu-mobile .menu-item > .menu-link,
	.site-header .main-header-menu .sub-menu .menu-link,
	.site-header .ast-mobile-menu-trigger-minimal {
		color: var(--wbclic-white);
	}

	#ast-mobile-header #ast-hf-mobile-menu .menu-item > .menu-link {
		color: var(--wbclic-white);
	}

	.site-header a:focus-visible,
	.site-header button:focus-visible {
		outline-color: var(--wbclic-orange);
	}
}


#ast-mobile-header .menu-toggle {
	background: var(--wbclic-ink);
	color: var(--wbclic-white);
	border: 1px solid var(--wbclic-ink);
	border-radius: 8px;
	min-width: 44px;
	min-height: 44px;
}

#ast-mobile-header .menu-toggle .ast-mobile-svg {
	fill: var(--wbclic-white);
}

#ast-mobile-header .menu-toggle:hover,
#ast-mobile-header .menu-toggle:focus-visible {
	background: var(--wbclic-orange);
	border-color: var(--wbclic-orange);
}

.wbclic-about {
	max-inline-size: 1200px;
	margin-inline: auto;
	padding: 32px 24px 64px;
}

.wbclic-about > section {
	margin-block-start: 56px;
}

.wbclic-about h1,
.wbclic-about h2,
.wbclic-about h3 {
	font-family: var(--wbclic-heading-font);
	line-height: 1.25;
}

.wbclic-about h2 {
	font-size: clamp(24px, 3vw, 34px);
	margin-block-end: 24px;
}

.wbclic-about p {
	font-size: 16px;
	line-height: 1.8;
}

.wbclic-about-hero {
	background: var(--wbclic-ink);
	border-radius: 20px;
	padding: clamp(28px, 5vw, 64px);
	color: var(--wbclic-white);
}

.wbclic-about-hero img {
	width: 220px;
	height: auto;
	margin-block-end: 20px;
}

.wbclic-about-hero h1 {
	color: var(--wbclic-white);
	font-size: clamp(30px, 4.5vw, 52px);
	max-inline-size: 850px;
	margin-block: 18px 24px;
}

.wbclic-about-hero > p:last-child {
	max-inline-size: 720px;
	color: var(--wbclic-border);
}

.wbclic-about-hero .wbclic-about-eyebrow {
	color: var(--wbclic-orange);
	font-size: 13px;
	font-weight: 600;
}

.wbclic-about-story {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}

.wbclic-about-story figure {
	margin: 0;
	min-width: 0;
}

.wbclic-about video {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
	border-radius: 14px;
	background: var(--wbclic-ink);
}

.wbclic-about figcaption {
	font-size: 12px;
	line-height: 1.6;
	margin-block-start: 12px;
	color: #536174;
}

.wbclic-about-cards,
.wbclic-about-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.wbclic-about-cards > div {
	padding: 28px;
	background: var(--wbclic-surface);
	border: 1px solid var(--wbclic-border);
	border-radius: 14px;
}

.wbclic-about h3 {
	font-size: 20px;
}

.wbclic-about-steps {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	counter-reset: about-step;
	padding: 0;
	margin: 0;
}

.wbclic-about-steps li {
	counter-increment: about-step;
	border-block-start: 2px solid var(--wbclic-border);
	padding-block-start: 20px;
}

.wbclic-about-steps li::before {
	content: "0" counter(about-step);
	color: var(--wbclic-orange);
	font-size: 24px;
	font-weight: 600;
}

.wbclic-about-cta {
	background: var(--wbclic-surface);
	padding: 32px;
	border-radius: 14px;
}

.wbclic-about-cta a {
	display: inline-block;
	margin-inline-end: 20px;
	margin-block: 8px;
	color: var(--wbclic-ink);
}

.wbclic-about-cta .wbclic-about-button {
	background: var(--wbclic-orange);
	padding: 14px 20px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
}

@media (max-width: 900px) {
	.wbclic-about-story,
	.wbclic-about-cards {
		grid-template-columns: 1fr;
	}

	.wbclic-about-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.wbclic-about {
		padding: 20px 16px 40px;
	}

	.wbclic-about > section {
		margin-block-start: 36px;
	}

	.wbclic-about-steps {
		grid-template-columns: 1fr;
	}
}

#ast-mobile-header #ast-hf-mobile-menu .menu-item > .menu-link {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 12px 24px;
	background: var(--wbclic-surface);
	color: var(--wbclic-ink);
}

#ast-mobile-header #ast-hf-mobile-menu .menu-item > .menu-link:hover,
#ast-mobile-header #ast-hf-mobile-menu .menu-item > .menu-link:focus-visible {
	background: var(--wbclic-ink);
	color: var(--wbclic-white);
}

#ast-mobile-header #ast-hf-mobile-menu .current-menu-item > .menu-link {
	font-weight: 600;
	box-shadow: inset 3px 0 var(--wbclic-orange);
}

[dir="rtl"] #ast-mobile-header #ast-hf-mobile-menu .current-menu-item > .menu-link {
	box-shadow: inset -3px 0 var(--wbclic-orange);
}

@media (prefers-color-scheme: dark) {
	.site-header .ast-primary-header-bar,
	.site-header .ast-mobile-header-wrap .ast-primary-header-bar,
	.site-header .ast-mobile-header-content,
	#ast-mobile-header #ast-hf-mobile-menu,
	.site-header .main-header-menu .sub-menu {
		background: var(--wbclic-ink);
	}

	.site-header img.custom-logo {
		content: url("/wp-content/uploads/2026/10/logo-blanc.png");
	}

	.site-header .main-header-menu > .menu-item > .menu-link,
	.site-header .ast-builder-menu-mobile .menu-item > .menu-link,
	.site-header .main-header-menu .sub-menu .menu-link,
	.site-header .ast-mobile-menu-trigger-minimal {
		color: var(--wbclic-white);
	}

	#ast-mobile-header #ast-hf-mobile-menu .menu-item > .menu-link {
		color: var(--wbclic-white);
		background: var(--wbclic-ink);
	}

	#ast-mobile-header #ast-hf-mobile-menu .menu-item > .menu-link:hover,
	#ast-mobile-header #ast-hf-mobile-menu .menu-item > .menu-link:focus-visible {
		background: #22334a;
	}

	.site-header a:focus-visible,
	.site-header button:focus-visible {
		outline-color: var(--wbclic-orange);
	}
}

.elementor .elementor-element.elementor-element-8e8d3d4 p.elementor-heading-title {
 font-family: var(--wbclic-body-font);
 font-size: 18px;
 font-weight: 400;
 line-height: 1.7;
 max-inline-size: 780px;
 margin-inline: auto;
}
@media (max-width: 767px) {
 .elementor .elementor-element.elementor-element-8e8d3d4 p.elementor-heading-title { font-size: 16px; }
}