/*
Theme Name: MDTC Informatique
Description: Thème enfant OnePress du site MDTC Informatique.
Author: MDTC
Template: onepress
Version: 1.0.0
Text Domain: mdtc-informatique
*/

/* MDTC Informatique — draft identity */
:root {
	--mdtc-ink: #17212b;
	--mdtc-accent: #5084b1;
	--mdtc-soft: #eef4f8;
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#page {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
}

#content {
    flex: 1 0 auto;
}

#colophon {
    flex-shrink: 0;
}

.hero-slideshow-wrapper::before {
	background: linear-gradient(105deg, rgba(12, 24, 35, .92) 0%, rgba(12, 24, 35, .72) 52%, rgba(12, 24, 35, .34) 100%);
}

.hero__content {
	max-width: 880px;
	text-align: left;
}

.hero-large-text {
	text-transform: none;
	letter-spacing: -.03em;
	line-height: 1.05;
}

.hero-large-text .mdtc-kicker {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .18em;
	color: #fff;
	opacity: .78;
}

.hero-large-text .mdtc-accent {
	color: var(--mdtc-accent) !important;
}

.hero-small-text {
	max-width: 720px;
	margin: 24px 0 32px;
	font-size: 19px;
	line-height: 1.7;
	text-align: left;
}

.hero__content .btn {
	border-radius: 4px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: none;
}

.mdtc-rubriques { background: #fff; }
.mdtc-rubriques .section-title-area { margin-bottom: 46px; }
.mdtc-rubrique-card { display: block; height: 100%; padding: 34px 28px; border: 1px solid #e5eaed; border-radius: 8px; background: #fff; color: var(--mdtc-ink); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.mdtc-rubrique-card:hover, .mdtc-rubrique-card:focus { transform: translateY(-4px); border-color: #cbd9e5; box-shadow: 0 14px 34px rgba(23,33,43,.10); color: var(--mdtc-ink); text-decoration: none; }
.mdtc-rubrique-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 24px; border-radius: 50%; background: var(--mdtc-soft); color: var(--mdtc-accent); font-size: 22px; }
.mdtc-rubrique-card h4 { margin-bottom: 14px; font-size: 20px; }
.mdtc-rubrique-card p { min-height: 96px; margin-bottom: 22px; color: #66727c; line-height: 1.65; }
.mdtc-rubrique-link { color: var(--mdtc-accent); font-weight: 700; }
@media (max-width: 991px) { .mdtc-rubrique-card { margin-bottom: 30px; } .mdtc-rubrique-card p { min-height: 0; } }

.mdtc-publications { background: #f7f9fa; }
.mdtc-publications .section-title-area { margin-bottom: 44px; }
.mdtc-publication-card { display: block; height: 100%; overflow: hidden; border-radius: 8px; background: #fff; color: var(--mdtc-ink); box-shadow: 0 6px 24px rgba(23,33,43,.07); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.mdtc-publication-card:hover, .mdtc-publication-card:focus { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(23,33,43,.12); color: var(--mdtc-ink); text-decoration: none; }
.mdtc-publication-image img { width: 100%; height: 210px; object-fit: cover; }
.mdtc-publication-body { padding: 28px; }
.mdtc-publication-category { display: inline-block; margin-bottom: 12px; color: var(--mdtc-accent); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mdtc-publication-body h3 { margin-bottom: 14px; font-size: 21px; line-height: 1.35; }
.mdtc-publication-body p { color: #66727c; line-height: 1.65; }
.mdtc-publication-link { color: var(--mdtc-accent); font-weight: 700; }
.mdtc-all-publications { margin-top: 38px; text-align: center; }
.mdtc-empty-publications { max-width: 720px; margin: 0 auto; padding: 42px; border: 1px dashed #ccd8dc; border-radius: 8px; background: #fff; text-align: center; }
.mdtc-empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 18px; border-radius: 50%; background: var(--mdtc-soft); color: var(--mdtc-accent); font-size: 20px; }
.mdtc-empty-publications h3 { margin-bottom: 10px; font-size: 22px; }
.mdtc-empty-publications p { margin: 0; color: #66727c; }
@media (max-width: 991px) { .mdtc-publication { margin-bottom: 30px; } }

/* MDTC brand accents */
a { color: var(--mdtc-accent); }
a:hover, a:focus { color: #3f6f98; }
.btn-theme-primary,
.btn-theme-primary:hover,
.btn-theme-primary:focus,
.btn-theme-primary:active {
	background: var(--mdtc-accent);
	border-color: var(--mdtc-accent);
}

@media (max-width: 767px) {
	.hero__content {
		text-align: center;
	}
	.hero-small-text {
		font-size: 16px;
		text-align: center;
	}
	.hero-large-text .mdtc-kicker {
		font-size: 12px;
	}
}

.btn-theme-primary-outline {
    color: var(--mdtc-accent);
    border-color: var(--mdtc-accent);
}

.btn-theme-primary-outline:hover,
.btn-theme-primary-outline:focus,
.btn-theme-primary-outline:active {
    color: #fff;
    background: var(--mdtc-accent);
    border-color: var(--mdtc-accent);
}

.wp-block-search__button.wp-element-button {
    background: var(--mdtc-accent);
    border-color: var(--mdtc-accent);
    color: #fff;
}

.wp-block-search__button.wp-element-button:hover,
.wp-block-search__button.wp-element-button:focus,
.wp-block-search__button.wp-element-button:active {
    background: #3f6f98;
    border-color: #3f6f98;
    color: #fff;
}

.search-form .search-submit {
    background: var(--mdtc-accent);
    border-color: var(--mdtc-accent);
    color: #fff;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus,
.search-form .search-submit:active {
    background: #3f6f98;
    border-color: #3f6f98;
    color: #fff;
}

.site-header .onepress-menu > li > a:hover,
.site-header .onepress-menu > li > a:focus,
.site-header .onepress-menu > li.current-menu-item > a,
.site-header .onepress-menu > li.current-menu-ancestor > a {
    color: var(--mdtc-accent);
}

#secondary a {
    color: var(--mdtc-accent);
}

#secondary a:hover,
#secondary a:focus {
    color: #3f6f98;
}

.site-footer .btt a:hover {
    color: var(--mdtc-accent);
}

.site-footer .btt a:hover,
.site-footer .btt a:focus {
    text-decoration: none;
}