/*
Theme Name: Bledkom
Theme URI: https://bledkom.com
Description: Child theme of Astra for Bledkom — the Ras Jebel coast platform. Carries the Arabic type stack and the footer skin. Colours live in the Bledkom plugin so they survive the next theme.
Author: Bledkom
Template: astra
Version: 0.3.1
Text Domain: bledkom-astra
*/

/*
 * ---------------------------------------------------------------------------
 * Update log
 * ---------------------------------------------------------------------------
 * 0.3.0 — 2026-08-27 — First build on Astra. Replaces bledkom-child (Kadence)
 *                      and bledkom-bachpan (Bachpan School), both deleted with
 *                      their parents. Carries the Arabic face and the footer
 *                      skin; the palette stays in the plugin's design.php.
 * 0.3.1 — 2026-08-27 — Give form controls room for Arabic. Astra sets
 *                      line-height 1 and a fixed 40px height on them, which
 *                      clips the tops and the tails off every dropdown.
 * ---------------------------------------------------------------------------
 */

:root {
	--bk-brand-sea: #1b6b70;
	--bk-brand-flag: #b8432b;
	--bk-brand-ink: #14252a;
	--bk-brand-sand: #eef1f0;
	--bk-brand-night: #0e2a2e;
}

/* Noto Sans Arabic covers both scripts, so one face carries FR and AR. */
body,
.entry-content,
button,
input,
select,
textarea,
.ast-builder-layout-element {
	font-family: "Noto Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* Arabic needs more leading than Latin at the same size. */
html[lang^="ar"] body {
	line-height: 1.85;
}

/* Keep numbers and Latin names left-to-right inside Arabic lines. */
.bk-ltr {
	direction: ltr;
	unicode-bidi: isolate;
	text-align: start;
}

/*
 * ---------------------------------------------------------------------------
 * Footer
 * ---------------------------------------------------------------------------
 * The four Bledkom columns sit in Astra's primary footer row. The colours are
 * written here rather than as theme mods because this shipped once at 1.4:1 on
 * Kadence by trusting a plausible option name that did nothing. Everything
 * below is measured against #0E2A2E.
 */

.site-primary-footer-wrap,
.site-below-footer-wrap {
	background-color: var(--bk-brand-night, #0e2a2e) !important;
}

.site-primary-footer-wrap,
.site-primary-footer-wrap p,
.site-primary-footer-wrap li,
.site-below-footer-wrap,
.site-below-footer-wrap p {
	color: #e3e9e8 !important;
}

.site-primary-footer-wrap h1,
.site-primary-footer-wrap h2,
.site-primary-footer-wrap h3,
.site-primary-footer-wrap h4,
.site-primary-footer-wrap .wp-block-heading {
	color: #ffffff !important;
	margin-bottom: 0.75em;
}

.site-primary-footer-wrap a,
.site-below-footer-wrap a {
	color: #e3e9e8 !important;
	text-decoration: none;
}

.site-primary-footer-wrap a:hover,
.site-primary-footer-wrap a:focus,
.site-below-footer-wrap a:hover,
.site-below-footer-wrap a:focus {
	color: #ffffff !important;
	text-decoration: underline;
}

.site-primary-footer-wrap ul.wp-block-list {
	list-style: none !important;
	margin: 0;
	padding: 0;
}

.site-primary-footer-wrap ul.wp-block-list li::marker {
	content: "" !important;
}

.site-primary-footer-wrap .widget {
	margin-bottom: 1.5em;
}

/* The WhatsApp button in the contact column. */
.bk-foot-wa {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	margin-top: 0.75em;
	padding: 0.5em 1em;
	border: 1px solid #e3e9e8;
	border-radius: 999px;
	color: #e3e9e8 !important;
	text-decoration: none !important;
	font-size: 0.95rem;
}

.bk-foot-wa:hover,
.bk-foot-wa:focus {
	background-color: #e3e9e8;
	color: var(--bk-brand-night, #0e2a2e) !important;
}

.bk-foot-wa__mark {
	width: 1.15em;
	height: 1.15em;
	flex: none;
}

/*
 * ---------------------------------------------------------------------------
 * Form controls
 * ---------------------------------------------------------------------------
 * Astra ships `input, select { line-height: 1 }` in main.min-rtl.css and a
 * fixed `height: 40px` in its dynamic CSS. One line of Noto Sans Arabic at
 * 16px measures 34px, so 40px minus 18px of padding left 22px of box and every
 * dropdown on the site showed the middle band of its own letters. Arabic
 * carries more above and below the baseline than Latin does at the same size;
 * a control sized for Latin will always clip it.
 *
 * Height comes from the padding, not from a number. !important is needed
 * twice over: Astra's height wins on load order, and the plugin's own
 * `.bk-filters select` outranks a bare element selector.
 */
select,
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="date"] {
	height: auto !important;
	min-height: 3rem;
	line-height: 1.7 !important;
	padding-top: 0.55rem !important;
	padding-bottom: 0.55rem !important;
}

/* A textarea sizes by rows, so it only needs the leading. */
textarea {
	min-height: 6rem;
}