/*
Theme Name: Cabinet Sahli
Theme URI: https://cabinetsahli.ma
Template: kadence
Author: Cabinet Sahli
Description: Kadence child theme — Cabinet Saad Sahli. Navy + gold identity, Playfair Display / Inter / Tajawal typography, full Arabic RTL support.
Version: 3.0.4
Requires PHP: 7.4
Text Domain: cabinet-sahli
*/

/* ---- Recolour Kadence's global palette to navy + gold ---- */
:root {
	--global-palette1: #c9a45c;   /* accent (gold) */
	--global-palette2: #b08d45;   /* accent hover (gold dark) */
	--global-palette3: #0b1622;   /* darkest — headings */
	--global-palette4: #122438;   /* navy */
	--global-palette5: #22303f;   /* ink */
	--global-palette6: #5b6673;   /* slate (body) */
	--global-palette7: #e9e4d8;   /* light border */
	--global-palette8: #f7f4ee;   /* ivory background */
	--global-palette9: #ffffff;

	--cs-navy-deep: #0b1622;
	--cs-navy: #122438;
	--cs-gold: #c9a45c;
	--cs-gold-dark: #b08d45;
	--cs-ivory: #f7f4ee;
	--cs-ink: #22303f;
	--cs-slate: #5b6673;
	--cs-serif: "Playfair Display", Georgia, "Times New Roman", serif;
	--cs-sans: "Inter", -apple-system, "Segoe UI", sans-serif;
	--cs-ar: "Tajawal", "Segoe UI", Tahoma, sans-serif;
}

/* ---- Typography ---- */
body, .content-bg, button, input, select, textarea {
	font-family: var(--cs-sans);
	color: var(--cs-slate);
}
h1, h2, h3, h4, h5, h6,
.entry-title, .site-branding .site-title {
	font-family: var(--cs-serif);
	color: var(--cs-ink);
}
.rtl body, html[lang^="ar"] body, [lang^="ar"] { font-family: var(--cs-ar); }
.rtl h1, .rtl h2, .rtl h3, .rtl h4, html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3 { font-family: var(--cs-ar); }

/* ---- Header: deep navy ---- */
.site-header-wrap .site-header-row,
.site-main-header-inner-wrap,
#masthead .site-header-inner-wrap {
	background: var(--cs-navy) !important;
}
/* Header navigation links — force light on the navy header */
.site-header .header-navigation a,
.site-header .header-navigation .menu-container ul li a,
.header-navigation ul li.menu-item > a,
.main-navigation .menu li a,
#main-navigation .menu li a { color: #eef1f5 !important; }
.site-header .header-navigation .menu-container ul li a:hover,
.header-navigation ul li.menu-item > a:hover,
.header-navigation .current-menu-item > a,
.header-navigation .current_page_item > a { color: var(--cs-gold) !important; }
.header-navigation .dropdown-nav-special-toggle, .header-navigation .nav-drop-title-wrap { color: #eef1f5 !important; }
.site-top-header-wrap { background: var(--cs-navy-deep) !important; color: #9aa7b5; }
.site-top-header-wrap a { color: #9aa7b5; }
.site-top-header-wrap a:hover { color: var(--cs-gold); }

/* ---- Buttons ---- */
.wp-block-button__link, .button, button, input[type="submit"], .kb-button, .wp-block-button__link:not(.has-background) {
	background: var(--cs-gold) !important;
	color: var(--cs-navy-deep) !important;
	border-color: var(--cs-gold) !important;
	border-radius: 3px;
	font-weight: 600;
	letter-spacing: .04em;
}
.wp-block-button__link:hover, .button:hover, button:hover, input[type="submit"]:hover {
	background: var(--cs-gold-dark) !important;
	color: #fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--cs-navy) !important;
	box-shadow: inset 0 0 0 2px var(--cs-gold);
}
/* Outline button sitting on a dark hero/cover — make it legible (white text) */
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
.has-cs-navy-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-cs-navy-deep-background-color .wp-block-button.is-style-outline .wp-block-button__link {
	color: #fff !important;
}
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-cs-navy-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--cs-gold) !important;
	color: var(--cs-navy-deep) !important;
}

/* ---- Links ---- */
a { color: var(--cs-navy); }
a:hover { color: var(--cs-gold-dark); }
.entry-content a { color: var(--cs-gold-dark); }

/* ---- Page title / hero band ---- */
.entry-hero, .page-hero, .entry-hero-container-inner {
	background: linear-gradient(115deg, rgba(11,22,34,.94), rgba(18,36,56,.85)), linear-gradient(135deg,#1b3350,#0b1622) !important;
	color: #fff;
}
.entry-hero .entry-title, .entry-hero h1 { color: #fff !important; }

/* ---- Columns spacing on content ---- */
.entry-content .wp-block-columns { gap: 2rem; margin-bottom: 2rem; }
.entry-content h2 { margin-top: 1.6em; }
.entry-content h3 { color: var(--cs-navy); }
.entry-content ul li { margin-bottom: .4em; }

/* ---- Footer ---- */
.site-footer, .site-footer-wrap, .site-footer-row-container-inner {
	background: var(--cs-navy-deep) !important;
	color: #9aa7b5;
}
.site-footer a { color: #9aa7b5; }
.site-footer a:hover { color: var(--cs-gold); }

::selection { background: var(--cs-gold); color: var(--cs-navy-deep); }

/* ---- Use the logo only; hide the duplicate text site title ---- */
.site-branding .site-title,
.header-title .site-title,
.site-header-item .site-title,
.site-title { display: none !important; }
.custom-logo, .site-logo-anchor img, .header-logo img { max-height: 62px; width: auto; }

/* ---- No page-title band on the front page ---- */
body.home .entry-hero-container,
body.home .entry-hero,
body.home #inner-wrap > .entry-hero-container { display: none !important; }
/* Front page: flush the hero to the header — remove all boxed padding/background */
body.home .content-container,
body.home .content-container.site-container-style-boxed,
body.home .entry-content-wrap,
body.home .content-area,
body.home #primary,
body.home .site-main,
body.home article.entry,
body.home #inner-wrap {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
body.home .entry-content > .wp-block-cover:first-child,
body.home .entry-content > .alignfull:first-child { margin-top: 0 !important; }
body.home .entry-content > .wp-block-group,
body.home .entry-content > .wp-block-cover { margin-top: 0; margin-bottom: 0; }

/* ---- Inner-page title band ---- */
.entry-hero-container-inner, .entry-hero .entry-header {
	background: linear-gradient(115deg, rgba(11,22,34,.94), rgba(18,36,56,.85)), linear-gradient(135deg,#1b3350,#0b1622) !important;
}
.entry-hero .entry-title { color: #fff !important; }

/* ---- Hero cover ---- */
.wp-block-cover { color: #fff; }
.wp-block-cover .wp-block-cover__inner-container { max-width: 1140px; margin-left: auto; margin-right: auto; width: 100%; padding: 0 24px; }
.wp-block-cover h1 { font-size: clamp(38px,6vw,56px); line-height: 1.1; }
.rtl .wp-block-cover .wp-block-cover__inner-container { text-align: right; }

/* ---- CTA cards ---- */
.cs-cta-card { background: #fff; border-radius: 10px; padding: 26px 28px; height: 100%; border: 1px solid var(--cs-navy); border-top: 3px solid var(--cs-gold); }
.cs-cta-card .cs-kicker { color: var(--cs-slate); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.cs-cta-card h3 { margin: .3em 0 .2em; font-size: 21px; }
.cs-cta-card a { color: var(--cs-navy); font-weight: 600; }

/* ---- Language switcher items in the menu ---- */
.header-navigation .pll-parent-menu-item > a,
.header-navigation .lang-item > a { font-weight: 600; }
.header-navigation .lang-item.current-lang > a { color: var(--cs-gold) !important; }

/* ---- Block colour utilities used by the pages ---- */
.has-cs-gold-color { color: var(--cs-gold) !important; }
.has-cs-gold-background-color { background-color: var(--cs-gold) !important; }
.has-cs-navy-color { color: var(--cs-navy) !important; }
.has-cs-navy-background-color { background-color: var(--cs-navy) !important; }
.has-cs-navy-deep-background-color { background-color: var(--cs-navy-deep) !important; }
.has-cs-ivory-background-color { background-color: var(--cs-ivory) !important; }
.has-cs-ink-color { color: var(--cs-ink) !important; }
.has-white-color { color: #fff !important; }
.has-white-background-color { background-color: #fff !important; }
.wp-block-cover.is-dark .wp-block-cover__inner-container h1,
.wp-block-cover .wp-block-cover__inner-container h1 { color: #fff; }
.wp-block-cover h1 em { color: var(--cs-gold); font-style: normal; }