/*
Theme Name: DhraagiOfficeLite
Theme URI: https://dhraagiconseil.fr
Author: X.Lalizel pour DhraagiConseil
Author URI: https://dhraagiconseil.fr
Description: Thème classique léger, personnalisable et pensé pour les sites vitrines avec Gutenberg. La logique métier VTC est désormais externalisée dans les plugins métier, avec compatibilité WooCommerce / DhraagiStore.
Version: 0.5.10
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: dhraagiofficelite
Update URI: https://updates.chatvtc.net/theme/dhraagiofficelite
Tags: custom-logo, custom-menu, featured-images, blog, one-column, two-columns
*/

:root {
  --dhol-color-primary: #0f3b5f;
  --dhol-color-secondary: #456b88;
  --dhol-color-accent: #c89b5e;
  --dhol-color-bg: #ffffff;
  --dhol-color-surface: #f6f8fb;
  --dhol-color-text: #1f2937;
  --dhol-color-text-muted: #64748b;
  --dhol-color-link: #0f3b5f;
  --dhol-color-link-hover: #c89b5e;
  --dhol-header-bg: rgba(255, 255, 255, 0.96);
  --dhol-header-text: #1f2937;
  --dhol-footer-bg: #0f172a;
  --dhol-footer-text: #e5e7eb;
  --dhol-button-primary-bg: #0f3b5f;
  --dhol-button-primary-text: #ffffff;
  --dhol-button-secondary-bg: #eef2f7;
  --dhol-button-secondary-text: #0f3b5f;
  --dhol-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dhol-font-headings: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dhol-font-size-base: 16px;
  --dhol-line-height-body: 1.65;
  --dhol-font-weight-headings: 700;
  --dhol-h1-size: 48px;
  --dhol-h2-size: 36px;
  --dhol-h3-size: 24px;
  --dhol-content-width: 820px;
  --dhol-content-width-wide: 1200px;
  --dhol-global-radius: 10px;
  --dhol-shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.08);
  --dhol-shadow-medium: 0 22px 60px rgba(15, 23, 42, 0.12);
  --dhol-button-radius: 10px;
  --dhol-button-padding-y: 0.875rem;
  --dhol-button-padding-x: 1.25rem;
  --dhol-button-font-weight: 600;
  --dhol-button-text-transform: none;
  --dhol-footer-padding-y: 3rem;
  --dhol-header-height: 78px;
}


/* MJ Card page template */
.mj-card-shell {
	padding: 2rem 0 3.5rem;
	background: transparent;
}

.mj-card-wrap {
	width: min(100% - 2rem, var(--dhol-content-width-wide, 1200px));
	margin-inline: auto;
}

.mj-card-article {
	background: var(--dhol-color-bg, #ffffff);
	border: 1px solid rgba(15, 23, 42, .10);
	border-radius: var(--dhol-global-radius, 10px);
	box-shadow: var(--dhol-shadow-soft, 0 14px 40px rgba(15, 23, 42, 0.08));
	overflow: hidden;
}

.mj-card-header {
	padding: 2rem 2rem 0;
}

.mj-card-title {
	margin: 0;
	color: var(--dhol-color-text, #1f2937);
	font-family: var(--dhol-font-headings, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-weight: var(--dhol-font-weight-headings, 700);
	line-height: 1.18;
	letter-spacing: -0.02em;
	font-size: clamp(2rem, 3vw, var(--dhol-h1-size, 48px));
}

.mj-card-thumbnail {
	margin: 1rem 2rem 1.5rem;
}

.mj-card-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--dhol-global-radius, 10px);
}

.mj-card-content {
	padding: 1.5rem 2rem 2rem;
}

.mj-card-content > * {
	max-width: var(--dhol-content-width, 820px);
	margin-left: auto;
	margin-right: auto;
}

.mj-card-content > .alignwide {
	max-width: var(--dhol-content-width-wide, 1200px);
}

.mj-card-content > .alignfull {
	max-width: none;
	margin-left: -2rem;
	margin-right: -2rem;
}

.mj-card-content > :first-child {
	margin-top: 0;
}

.mj-card-content > :last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.mj-card-shell {
		padding: 1.25rem 0 2rem;
	}

	.mj-card-wrap {
		width: min(100% - 1rem, var(--dhol-content-width-wide, 1200px));
	}

	.mj-card-header,
	.mj-card-content {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.mj-card-content > .alignfull {
		margin-left: -1.25rem;
		margin-right: -1.25rem;
	}
}