/* PAK Filters — contact page
   The page itself is built from ordinary Elementor widgets so it stays
   editable in the builder. This covers the two things Elementor cannot
   express: the small label/value pairs inside the text widgets, and the
   Contact Form 7 markup, which Elementor only embeds as a shortcode. */

/* ---- label / value pairs ---- */
.pakf-pair .pakf-label {
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 600;
	text-transform: uppercase;
	color: #6A6A5E;
	margin-bottom: 7px;
}

.pakf-pair .pakf-value {
	color: #101010;
}

/* ---- Latin runs inside an Arabic line ----
   A phone number is digits and punctuation with no strong directional
   character of its own, so in an RTL paragraph its groups reorder and
   "+20 150 5555 577" reads "+577 5555 150 20". Isolating it in its own
   left-to-right run fixes the order without moving the block. */
[dir="rtl"] .pakf-ltr,
[dir="rtl"] .pakf-ltr a {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}

/* ---- sales point cards ---- */
.pakf-spcard {
	transition: border-color 0.15s ease;
}

.pakf-spcard:hover {
	border-color: var(--pak-accent, #B7B747) !important;
}

/* ---- the enquiry form ----
   Contact Form 7 emits its own markup, so the layout lives here rather
   than in the builder. */
.pakf-form .pakf-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 22px;
}

@media (max-width: 767px) {

	.pakf-form .pakf-grid {
		grid-template-columns: 1fr;
	}
}

.pakf-form .pakf-field {
	margin: 0 0 18px;
}

.pakf-form label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #33332E;
	margin-bottom: 8px;
}

.pakf-form .pakf-req {
	color: #8A3A12;
}

.pakf-form .pakf-input,
.pakf-form .pakf-textarea {
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	padding: 0 14px;
	border: 1px solid #D5D5C8;
	border-radius: 0;
	background: #FFFFFF;
	color: #101010;
	font-family: inherit;
	font-size: 16px;
}

.pakf-form .pakf-textarea {
	height: auto;
	min-height: 140px;
	padding: 12px 14px;
	resize: vertical;
}

.pakf-form .pakf-input:focus,
.pakf-form .pakf-textarea:focus {
	border-color: var(--pak-accent, #B7B747);
	outline: 2px solid var(--pak-accent, #B7B747);
	outline-offset: -2px;
}

/* CF7 wraps every control in a span, which would otherwise shrink-wrap
   the field to its default width. */
.pakf-form .wpcf7-form-control-wrap {
	display: block;
}

.pakf-form .pakf-consent {
	margin: 4px 0 20px;
	font-size: 15px;
	line-height: 1.55;
	color: #44443E;
}

.pakf-form .pakf-consent .wpcf7-list-item {
	margin: 0;
}

.pakf-form .pakf-consent input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-inline-end: 10px;
	vertical-align: -3px;
}

.pakf-form .pakf-submit {
	margin: 0;
}

.pakf-form .pakf-btn {
	min-height: 54px;
	padding: 0 40px;
	border: 0;
	border-radius: 0;
	background: var(--pak-dark, #101010);
	color: #FFFFFF;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	cursor: pointer;
}

.pakf-form .pakf-btn:hover,
.pakf-form .pakf-btn:focus {
	background: var(--pak-accent, #B7B747);
	color: var(--pak-dark, #101010);
}

/* Arabic: labels and free text run right to left, but an email address or
   a phone number stays a left-to-right field. */
[dir="rtl"] .pakf-form .pakf-input,
[dir="rtl"] .pakf-form .pakf-textarea {
	text-align: right;
}

[dir="rtl"] .pakf-form input[type="email"].pakf-input,
[dir="rtl"] .pakf-form input[type="tel"].pakf-input {
	direction: ltr;
	text-align: left;
}

/* ---- heading leading ----
   The theme sets line-height:1 on headings. That is already tight for a
   heading that wraps, and in Arabic it breaks outright: the glyphs carry
   taller ascenders and deeper descenders than the Latin ones, so a stacked
   label and title overlap each other. Elementor writes its own per-widget
   rule at a higher specificity, so a line-height set in the builder still
   wins over this. */
.elementor-widget-heading .elementor-heading-title {
	line-height: 1.35;
}

[dir="rtl"] .elementor-widget-heading .elementor-heading-title {
	line-height: 1.7;
}

/* ---- vertical rhythm inside the cards ----
   The theme also zeroes Elementor's default gap between stacked widgets,
   which leaves every line in a card touching the next. */
.pakf-tile .elementor-widget:not(:last-child),
.pakf-spcard .elementor-widget:not(:last-child) {
	margin-bottom: 8px;
}

.pakf-spcard .elementor-widget-text-editor:last-child {
	margin-top: 6px;
}

[dir="rtl"] .pakf-tile .elementor-widget:not(:last-child),
[dir="rtl"] .pakf-spcard .elementor-widget:not(:last-child) {
	margin-bottom: 10px;
}

/* The icon sits above its label rather than against it. */
.pakf-tile .elementor-widget-icon {
	margin-bottom: 14px !important;
}

/* ---- gaps between the three contact tiles ----
   Each tile carries its own background, so the section's column gap only
   pads the inside and the colours still touch. A transparent border cuts a
   real gutter without changing the column widths, which stay percentage
   based and border-box. */
@media (min-width: 768px) {

	.pakf-tile + .pakf-tile {
		border-left: 16px solid transparent !important;
		background-clip: padding-box;
	}
}