/* ==========================================================================
   هوية بشرتي.كوم
   الخط الأساسي: Cairo   |   اللون الأساسي: #cc0099 (من اللوجو)

   Soledad and Elementor already paint their own components from the values
   stored in the Customizer / Site Settings. This file covers the leftovers:
   the brand tokens, and the surfaces the plugins draw themselves.
   ========================================================================== */

:root {
	--bsh-font: "Cairo", "Segoe UI", Tahoma, sans-serif;
	--bsh-brand: #cc0099;
	--bsh-brand-dark: #a3007a;
	--bsh-brand-light: #e63bb4;
	--bsh-brand-soft: rgba( 204, 0, 153, 0.08 );
}

/* --------------------------------------------------------------------------
   الخط — Cairo
   Inheritance only: no `!important` and no `*` selector, so the icon fonts
   (penciicon / FontAwesome / weathericons) keep their own family untouched.
   -------------------------------------------------------------------------- */

body,
button,
input,
optgroup,
select,
textarea,
.wpcf7,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.mc4wp-form,
.mc4wp-form input,
.penci-login-register input,
.wp-block-group,
.rank-math-breadcrumb {
	font-family: var(--bsh-font);
}

/* Arabic sits better with a little more leading at body sizes. */
body,
.post-entry p,
.post-entry li {
	line-height: 1.9;
}

/* --------------------------------------------------------------------------
   اللون الأساسي
   -------------------------------------------------------------------------- */

::selection {
	background: var(--bsh-brand);
	color: #fff;
}

input[type="submit"],
button[type="submit"],
.wpcf7 input[type="submit"],
.wpcf7-submit,
.mc4wp-form input[type="submit"] {
	background-color: var(--bsh-brand);
	border-color: var(--bsh-brand);
	color: #fff;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7-submit:hover,
.mc4wp-form input[type="submit"]:hover {
	background-color: var(--bsh-brand-dark);
	border-color: var(--bsh-brand-dark);
	color: #fff;
}

input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: var(--bsh-brand);
	outline: none;
}

/* Contact Form 7 ships its own green/red feedback borders. */
.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--bsh-brand);
}