/* ---------------------------------------------------------------------------
   Doucelle — pages annexes (contact, suivi de commande, politiques).
   RÉPLIQUE CONGRUENTE EXACTE de simplesnatched.com (thème Dawn + app ParcelTrackr), valeurs MESURÉES au
   relevé Playwright du 2026-09-25 (390 et 1440 px) :
   docs/marketing/missions/doucelle/releve_pages_annexes_2026-09-25.md
   Corps Questrial 15/27 (mobile) · 16/28,8 (>= 750 px), interlettre .06em ; titres Helvetica 400, #121212.
   Tout est scopé sous .dc-ax (la feuille globale du site est chargée par base.html).
--------------------------------------------------------------------------- */
.dc-ax {
    font-family: var(--dc-font, 'Questrial', sans-serif);
    font-size: 15px; line-height: 27px; letter-spacing: .9px;
    color: rgba(18, 18, 18, .9);
    box-sizing: border-box;
}
.dc-ax *, .dc-ax *::before, .dc-ax *::after { box-sizing: border-box; }
.dc-ax h1, .dc-ax h2, .dc-ax h3 {
    font-family: var(--dc-font-h, Helvetica, Arial, sans-serif);
    font-weight: 400; color: rgb(18, 18, 18); letter-spacing: .78px; text-transform: none;
}
.dc-ax h1 { font-size: 29.25px; line-height: 36px; margin: 19.6px 0; }
.dc-ax h2 { font-size: 26px; line-height: 32px; margin: 21.58px 0; }
.dc-ax h3 { font-size: 22.1px; line-height: 27.2px; margin: 22.1px 0; }
.dc-ax h3 strong { font-weight: 700; }
.dc-ax p { margin: 15px 0; font-size: inherit; line-height: inherit; color: inherit; }
.dc-ax strong, .dc-ax b { font-weight: 700; }
.dc-ax a { color: rgba(18, 18, 18, .85); text-decoration: none; }
.dc-ax ul { list-style: disc; margin: 15px 0; padding: 0 0 0 20px; }
.dc-ax li { margin: 0; padding: 0; font-size: inherit; line-height: inherit; }
.dc-ax hr { border: 0; height: 1px; background: rgba(18, 18, 18, .2); margin: 50px 0; display: block; }

@media (min-width: 750px) {
    .dc-ax { font-size: 16px; line-height: 28.8px; letter-spacing: .96px; }
    .dc-ax h1 { font-size: 39px; line-height: 48px; margin: 26.13px 0; }
    .dc-ax h2 { font-size: 31.2px; line-height: 38.4px; margin: 25.9px 0; }
    .dc-ax h3 { font-size: 23.4px; line-height: 28.8px; margin: 23.4px 0; }
    .dc-ax p, .dc-ax ul { margin: 16px 0; }
    .dc-ax hr { margin: 70px 0; }
}

/* ---------- Politiques : shopify-policy__container (max 572 px, padding 0 20 30) ---------- */
.dc-ax-policy { max-width: 572px; margin: 0 auto; padding: 0 20px 30px; }
.dc-ax-policy__title { text-align: center; }
.dc-ax-policy__body { text-align: left; }
.dc-ax-policy__body table {
    width: 100%; border-collapse: collapse; table-layout: fixed; margin: 15px 0;
    font-size: 14px; line-height: 25.2px; box-shadow: 0 0 0 1px rgba(18, 18, 18, .2);
}
.dc-ax-policy__body th, .dc-ax-policy__body td {
    padding: 14px; border: 1px solid rgba(18, 18, 18, .2); vertical-align: top; text-align: left;
    overflow-wrap: anywhere;
}
.dc-ax-policy__body th { font-weight: 700; }
.dc-ax-policy__body td ul { margin: 0; }
@media (min-width: 750px) { .dc-ax-policy__body td { padding: 14px 12px; } }

/* ---------- Contact : section « contact page-width » (Dawn) ---------- */
.dc-ax-contact { padding: 27px 15px; }
.dc-ax-contact h2.dc-ax-contact__title { text-align: center; margin: 0 0 20px; font-size: 29.25px; line-height: 36px; }
.dc-ax-contact__fields { display: grid; grid-template-columns: 1fr; }
.dc-ax-field { position: relative; display: flow-root; margin: 0 0 15px; }
.dc-ax-field input, .dc-ax-field textarea {
    display: block; width: calc(100% - 2px); margin: 1px; height: 45px; padding: 15px;
    border: 0; border-radius: 6px; background: #fff; color: rgb(18, 18, 18);
    font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; letter-spacing: .4px;
    box-shadow: 0 0 0 1px rgba(18, 18, 18, .6); outline: none; -webkit-appearance: none; appearance: none;
    transition: box-shadow .1s ease;
}
.dc-ax-field textarea { height: 100px; min-height: 100px; resize: none; font-family: var(--dc-font, 'Questrial', sans-serif); }
.dc-ax-field input:hover, .dc-ax-field textarea:hover { box-shadow: 0 0 0 2px rgba(18, 18, 18, .6); }
.dc-ax-field input:focus, .dc-ax-field textarea:focus { box-shadow: 0 0 0 2px rgba(18, 18, 18, .75); }
.dc-ax-field input::placeholder, .dc-ax-field textarea::placeholder { opacity: 0; }
.dc-ax-field label {
    position: absolute; left: 21px; top: 11px; pointer-events: none;
    font-family: var(--dc-font, 'Questrial', sans-serif); font-size: 16px; line-height: 24px; letter-spacing: 1px;
    color: rgba(18, 18, 18, .9); transition: top .1s ease, font-size .1s ease;
}
.dc-ax-field input:focus, .dc-ax-field input:not(:placeholder-shown),
.dc-ax-field textarea:focus, .dc-ax-field textarea:not(:placeholder-shown) { padding: 22px 15px 8px 20px; }
.dc-ax-field input:focus ~ label, .dc-ax-field input:not(:placeholder-shown) ~ label,
.dc-ax-field textarea:focus ~ label, .dc-ax-field textarea:not(:placeholder-shown) ~ label {
    top: 7px; font-size: 10px; line-height: 14px; letter-spacing: .4px;
}
.dc-ax-contact__button {
    display: flex; align-items: center; justify-content: center; width: 100%; height: 49px; padding: 0 30px;
    border: 0; border-radius: 8px; background: #c4a3f9; color: #fff; cursor: pointer;
    font-family: var(--dc-font, 'Questrial', sans-serif); font-size: 16px; font-weight: 700; line-height: 19.2px; letter-spacing: 1px;
    transition: box-shadow .1s ease;
}
.dc-ax-contact__button:hover { box-shadow: 0 0 0 2px #c4a3f9; }
.dc-ax-contact__button:disabled { opacity: .6; cursor: default; }
.dc-ax-trap { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
/* Messages du formulaire Dawn (.form__message : 14 px, icône 13 px) */
.dc-ax h2.dc-ax-status {
    display: flex; align-items: flex-start; gap: 5px; margin: 0 0 20px; font-size: 14px; line-height: 1.3; letter-spacing: .4px;
}
.dc-ax-status svg { flex: 0 0 13px; width: 13px; height: 13px; margin-top: 2px; }
.dc-ax-status--ok svg { color: #428445; }
.dc-ax-status--err svg { color: #c7241a; }
.dc-ax-status-list { margin: -10px 0 20px 18px; padding: 0; font-size: 14px; line-height: 1.4; }
@media (min-width: 750px) {
    .dc-ax-contact { max-width: 726px; margin: 0 auto; padding: 36px 0; }
    .dc-ax-contact h2.dc-ax-contact__title { margin: 50px 0 30px; font-size: 39px; line-height: 48px; }
    .dc-ax-contact__fields { grid-template-columns: 1fr 1fr; column-gap: 20px; }
    .dc-ax-field { margin-bottom: 20px; }
}

/* ---------- Suivi de commande : app ParcelTrackr ---------- */
.dc-ax-track { padding: 20px 0; background: #fff; }
.dc-ax-track__wrap { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.dc-ax-track__card { background: #fff; border: 1px solid #e6e6e6; border-radius: 6px; padding: 25px 0 40px; }
.dc-ax h2.dc-ax-track__title {
    margin: 13.28px 15px 24px; font-size: 16px; line-height: 20px; font-weight: 600; color: #000; text-align: left;
}
.dc-ax-track__layout { padding: 0 10px; background: #fff; }
.dc-ax-track__col { width: 100%; }
.dc-ax-track__tabs { display: flex; justify-content: center; margin: 0 0 25px; }
.dc-ax-track__tab {
    padding: 10px 30px; border: 0; border-bottom: 3px solid transparent; background: none; cursor: pointer;
    font-family: inherit; font-size: 15px; line-height: 27px; font-weight: 700; letter-spacing: .9px; color: #000;
}
.dc-ax-track__tab[aria-selected="true"] { border-bottom-color: #000; }
.dc-ax-track__group { margin: 0 0 20px; }
.dc-ax-track__group[hidden] { display: none; }
.dc-ax-track__label { display: block; margin: 0 0 8px; font-size: 14px; line-height: 25.2px; font-weight: 700; color: #000; }
.dc-ax-track__req { margin-left: 2px; color: rgb(224, 43, 39); }
.dc-ax-track__input {
    display: inline-block; width: 100%; height: 37px; margin: 0 0 7px; padding: 10px;
    border: 1px solid #000; border-radius: 4px; background: #fff; color: #000;
    font-family: Arial, sans-serif; font-size: 13.33px; line-height: normal; letter-spacing: normal; outline: none;
}
.dc-ax-track__input::placeholder { color: #757575; }
.dc-ax-track__actions { text-align: center; margin: 25px 0 0; }
.dc-ax-track__button {
    display: inline-block; height: 37px; margin: 0 0 15px; padding: 11px 20px; border: 0; border-radius: 4px;
    background: #000; color: #fff; cursor: pointer;
    font-family: Arial, sans-serif; font-size: 13.33px; font-weight: 700; line-height: 15px; letter-spacing: normal;
}
.dc-ax-track__or { display: flex; justify-content: center; align-items: center; margin: 10px 0 0; color: rgb(151, 151, 151); font-size: 13px; font-weight: 500; }
.dc-ax-track__or span { display: block; font-size: 13px; line-height: 23.4px; font-weight: 700; color: rgb(153, 153, 153); letter-spacing: .9px; }
.dc-ax-track__col--number { padding-top: 20px; }
.dc-ax-track__col--number .dc-ax-track__group { margin-bottom: 15px; }
.dc-ax-track__col--number .dc-ax-track__actions { margin-top: 15px; }
.dc-ax-track__notice { margin: 0 10px 20px; padding: 10px 12px; border-radius: 4px; font-size: 14px; line-height: 1.5; color: #000; background: #fff4f4; border: 1px solid #f3c6c4; }
.dc-ax-track__notice--ok { background: #f3fbf4; border-color: #bfe3c4; }
/* Résultat 17track (la source n'en montre pas sans commande : même carte, même typo) */
.dc-ax-track__result { margin-top: 20px; }
.dc-ax-track__status { display: inline-block; margin: 0 15px 10px; padding: 4px 12px; border-radius: 20px; color: #fff; font-size: 13px; font-weight: 700; line-height: 22px; }
.dc-ax-track__events { list-style: none; margin: 0 15px; padding: 0; }
.dc-ax-track__events li { padding: 10px 0; border-top: 1px solid #e6e6e6; font-size: 14px; line-height: 1.5; }
.dc-ax-track__events time { display: block; font-size: 12px; color: #757575; }
.dc-ax-track__why { margin: 10px 15px 0; font-size: 14px; line-height: 1.6; }
.dc-ax-track__why ol { margin: 6px 0 0 18px; padding: 0; }
@media (min-width: 750px) {
    .dc-ax-track__tab { font-size: 16px; line-height: 28.8px; letter-spacing: .96px; }
    .dc-ax-track__card { padding-bottom: 25px; }
    .dc-ax-track__col--number .dc-ax-track__group { margin-bottom: 20px; }
    .dc-ax-track__col--number .dc-ax-track__actions { margin-top: 0; }
    .dc-ax-track__layout { display: flex; justify-content: center; padding: 0 100px; }
    .dc-ax-track__col { width: 415px; flex: 0 0 415px; }
    .dc-ax-track__col--number { padding-top: 73px; }
    .dc-ax-track__button { margin: 0 0 15px; }
    .dc-ax-track__actions { margin-top: 0; }
    .dc-ax-track__or { flex-direction: column; width: 58px; flex: 0 0 58px; margin: 0; padding: 45px 0; }
    .dc-ax-track__or::before, .dc-ax-track__or::after { content: ''; flex: 1; width: 1px; background: #e6e6e6; }
    .dc-ax-track__or span { padding: 20px 0; letter-spacing: .96px; }
}
@media (min-width: 1440px) { .dc-ax-track__wrap { padding: 0 15px; } }