/*
Theme Name: Carte Monde — enfant de Twenty Sixteen
Description: Présentation responsive des pages pilotes de Carte-monde.org. Hérite du thème Twenty Sixteen et conserve ses réglages lors de la première activation.
Author: Carte-monde.org
Template: twentysixteen
Version: 1.2.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: carte-monde-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Structure limited to the three pilot entries; other templates are inherited. */
.site-header-main{column-gap:56px;row-gap:18px}
/* Keep an explicit gap even when branding and navigation share a desktop row. */
@media(min-width:61.5625em){
	.site-header-main>.site-branding{flex-shrink:0}
	.site-header-main>.site-header-menu{flex:0 1 auto;min-width:0;max-width:100%}
	.main-navigation .primary-menu>li>a{padding-left:.75em;padding-right:.75em}
	.main-navigation .sub-menu .sub-menu{max-height:70vh;overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:61.5624em){.site-header-main{column-gap:20px;row-gap:12px}}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #masthead{padding-top:28px;padding-bottom:22px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .site-branding{display:grid;grid-template-columns:48px auto;column-gap:16px;align-items:center;margin:0 0 20px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .custom-logo{max-width:48px;max-height:48px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .custom-logo-link{grid-row:1 / span 2;padding:0;margin:0}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .site-title{font-size:24px;grid-column:2;margin:0}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .site-description{grid-column:2;margin:0}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #primary{float:none;width:100%;margin:0}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #secondary{display:none}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main{display:flex;flex-direction:column}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main>article{order:-1;margin-bottom:36px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main>.pub{margin:28px 0}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .entry-header{margin:0 auto 20px;max-width:1040px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .entry-title{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.025em;max-width:900px;margin-bottom:18px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .entry-content{float:none;width:100%;margin:0 auto;max-width:1040px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) .entry-footer{float:none;width:100%;margin:28px 0 0;padding-top:16px;border-top:1px solid #54534c;font-size:13px}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main>article>.entry-content,
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main>article>.entry-footer{float:none;width:100%;margin-left:0;margin-right:0}

/* Atlas cards and reading aids used by the pilot content. */
.cm-pilot{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7;color:#e7e5df}
.cm-pilot h2{font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1.25;margin:0 0 16px;font-weight:700;letter-spacing:-.02em}
.cm-pilot h3{font-family:Arial,Helvetica,sans-serif;font-size:21px;line-height:1.3;margin:0 0 12px;font-weight:700}
.cm-pilot p{margin:0 0 20px}
.cm-pilot>section{margin:42px 0}
.cm-pilot section[id]{scroll-margin-top:70px}
.cm-pilot .cm-eyebrow{color:#e5c779;font-size:12px;letter-spacing:.17em;font-weight:700;margin:0 0 12px}
.cm-pilot .cm-intro{font-size:21px;line-height:1.65;max-width:800px;margin:0 0 24px}
.cm-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}
.cm-shortcuts a{display:inline-block;border:1px solid #777160;border-radius:24px;padding:8px 16px;text-decoration:none;box-shadow:none!important;font-size:14px;color:#f4e0a8}
.cm-shortcuts a:hover,.cm-shortcuts a:focus{background:#e5c779;color:#171d1b}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:24px 0}
.cm-pilot .cm-card{background:#f5f3ed;color:#222b29;border:1px solid #d5d1c5;border-radius:4px;overflow:hidden;margin:0;display:flex;flex-direction:column;min-width:0}
.cm-preview{display:flex;height:230px;padding:20px;background:#fff;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:none!important;border-bottom:1px solid #dfddd3}
.cm-preview img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0}
.cm-card-body{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.cm-card h3{color:#222b29}
.cm-card h2{color:#222b29;font-size:23px}
.cm-downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.cm-downloads .cm-button{margin:0}
.cm-card .cm-source{font-size:12px;color:#54625d;margin:0 0 14px}
.cm-pilot .cm-pack{border:1px solid #bda366;border-radius:4px;padding:24px;background:#292c24}
.cm-pack p:last-child{margin-bottom:0}
.cm-card p{font-size:15px;line-height:1.6}
.cm-card .cm-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#655b3f;margin:0 0 10px}
.cm-pilot .cm-button{display:inline-block;margin-top:auto;background:#e6ca85;color:#202724!important;border:1px solid #b99f5e;border-radius:3px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:none!important;line-height:1.5}
.cm-pilot .cm-button:hover,.cm-pilot .cm-button:focus{background:#d4b86e;outline:2px solid currentColor;outline-offset:3px}
.cm-pilot a:focus-visible{outline:2px solid #e5c779;outline-offset:4px}
.cm-pilot .cm-panel{border:1px solid #615b49;padding:28px;border-radius:4px;background:#252722}
.cm-pilot .cm-note{border-left:3px solid #c6ae70;background:#242622;padding:22px 26px;font-size:15px}
.cm-note h2{font-size:21px}
.cm-note p:last-child,.cm-panel p:last-child{margin-bottom:0}
.cm-pilot ol{margin-left:24px}
.cm-pilot li{padding-left:6px;margin-bottom:10px}

/* Constrain the legacy consent panel without changing consent choices. */
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #s-cnt{max-width:100vw;overflow-x:hidden}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #s-cnt,
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #s-cnt #cs,
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #s-cnt #c-s-in,
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #s-cnt #s-inr,
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #cs-ov{max-width:100vw!important;box-sizing:border-box!important}
:is(.page-id-23,.postid-46,.postid-112,.cm-atlas){overflow-x:clip}

@media(min-width:1000px){
	.cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
	:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #masthead{padding-top:20px;padding-bottom:18px}
	:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main>article>.entry-header,
	:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main>article>.entry-content,
	:is(.page-id-23,.postid-46,.postid-112,.cm-atlas) #main>article>.entry-footer{padding-left:20px;padding-right:20px;box-sizing:border-box}
	.cm-pilot{font-size:16px}
	.cm-pilot .cm-intro{font-size:18px}
	.cm-pilot h2{font-size:24px}
	.cm-card-body{padding:20px}
	.cm-shortcuts{gap:8px}
	.cm-shortcuts a{font-size:13px;padding:7px 12px}
	.cm-pilot .cm-panel,.cm-pilot .cm-note{padding:20px}
	.cm-preview{height:210px}
}