/*
Theme Name: Caribexport Child Theme
Theme URI: https://caribexport.nl/
Description: Child theme for the Caribexport parent theme.
Author: DVM Groep
Author URI: https://dvmgroep.nl/
Template: astra
Version: 1.0.0
Text Domain: caribexport-child
*/

.caribexport-contact-form-wrap {
	width: 100% !important;
	max-width: 520px !important;
	margin-left: 0;
	margin-right: auto;
}

.caribexport-contact-form {
	width: 100% !important;
	max-width: 520px !important;
}

.caribexport-contact-form p {
	margin-bottom: 14px;
}

.caribexport-contact-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.caribexport-contact-form input[type="text"],
.caribexport-contact-form input[type="email"],
.caribexport-contact-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ff8a00;
	border-radius: 12px;
	background: #fff;
}

.caribexport-contact-form textarea {
	resize: vertical;
	min-height: 140px;
	padding-top: 14px;
	padding-bottom: 14px;
	border-radius: 0;
}

.caribexport-contact-form button[type="submit"] {
	padding: 11px 18px;
	border: 1px solid #ff8a00;
	border-radius: 12px;
	cursor: pointer;
	background: #ff8a00;
	color: #ffffff;
	font-weight: 600;
}

.caribexport-contact-form button[type="submit"]:hover,
.caribexport-contact-form button[type="submit"]:focus {
	background: #e67800;
	color: #ffffff;
}

.caribexport-contact-hidden {
	display: none !important;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.caribexport-form-alert {
	padding: 12px 14px;
	border-radius: 6px;
	margin-bottom: 14px;
}

.caribexport-form-alert-success {
	background: #e9f8ef;
	color: #1d6f3c;
}

.caribexport-form-alert-error {
	background: #fdeaea;
	color: #9d1e1e;
}

.caribexport-contact-consent label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-weight: 500;
}

.caribexport-contact-consent input[type="checkbox"] {
	margin-top: 3px;
}

.caribexport-columns {
	display: grid;
	grid-template-columns: repeat(var(--caribexport-columns, 2), minmax(0, 1fr));
	gap: var(--caribexport-gap, 24px);
	margin-bottom: 24px;
}

.caribexport-column {
	min-width: 0;
	grid-column: span var(--caribexport-span, 1);
}

@media (max-width: 921px) {
	.caribexport-columns {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.caribexport-column {
		grid-column: span 1;
	}
}

body {
	position: relative;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	opacity: 0.06;
	background-image: url("assets/img/watermark-nl-antillen.png");
	background-repeat: no-repeat;
	background-position: center 55%;
	background-size: min(1100px, 85vw);
}

#page,
.site,
.ast-site-container,
.site-content,
.site-header,
.site-footer {
	position: relative;
	z-index: 1;
}

.caribexport-faq {
	margin: 32px 0;
}

.caribexport-faq-title {
	margin-bottom: 14px;
}

.caribexport-faq-list {
	display: grid;
	gap: 10px;
}

.caribexport-faq-item {
	border: 1px solid #dde3ea;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.caribexport-faq-question {
	list-style: none;
	cursor: pointer;
	padding: 14px 16px;
	font-weight: 600;
	position: relative;
}

.caribexport-faq-question::-webkit-details-marker {
	display: none;
}

.caribexport-faq-question::after {
	content: "+";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	line-height: 1;
}

.caribexport-faq-item[open] .caribexport-faq-question::after {
	content: "-";
}

.caribexport-faq-answer {
	padding: 0 16px 14px;
}

.caribexport-divider {
	width: 100%;
	margin: 28px 0;
	position: relative;
}

.caribexport-divider-line {
	height: 0;
	border-top: 2px solid var(--caribexport-divider-color, #eaf0f7);
}

.caribexport-divider-wave,
.caribexport-divider-diagonal,
.caribexport-divider-curve,
.caribexport-divider-curve-rise {
	height: var(--caribexport-divider-height, 90px);
	background: var(--caribexport-divider-color, #eaf0f7);
}

.caribexport-divider-wave {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,40 C150,120 350,0 600,58 C850,116 1050,12 1200,62 L1200,120 L0,120 Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,40 C150,120 350,0 600,58 C850,116 1050,12 1200,62 L1200,120 L0,120 Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.caribexport-divider-diagonal {
	clip-path: polygon(0 42%, 100% 0, 100% 100%, 0 100%);
}

.caribexport-divider-curve {
	border-top-left-radius: 50% 100%;
	border-top-right-radius: 50% 100%;
}

.caribexport-divider-curve-rise {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 140' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,98 C180,132 430,38 680,54 C900,66 1070,35 1200,0 L1200,140 L0,140 Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 140' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,98 C180,132 430,38 680,54 C900,66 1070,35 1200,0 L1200,140 L0,140 Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

@media (max-width: 921px) {
	#ast-mobile-popup .ast-mobile-popup-inner,
	#ast-mobile-popup .ast-mobile-popup-header,
	#ast-mobile-popup .ast-mobile-popup-content {
		background: #16244a;
	}

	.caribexport-custom-header-image {
		margin-top: 16px;
	}
}

.caribexport-cookie-bar {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 99999;
	background: #16244a;
	color: #ffffff;
	padding: 14px 16px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.caribexport-cookie-text {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
}

.caribexport-cookie-actions {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}

.caribexport-cookie-btn {
	border: 1px solid #ffffff;
	border-radius: 10px;
	padding: 8px 12px;
	cursor: pointer;
	font-size: 13px;
}

.caribexport-cookie-btn-primary {
	background: #ff8a00;
	color: #ffffff;
	border-color: #ff8a00;
}

.caribexport-cookie-btn-secondary {
	background: transparent;
	color: #ffffff;
}

@media (max-width: 767px) {
	.caribexport-cookie-bar {
		left: 10px;
		right: 10px;
		bottom: 10px;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
		gap: 10px;
	}

	.caribexport-cookie-text {
		flex: 1 1 auto;
		min-width: 0;
		font-size: 13px;
	}

	.caribexport-cookie-actions {
		width: auto;
		margin-left: auto;
		flex-wrap: nowrap;
		gap: 8px;
	}

	.caribexport-cookie-btn {
		flex: 0 0 auto;
		white-space: nowrap;
		padding: 7px 10px;
		font-size: 12px;
	}
}