/*
Theme Name:  Kadence Child
Template:    kadence
Description: قالب فرعي للعرض فقط. كل منطق المشروع في إضافة course-enrollment.
Version:     0.4.0
Text Domain: kadence-child
*/

body,
button,
input,
select,
textarea,
.site-title,
h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
}

body {
	-webkit-font-smoothing: antialiased;
}

/* Zain Libya brand: action buttons in the logo's orange (deepened to 5.2:1 with white text). */
:root:root {
	--global-palette-btn-bg: #c2410a;
	--global-palette-btn-bg-hover: #9c3408;
	--global-palette-btn: #ffffff;
	--global-palette-btn-hover: #ffffff;
	--ce-brand-orange: #e84e0e;
	--ce-brand-blue: #08a5e0;
	/* Full-width layout: header, footer and page content span the screen. */
	--global-content-width: 100%;
	--global-content-edge-padding: clamp(16px, 3vw, 48px);
}

/* The logo's two colours as a thin line under the header and above the footer. */
#masthead {
	border-block-end: 4px solid transparent;
	border-image: linear-gradient(90deg, var(--ce-brand-orange) 0 50%, var(--ce-brand-blue) 50% 100%) 1;
}

.site-footer {
	border-block-start: 4px solid transparent;
	border-image: linear-gradient(90deg, var(--ce-brand-blue) 0 50%, var(--ce-brand-orange) 50% 100%) 1;
}

/* WooCommerce block checkout and account buttons follow the same action colour. */
.wc-block-components-button:not(.is-link),
.woocommerce a.button,
.woocommerce button.button {
	background-color: var(--global-palette-btn-bg);
	color: #fff;
}

.wc-block-components-button:not(.is-link):hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background-color: var(--global-palette-btn-bg-hover);
	color: #fff;
}

/* ---------- Header account links (added by the course-enrollment plugin) ---------- */

/* Sign up: the one filled button in the header. */
.header-navigation .ce-nav-register > a {
	margin-inline-start: 6px;
	padding: 8px 18px !important;
	border-radius: 8px;
	background: var(--global-palette-btn-bg);
	color: #fff !important;
	font-weight: 700;
	line-height: 1.4;
}

.header-navigation .ce-nav-register > a:hover,
.header-navigation .ce-nav-register > a:focus-visible {
	background: var(--global-palette-btn-bg-hover);
}

.header-navigation .ce-nav-login > a {
	font-weight: 600;
}

/* Signed in: the user's first initial in a brand-blue circle, then the name. */
.ce-nav-avatar {
	display: inline-grid;
	place-items: center;
	width: 30px;
	height: 30px;
	margin-inline-end: 8px;
	border-radius: 50%;
	background: var(--ce-brand-blue);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 700;
	line-height: 1;
}

.ce-nav-account .nav-drop-title-wrap {
	display: inline-flex;
	align-items: center;
}

.ce-nav-account .dropdown-nav-toggle svg {
	vertical-align: middle;
}

/* Staff shortcuts are separated from the student links by a line. */
/* (The theme's dropdown is dark navy, so the line and the log-out colour are light.) */
.ce-nav-staff-first {
	border-block-start: 1px solid rgba(255, 255, 255, 0.16);
}

.header-navigation .ce-nav-logout {
	border-block-start: 1px solid rgba(255, 255, 255, 0.16);
}

.header-navigation .ce-nav-logout > a {
	color: #fca5a5 !important;
}

.mobile-navigation .ce-nav-logout > a {
	color: #fca5a5 !important;
}

.mobile-navigation .ce-nav-register > a {
	color: var(--global-palette-btn-bg) !important;
	font-weight: 700;
}

/* The registration anchor sits below the sticky admin bar / header when jumped to. */
.ce-anchor {
	display: block;
	scroll-margin-block-start: 200px;
}