/* ==========================================================================
   MOBILE.CSS — Mielance Média
   ========================================================================== */

@media (max-width: 1280px) {
    .mm-topstories { display: none; }
}

@media (max-width: 1024px) {
    /* Hero */
    .mm-hero__layout        { grid-template-columns: 1fr; min-height: auto; padding-top: 3.5rem; padding-bottom: 3rem; gap: 2rem; }
    .mm-hero__right         { display: none; }
    .mm-hero__left          { align-items: center; text-align: center; }
    .mm-hero__sub           { max-width: 100%; }
    .mm-hero__scroll        { justify-content: center; }
    /* Rubriques */
    .mm-rubrique__grid      { grid-template-columns: 1fr; }
    .mm-rubrique__secondary { flex-direction: row; flex-wrap: wrap; }
    .mm-rubrique__item      { flex: 1 1 calc(50% - .4rem); }
    /* Équipe */
    .mm-team__grid          { grid-template-columns: repeat(2,1fr); }
    /* Partenaires / réseau */
    .mm-partners__grid      { grid-template-columns: repeat(auto-fill, minmax(160px,1fr)); }
    .mm-network__grid       { grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); }
    /* Footer */
    .mm-footer__cols        { grid-template-columns: 1fr 1fr; }
    .mm-footer__col:first-child { grid-column: span 2; }
    /* Single */
    .mm-single__layout      { grid-template-columns: 1fr; }
    .mm-single__sidebar     { position: static; order: -1; }
    .mm-toc                 { display: none; }
    .mm-related__grid       { grid-template-columns: repeat(2,1fr); }
    /* Archive / Search */
    .mm-arch-card           { grid-template-columns: 180px 1fr; }
    .mm-search__grid        { grid-template-columns: repeat(2,1fr); }
    /* Légales */
    .mm-legal__wrap         { grid-template-columns: 1fr; }
    .mm-legal-nav           { position: static; }
    /* Pages templates */
    .mm-about-story__inner  { grid-template-columns: 1fr; gap: 2.5rem; }
    .mm-about-offers__grid  { grid-template-columns: 1fr; }
    .mm-about-vision__grid  { grid-template-columns: 1fr; }
    .mm-contact-types__grid { grid-template-columns: repeat(2,1fr); }
    .mm-contact-info__grid  { grid-template-columns: 1fr; }
    .mm-stats-counters__grid { grid-template-columns: repeat(2,1fr); }
    .mm-stats-seo__grid     { grid-template-columns: 1fr; }
    .mm-stats-why__grid     { grid-template-columns: repeat(2,1fr); }
    .mm-press-about__grid   { grid-template-columns: 1fr; gap: 2.5rem; }
    .mm-press-formats__grid { grid-template-columns: 1fr; }
    .mm-press-network__grid { grid-template-columns: repeat(2,1fr); }
    .mm-itw-why__grid       { grid-template-columns: repeat(2,1fr); }
    .mm-itw-examples__grid  { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 768px) {

    /* ── Header ── */
    .mm-header__inner       { gap: .5rem; padding-top: .65rem; padding-bottom: .65rem; }
    .mm-logo__text          { font-size: 1.1rem; }
    .mm-search--desktop     { display: none; }
    .mm-header__contact     { display: none; }
    .mm-burger              { display: flex; }

    /* ── Burger animé ── */
    .mm-burger {
        width: 44px; height: 44px;
        display: flex; flex-direction: column;
        align-items: center; justify-content: center;
        gap: 5px; background: rgba(255,255,255,.06);
        border: 1px solid var(--mm-border);
        border-radius: var(--mm-radius-sm);
        padding: 0; cursor: pointer;
        transition: background .2s, border-color .2s;
        flex-shrink: 0;
    }
    .mm-burger span {
        display: block; width: 20px; height: 2px;
        background: var(--mm-white); border-radius: 2px;
        transition: transform .3s ease, opacity .2s ease;
    }
    .mm-burger:hover { background: rgba(232,148,10,.1); border-color: rgba(232,148,10,.3); }
    .mm-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); background: var(--mm-miel); }
    .mm-burger.is-open span:nth-child(2) { opacity: 0; }
    .mm-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); background: var(--mm-miel); }

    /* ── Menu déroulant sous le header ── */
    .mm-nav {
        display: none;
        position: absolute;
        top: 100%; left: 0; right: 0;
        background: var(--mm-black-soft);
        border-top: 1px solid var(--mm-border);
        border-bottom: 2px solid var(--mm-miel);
        box-shadow: 0 8px 24px rgba(0,0,0,.4);
        z-index: 300;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .mm-nav.is-open { display: block; }

    .mm-nav__row {
        flex-direction: column;
        align-items: stretch;
        border-bottom: none;
        justify-content: flex-start;
    }
    .mm-nav__row--2 { border-top: 1px solid var(--mm-border); }
    .mm-nav__row li { width: 100%; }
    .mm-nav__row li a {
        display: flex; align-items: center;
        padding: .9rem 1.25rem;
        font-size: .82rem;
        border-bottom: 1px solid rgba(255,255,255,.05);
        border-radius: 0; min-height: 48px;
        color: rgba(255,255,255,.8);
        transition: background .2s, color .2s;
    }
    .mm-nav__row li a:hover { background: rgba(232,148,10,.07); color: var(--mm-miel); }
    .mm-nav__row li:last-child a { border-bottom: none; }

    /* Extras mobile : recherche + contact dans le menu */
    .mm-nav__mobile-extras {
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
        padding: 1.25rem;
        border-top: 2px solid var(--mm-miel);
        background: var(--mm-black);
    }
    .mm-nav__mobile-search {
        display: flex; align-items: center;
        border: 1px solid var(--mm-border);
        border-radius: var(--mm-radius-pill);
        background: var(--mm-black-soft);
        overflow: hidden;
        transition: border-color .2s;
    }
    .mm-nav__mobile-search:focus-within { border-color: var(--mm-miel); }
    .mm-nav__mobile-search-input {
        flex: 1; border: none; background: transparent;
        padding: .65rem 1rem; font-size: 1rem;
        color: var(--mm-white); outline: none;
    }
    .mm-nav__mobile-search-input::placeholder { color: rgba(255,255,255,.3); }
    .mm-nav__mobile-search-btn {
        display: flex; align-items: center; justify-content: center;
        background: var(--mm-miel); border: none;
        width: 44px; height: 44px;
        cursor: pointer; color: var(--mm-black);
        flex-shrink: 0; transition: background .2s;
    }
    .mm-nav__mobile-search-btn:hover { background: var(--mm-miel-dark); color: var(--mm-white); }
    .mm-nav__mobile-contact { width: 100%; justify-content: center; }

    /* ── Newsbar ── */
    .mm-newsbar         { height: 32px; }
    .mm-newsbar__label  { display: none; }
    .mm-newsbar__item   { font-size: .7rem; padding: 0 .65rem; }

    /* ── Hero ── */
    .mm-hero__title     { font-size: clamp(1.9rem, 7vw, 3rem); }
    .mm-hero__sub       { font-size: .9rem; }
    .mm-hero__badge     { font-size: .62rem; }
    .mm-hero__ticker-word { font-size: .68rem; padding: 0 .75rem; }

    /* ── Rubriques ── */
    .mm-rubrique             { padding: 2.5rem 0; }
    .mm-rubrique__head       { flex-direction: column; align-items: flex-start; gap: .75rem; }
    .mm-rubrique__grid       { grid-template-columns: 1fr; }
    .mm-rubrique__secondary  { flex-direction: column; gap: .6rem; }
    .mm-rubrique__item       { flex: 1 1 100%; }
    .mm-rubrique__main-img   { height: 180px; }

    /* ── Équipe ── */
    .mm-team__grid      { grid-template-columns: 1fr 1fr; gap: .85rem; }
    .mm-author          { padding: .9rem 1rem; }
    .mm-author__photo   { width: 46px; height: 46px; }

    /* ── Partenaires / réseau ── */
    .mm-partners__grid  { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .mm-partner         { padding: .75rem .85rem; }
    .mm-partner__name   { font-size: .75rem; }
    .mm-network__grid   { grid-template-columns: 1fr 1fr; }

    /* ── Footer ── */
    .mm-footer__cols         { grid-template-columns: 1fr; gap: 2rem; }
    .mm-footer__col:first-child { grid-column: auto; }
    .mm-footer__bottom-inner { flex-direction: column; align-items: flex-start; gap: .75rem; }
    .mm-footer__copy         { font-size: .72rem; }

    /* ── Back to top ── */
    .mm-back-to-top { bottom: 1.25rem; right: 1.25rem; width: 42px; height: 42px; }

    /* ── Single ── */
    .mm-single__layout    { grid-template-columns: 1fr; padding-top: 1.5rem; gap: 2rem; }
    .mm-single__sidebar   { position: static; }
    .mm-single__title     { font-size: 1.6rem; }
    .mm-toc               { display: none; }
    .mm-related__grid     { grid-template-columns: 1fr; }
    .mm-author-box        { flex-direction: column; gap: 1rem; }
    .mm-author-box__photo { width: 60px; height: 60px; }
    .mm-share             { flex-direction: column; align-items: flex-start; gap: .75rem; }
    .mm-share__btns       { flex-wrap: wrap; }

    /* ── Archive ── */
    .mm-arch-hero__body    { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .mm-arch-card          { grid-template-columns: 110px 1fr; gap: 1rem; padding: 1.25rem 0; }
    .mm-arch-card__excerpt { display: none; }
    .mm-arch-card__title   { font-size: 1rem; }

    /* ── Search ── */
    .mm-search-hero__form  { max-width: 100%; }
    .mm-search__grid       { grid-template-columns: 1fr; gap: 1rem; }
    .mm-search-card        { flex-direction: row; }
    .mm-search-card__img   { width: 100px; aspect-ratio: 1/1; flex-shrink: 0; }
    .mm-search-card__excerpt { display: none; }

    /* ── 404 ── */
    .mm-404                { padding: 3rem 0; min-height: auto; }
    .mm-404__title         { font-size: 1.4rem; }
    .mm-404__search        { max-width: 100%; }
    .mm-404__home          { width: 100%; justify-content: center; }

    /* ── Pages ── */
    .mm-page-hero__title   { font-size: 1.6rem; }
    .mm-page__wrap         { padding-top: 2rem; padding-bottom: 3rem; }

    /* ── Légales ── */
    .mm-legal__wrap        { padding-top: 2rem; grid-template-columns: 1fr; }
    .mm-legal-nav          { position: static; }
    .mm-legal-nav__list    { flex-direction: row; flex-wrap: wrap; gap: .3rem; }
    .mm-legal-nav__list li a { padding: .3rem .6rem; font-size: .7rem; border-left: none; border-bottom: 1px solid transparent; border-radius: var(--mm-radius-sm); }
    .mm-legal-nav__list li a:hover { padding-left: .6rem; border-bottom-color: var(--mm-miel); }
    .mm-legal-row          { grid-template-columns: 1fr; gap: .25rem; }
    .mm-legal-rights       { grid-template-columns: 1fr; }

    /* ── À propos ── */
    .mm-about-hero__title  { font-size: 2rem; }
    .mm-about-story__inner { grid-template-columns: 1fr; }
    .mm-about-story__visual { grid-template-columns: 1fr 1fr; }
    .mm-about-vision__grid { grid-template-columns: 1fr; }
    .mm-about-offers__grid { grid-template-columns: 1fr; }
    .mm-about-partners__grid { grid-template-columns: 1fr 1fr; }
    .mm-about-cta__inner   { flex-direction: column; align-items: flex-start; padding: 2rem; }
    .mm-about-cta__btn     { width: 100%; justify-content: center; }

    /* ── Contact ── */
    .mm-contact-hero__title { font-size: 1.5rem; }
    .mm-contact-types__grid { grid-template-columns: 1fr; }
    .mm-contact-info__grid  { grid-template-columns: 1fr; }
    .mm-faq__question       { font-size: .875rem; }

    /* ── Stats ── */
    .mm-stats-hero__title   { font-size: 2rem; }
    .mm-stats-counters__grid { grid-template-columns: 1fr 1fr; }
    .mm-stats-seo__grid     { grid-template-columns: 1fr; }
    .mm-stats-why__grid     { grid-template-columns: 1fr; }
    .mm-stats-partners__grid { grid-template-columns: 1fr 1fr; }
    .mm-stats-cta__inner    { flex-direction: column; align-items: flex-start; padding: 2rem; }
    .mm-stats-cta__btn      { width: 100%; justify-content: center; }

    /* ── Relations presse ── */
    .mm-press-hero__title   { font-size: 2rem; }
    .mm-press-about__facts  { grid-template-columns: 1fr 1fr; }
    .mm-press-formats__grid { grid-template-columns: 1fr; }
    .mm-press-network__grid { grid-template-columns: 1fr; }
    .mm-press-cta__inner    { flex-direction: column; align-items: flex-start; padding: 2rem; }
    .mm-press-cta__btn      { width: 100%; justify-content: center; }

    /* ── Histoire entrepreneuriale ── */
    .mm-itw-hero__title     { font-size: 2rem; }
    .mm-itw-hero__ctas      { flex-direction: column; }
    .mm-itw-hero__ctas .mm-btn { width: 100%; justify-content: center; }
    .mm-itw-why__grid       { grid-template-columns: 1fr; }
    .mm-itw-cta-band__inner { flex-direction: column; align-items: flex-start; }
    .mm-itw-cta-band__inner .mm-btn { width: 100%; justify-content: center; }
    .mm-itw-examples__grid  { grid-template-columns: 1fr; }
    .mm-itw-cta-btn         { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
    .mm-container           { padding: 0 .9rem; }
    .mm-logo__text          { font-size: 1rem; }
    .mm-partners__grid      { grid-template-columns: 1fr 1fr; }
    .mm-network__grid       { grid-template-columns: 1fr 1fr; }
    .mm-team__grid          { grid-template-columns: 1fr 1fr; }
    .mm-footer__stats       { gap: 1rem; }
    .mm-arch-card           { grid-template-columns: 80px 1fr; gap: .75rem; }
    .mm-search-card__img    { width: 80px; }
    .mm-404__honeycomb      { display: none; }
    .mm-about-story__visual { grid-template-columns: 1fr; }
    .mm-about-partners__grid { grid-template-columns: 1fr 1fr; }
    .mm-press-about__facts  { grid-template-columns: 1fr; }
    .mm-stats-counters__grid { grid-template-columns: 1fr; }
    .mm-stats-partners__grid { grid-template-columns: 1fr 1fr; }
    .mm-contact-types__grid { grid-template-columns: 1fr; }
    .mm-share__btns         { gap: .4rem; }
    .mm-share__btn          { font-size: .7rem; padding: .45rem .75rem; }
}

@media (max-width: 380px) {
    .mm-logo__text          { font-size: .9rem; }
    .mm-partners__grid      { grid-template-columns: 1fr; }
    .mm-network__grid       { grid-template-columns: 1fr; }
    .mm-team__grid          { grid-template-columns: 1fr; }
}