/*
Theme Name: Cabinet Sahli (Design)
Theme URI: https://cabinetsahli.ma
Template: oconnor
Author: Cabinet Sahli
Description: Child theme of O'Connor. Keeps O'Connor as the engine (all WPBakery content, the page builder and the original menu keep working) and repaints the site in the Cabinet Sahli navy + gold design with Playfair Display / Inter / Tajawal typography and full Arabic RTL support.
Version: 2.0.0
Requires PHP: 7.4
Text Domain: cabinet-sahli-child
*/

:root {
	--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,
.gt3_custom_text,
p, li, span, td, input, textarea, select, button {
	font-family: var(--cs-sans);
}
h1, h2, h3, h4, h5, h6,
.gt3_icon_box__title,
.widget-title,
.vc_custom_heading,
.gt3_module_button a {
	font-family: var(--cs-serif) !important;
}
.rtl body,
html[lang^="ar"] body,
[lang^="ar"] {
	font-family: var(--cs-ar) !important;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5,
html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3, html[lang^="ar"] h4 {
	font-family: var(--cs-ar) !important;
}

/* ---------- Accent colour (gold) ---------- */
a { color: var(--cs-navy); }
a:hover { color: var(--cs-gold-dark); }

.gt3_module_button a,
.vc_btn,
.button,
input[type="submit"],
button[type="submit"] {
	background-color: var(--cs-gold) !important;
	border-color: var(--cs-gold) !important;
	color: var(--cs-navy-deep) !important;
	border-radius: 3px !important;
	font-family: var(--cs-sans) !important;
	font-weight: 600 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: background-color .2s, color .2s;
}
.gt3_module_button a:hover,
.vc_btn:hover,
.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: var(--cs-gold-dark) !important;
	color: #fff !important;
}

/* Text/icon accents that O'Connor renders in its own accent colour */
.gt3_icon_box .learn_more,
.gt3_dropcaps,
.widget a:hover,
.gt3_sidebar a:hover,
blockquote::before { color: var(--cs-gold) !important; }

.gt3_icon_box::before,
.wpb_content_element .separator,
.gt3_custom_text_separator { background-color: var(--cs-gold) !important; }

/* ---------- Header / navigation ---------- */
#gt3_header,
.main_menu_wrapper,
.gt3_header_container,
.header_style_default,
.top_panel {
	background-color: var(--cs-navy) !important;
}
.sidebar_menu_button,
.main_menu ul li a,
#main_menu ul li a {
	font-family: var(--cs-sans) !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
}
.main_menu ul li a:hover,
.main_menu ul li.current-menu-item > a,
#main_menu ul li.current-menu-item > a { color: var(--cs-gold) !important; }

/* ---------- Buttons in hero / page title ---------- */
.page_title_wrapper,
.gt3_page_title { background-color: var(--cs-navy-deep) !important; }

/* ---------- Footer ---------- */
.footer,
#gt3_footer,
.gt3_footer { background-color: var(--cs-navy-deep) !important; }
.footer a:hover, #gt3_footer a:hover { color: var(--cs-gold) !important; }

/* ---------- Headings colour on light sections ---------- */
h1, h2, h3, h4 { color: var(--cs-ink); }
.gt3_light_section h1, .gt3_light_section h2, .gt3_light_section h3 { color: var(--cs-ink); }

/* ---------- Cards / posts ---------- */
.post_item .post_content,
.blog_post { border-radius: 8px; }

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