/* MarocFans Atelier 3.3 — editorial category mega-menu & conversation UI. */

/* Header: real category navigation with a comfortable, responsive mega-menu. */
.mf-header-v3 .mf3-navigation-shell{position:relative;isolation:isolate}
.mf-header-v3 .mf3-nav .mf-menu>li.mf3-has-mega{position:static}
.mf-header-v3 .mf3-nav .mf-menu>li .mf3-mega-trigger{display:flex;align-items:center;gap:3px}
.mf-header-v3 .mf3-nav .mf-menu>li .mf3-mega-trigger>a{padding:18px 0 17px;color:#243c2e;white-space:nowrap;font:700 12px/1.1 var(--mf3-sans);text-decoration:none}
.mf-header-v3 .mf3-nav .mf3-mega-trigger>a:after{display:none}
.mf3-mega-toggle{display:grid;place-items:center;width:32px;height:40px;padding:0;border:0;background:transparent;color:var(--mf3-red);cursor:pointer}
.mf3-mega-toggle span{display:block;font:25px/1 var(--mf3-sans);transition:transform .22s}
.mf3-has-mega.is-open .mf3-mega-toggle span{transform:rotate(180deg)}
.mf3-mega-toggle:focus-visible,.mf-header-v3 a:focus-visible{outline:2px solid var(--mf3-red);outline-offset:3px}
.mf-header-v3 .mf3-nav .mf-menu>li>a:after{bottom:10px}
.mf3-mega-panel{position:absolute;top:100%;left:0;right:0;z-index:150;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px);background:#fff;border-top:1px solid #e4e7e0;border-bottom:3px solid var(--mf3-green);box-shadow:0 26px 42px rgba(6,42,25,.16);transition:opacity .17s ease,transform .17s ease,visibility .17s}
.mf3-has-mega.is-open .mf3-mega-panel,.mf3-has-mega:focus-within .mf3-mega-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none}
@media (hover:hover) and (min-width:901px){.mf3-has-mega:hover .mf3-mega-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none}}
.mf3-mega-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.08fr) minmax(0,1fr);gap:36px;padding-top:33px;padding-bottom:35px;align-items:stretch}
.mf3-mega-intro{padding:27px 28px 26px;background:var(--mf3-deep);color:#fff;position:relative;overflow:hidden}
.mf3-mega-intro:after{content:'✦';position:absolute;right:-21px;bottom:-69px;font:180px/1 Georgia,serif;color:rgba(255,255,255,.06);pointer-events:none}
.mf3-mega-overline{display:block;color:#d4b7a4;letter-spacing:.18em;font:800 10px var(--mf3-sans)}
.mf3-mega-intro h2{position:relative;font:700 clamp(23px,2.3vw,33px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:18px 0 15px;color:#fff}
.mf3-mega-intro p{position:relative;font:13px/1.75 var(--mf3-sans);color:#d8e8dd;margin:0 0 21px}
.mf-header-v3 .mf3-nav .mf3-mega-cta{position:relative;display:inline-flex;gap:18px;align-items:center;color:#fff;padding:0 0 6px;border-bottom:1px solid #fff;font:700 12px var(--mf3-sans);text-decoration:none}
.mf3-mega-cta:after{display:none!important}
.mf3-mega-heading{display:block;letter-spacing:.14em;color:var(--mf3-red);font:800 10px/1.3 var(--mf3-sans);margin:7px 0 17px}
.mf-header-v3 .mf3-nav .mf3-mega-topic{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px 0;border-bottom:1px solid var(--mf3-line);color:var(--mf3-deep)}
.mf3-mega-topic-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#eef3eb;color:var(--mf3-green);font:20px/1 Georgia,serif}
.mf3-mega-topic-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.mf3-mega-topic-copy strong{font:700 14px/1.25 Georgia,serif}
.mf3-mega-topic-copy small{color:#7b8279;font:11px/1.3 var(--mf3-sans)}
.mf3-mega-topic-arrow{color:var(--mf3-red);font:16px var(--mf3-sans);transition:transform .18s}
.mf3-mega-topic:hover .mf3-mega-topic-arrow{transform:translate(3px,-2px)}
.mf3-mega-stories{min-width:0}
.mf-header-v3 .mf3-nav .mf3-mega-story{display:grid;grid-template-columns:88px minmax(0,1fr);gap:13px;align-items:center;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--mf3-line);text-decoration:none;color:var(--mf3-deep)}
.mf3-mega-story-image{display:block;width:88px;height:72px;overflow:hidden;background:#dbe4d9}
.mf3-mega-story-image img{width:100%;height:100%;display:block;object-fit:cover}
.mf3-mega-story-copy{display:block;min-width:0}
.mf3-mega-story-copy strong{display:block;font:700 14px/1.35 Georgia,serif}
.mf3-mega-story-copy small{display:block;margin-top:8px;font:10px var(--mf3-sans);color:#868f85}
.mf3-mega-empty{font:13px var(--mf3-sans);color:#7b8279}
.mf-header-v3 .mf3-nav .mf3-mega-all{display:inline-flex;gap:12px;padding:5px 0;color:var(--mf3-green);font:800 12px var(--mf3-sans);text-decoration:none}
.mf-header-v3 .mf3-nav .mf3-mega-topic:after,.mf-header-v3 .mf3-nav .mf3-mega-story:after,.mf-header-v3 .mf3-nav .mf3-mega-all:after{display:none}

/* Comment thread — calm newspaper feel rather than the unstyled WordPress form. */
.mf-comments-wrap{padding:40px 0 16px;min-width:0}
.mf-comments-panel{border-top:3px solid var(--mf3-green);max-width:100%;color:var(--mf3-deep)}
.mf-comments-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:31px 0 29px;border-bottom:1px solid #e6e4dd}
.mf-comments-kicker{display:block;color:var(--mf3-red);font:800 10px/1.4 Arial,sans-serif;letter-spacing:.16em;margin:0 0 12px}
.mf-comments-header h2{margin:0 0 12px;color:var(--mf3-deep);font:700 clamp(27px,3vw,38px)/1.1 Georgia,serif;letter-spacing:-.025em}
.mf-comments-header p{margin:0;max-width:490px;color:#69776d;font:14px/1.65 Arial,sans-serif}
.mf-comments-total{min-width:73px;min-height:73px;background:#f1f3ed;border:1px solid #e6eade;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;text-align:center}
.mf-comments-total strong{font:700 26px/1 Georgia,serif;color:var(--mf3-green)}
.mf-comments-total small{margin-top:6px;font:800 9px/1 Arial,sans-serif;letter-spacing:.06em;color:#6a766a}
.mf-comments-thread{padding:26px 0 4px}
.mf-comments-thread>h3{font:700 20px Georgia,serif;margin:0 0 19px}
.mf-comments-list,.mf-comments-list .children{list-style:none;padding:0;margin:0}
.mf-comments-list>li{padding:20px 0;border-bottom:1px solid #e8e7de}
.mf-comments-list .children{margin:15px 0 0 34px;padding-left:20px;border-left:2px solid #d9e5d9}
.mf-comments-list .comment-body{padding:12px 0;color:#415549;font:14px/1.75 Arial,sans-serif}
.mf-comments-list .comment-author{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:47px}
.mf-comments-list .comment-author img{border-radius:50%;margin-right:8px}
.mf-comments-list .comment-author .fn{font:700 15px Georgia,serif;color:var(--mf3-deep)}
.mf-comments-list .comment-author .fn a{color:inherit;text-decoration:none}
.mf-comments-list .comment-author .says{color:#798479;font:11px Arial,sans-serif}
.mf-comments-list .comment-metadata{margin:7px 0 0 64px;font:11px Arial,sans-serif}
.mf-comments-list .comment-metadata a{color:#7d887e;text-decoration:none}
.mf-comments-list .comment-content{margin:15px 0 13px 64px;overflow-wrap:anywhere}
.mf-comments-list .comment-content p{margin:0 0 10px}
.mf-comments-list .reply{margin-left:64px}
.mf-comments-list .reply a,.mf-comments-pages a{display:inline-block;color:var(--mf3-green);text-decoration:none;font:700 12px Arial,sans-serif}
.mf-comments-list .reply a:hover{color:var(--mf3-red)}
.mf-comments-list .comment-awaiting-moderation{display:block;color:#9a6820;font:italic 12px Arial,sans-serif}
.mf-comments-pages{display:flex;gap:22px;justify-content:space-between;margin:18px 0 28px}
.mf-comments-closed{color:#78857b;font:13px Arial,sans-serif}
.mf-comments-form-shell{padding:29px clamp(20px,3.5vw,38px) 35px;background:#fff;border:1px solid #e8e6dc;border-radius:4px;box-shadow:0 12px 35px rgba(11,55,32,.035);margin-top:25px}
.mf-comments-form-shell .comment-reply-title{font:700 clamp(24px,2.5vw,31px)/1.2 Georgia,serif;color:var(--mf3-deep);margin:0 0 12px}
.mf-comments-form-shell .comment-reply-title small{font:700 12px Arial,sans-serif;margin-left:15px}
.mf-comments-form-shell .comment-reply-title small a{color:var(--mf3-red);text-decoration:none}
.mf-comments-form-shell .mf-comments-hint,.mf-comments-form-shell .comment-notes,.mf-comments-form-shell .logged-in-as,.mf-comments-form-shell .required-field-message{font:13px/1.6 Arial,sans-serif;color:#6b786c;margin:0 0 21px}
.mf-comments-form-shell .logged-in-as a{color:#006233;text-decoration:underline;text-underline-offset:3px}
.mf-comments-form-shell form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;min-width:0}
.mf-comments-form-shell form>p{margin:0 0 19px;min-width:0}
.mf-comments-form-shell .comment-form-comment,.mf-comments-form-shell .comment-form-cookies-consent,.mf-comments-form-shell .comment-notes,.mf-comments-form-shell .form-submit,.mf-comments-form-shell .mf-comments-privacy{grid-column:1/-1}
.mf-comments-form-shell label{display:block;margin:0 0 9px;color:var(--mf3-deep);font:700 12px/1.4 Arial,sans-serif}
.mf-comments-form-shell .required{color:#c1272d}
.mf-comments-wrap .mf-comments-form-shell textarea,.mf-comments-wrap .mf-comments-form-shell input:not([type=submit]):not([type=checkbox]){display:block;width:100%;max-width:100%;min-width:0;border:1px solid #daddd4;border-radius:3px;background:#fdfdfa;color:#283b2f;font:14px/1.6 Arial,sans-serif;padding:14px 16px;transition:border-color .15s,box-shadow .15s}
.mf-comments-wrap .mf-comments-form-shell textarea{min-height:175px;resize:vertical}
.mf-comments-wrap .mf-comments-form-shell input:focus-visible,.mf-comments-wrap .mf-comments-form-shell textarea:focus-visible{outline:none;border-color:#006233;box-shadow:0 0 0 3px rgba(0,98,51,.13)}
.mf-comments-form-shell input::placeholder,.mf-comments-form-shell textarea::placeholder{color:#98a29a}
.mf-comments-form-shell .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:9px;color:#667669;font:12px/1.6 Arial,sans-serif}
.mf-comments-form-shell .comment-form-cookies-consent input{margin-top:4px;accent-color:#006233}
.mf-comments-form-shell .comment-form-cookies-consent label{font:12px/1.55 Arial,sans-serif;color:#6d776d;margin:0}
.mf-comments-form-shell .mf-comments-privacy{font:11px/1.5 Arial,sans-serif;color:#879188;margin:0 0 13px}
.mf-comments-form-shell .form-submit{margin:0}
.mf-comments-wrap .mf-comments-form-shell .mf-comment-submit{background:#006233;border:1px solid #006233;color:#fff;padding:15px 24px;font:800 12px Arial,sans-serif;letter-spacing:.02em;cursor:pointer;min-height:47px;border-radius:3px;transition:background .2s,transform .2s}
.mf-comments-wrap .mf-comments-form-shell .mf-comment-submit:hover{background:#08452c;transform:translateY(-1px)}
.mf-comments-wrap .mf-comments-form-shell .mf-comment-submit:focus-visible{outline:2px solid #c1272d;outline-offset:3px}

@media (max-width:1120px) and (min-width:901px){
  .mf3-mega-grid{gap:22px;grid-template-columns:.95fr 1fr 1fr}
  .mf-header-v3 .mf3-nav .mf-menu{gap:clamp(12px,1.6vw,22px)}
}
@media (max-width:900px){
  .mf-header-v3 .mf3-menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:39px;height:44px;flex:none}
  .mf-header-v3 .mf3-navigation-shell{display:none;max-height:min(76vh,650px);overflow-y:auto;overscroll-behavior:contain;border-bottom:2px solid var(--mf3-green)}
  .mf-menu-open .mf-header-v3 .mf3-navigation-shell{display:block}
  .mf-header-v3 .mf3-navigation-row{display:block;padding:7px 0 18px}
  .mf-header-v3 .mf3-nav{display:block!important;position:static!important;padding:0!important;box-shadow:none!important;background:transparent!important}
  .mf-header-v3 .mf3-nav .mf-menu{display:block;gap:0}
  .mf-header-v3 .mf3-nav .mf-menu>li{border-bottom:1px solid #e4e7df}
  .mf-header-v3 .mf3-nav .mf-menu>li>a{padding:17px 6px;font-size:14px}
  .mf-header-v3 .mf3-nav .mf-menu>li .mf3-mega-trigger>a{padding:17px 6px;font-size:14px;flex:1}
  .mf3-mega-toggle{width:50px;height:48px;background:#f1f4ef}
  .mf3-mega-panel{position:static;display:none;visibility:visible;opacity:1;pointer-events:auto;transform:none;border:0;box-shadow:none;background:#fafbf8;transition:none}
  .mf3-has-mega.is-open .mf3-mega-panel{display:block}
  .mf3-has-mega:focus-within:not(.is-open) .mf3-mega-panel{display:none}
  .mf3-mega-grid{width:100%;padding:15px 5px 23px;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
  .mf3-mega-intro{grid-column:1/-1;padding:21px}
  .mf3-mega-intro h2{font-size:27px}
  .mf3-mega-stories{grid-column:2}
  .mf3-mega-topics{grid-column:1}
  .mf-header-v3 .mf3-nav .mf3-mega-topic{padding:12px 0}
  .mf3-nav-latest{display:inline-flex;margin-top:17px}
}
@media (max-width:660px){
  .mf-header-v3 .mf3-masthead{min-height:82px;gap:12px}
  .mf-header-v3 .mf3-explore{display:none}
  .mf3-mega-grid{grid-template-columns:1fr;gap:24px}
  .mf3-mega-intro,.mf3-mega-stories,.mf3-mega-topics{grid-column:1}
  .mf3-mega-story{grid-template-columns:76px minmax(0,1fr)}
  .mf-comments-wrap{padding-top:27px}
  .mf-comments-header{padding:25px 0;gap:13px}
  .mf-comments-header h2{font-size:27px}
  .mf-comments-total{min-height:58px;min-width:58px}
  .mf-comments-total strong{font-size:21px}
  .mf-comments-form-shell{padding:22px 18px 24px}
  .mf-comments-form-shell form{grid-template-columns:1fr}
  .mf-comments-form-shell form>p{grid-column:1/-1}
  .mf-comments-list .children{margin-left:10px;padding-left:12px}
  .mf-comments-list .comment-metadata,.mf-comments-list .comment-content,.mf-comments-list .reply{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.mf3-mega-panel,.mf3-mega-toggle span,.mf-comments-wrap .mf-comment-submit{transition:none}}

/* MarocFans v3.4 — logo zellige horizontal et langues avec drapeaux. */
.mf-header-v3 .mf3-brand{display:inline-flex;align-items:center;gap:13px;max-width:100%}
.mf-header-v3 .mf3-brand-zellige{width:64px;height:64px;flex:none;display:block;object-fit:contain}
.mf-header-v3 .mf3-brand-word{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px}
.mf-header-v3 .mf3-brand-word small{line-height:1.25;letter-spacing:.16em}
.mf-header-v3 .mf3-lang-link{display:inline-flex;align-items:center;gap:6px;padding:0 10px;min-width:65px;white-space:nowrap}
.mf-header-v3 .mf3-lang-flag{display:block;object-fit:cover;width:22px;height:15px;border:1px solid rgba(255,255,255,.35);border-radius:1px;flex:none}
.mf-header-v3 .mf3-lang-link[aria-current="page"] .mf3-lang-flag{border-color:rgba(5,59,41,.2)}
.mf-header-v3 .mf3-lang-link:hover,.mf-header-v3 .mf3-lang-link:focus-visible{background:rgba(255,255,255,.15);color:#fff}
.mf-header-v3 .mf3-lang-link[aria-current="page"]:hover,.mf-header-v3 .mf3-lang-link[aria-current="page"]:focus-visible{color:#083a2a;background:#fff}
.mf-header-v3 .mf3-lang-link:focus-visible{outline:2px solid #f2cc90;outline-offset:-2px}
@media(max-width:900px){.mf-header-v3 .mf3-brand-zellige{width:51px;height:51px}}
@media(max-width:660px){.mf-header-v3 .mf3-brand-zellige{width:38px;height:38px}.mf-header-v3 .mf3-brand{gap:8px}.mf-header-v3 .mf3-brand-word small{font-size:6px;letter-spacing:.09em}.mf-header-v3 .mf3-lang-link{min-width:51px;gap:4px;padding:0 5px}.mf-header-v3 .mf3-lang-flag{width:19px;height:13px}}
@media(max-width:380px){.mf-header-v3 .mf3-brand-zellige{display:block;width:29px;height:29px}.mf-header-v3 .mf3-brand-name .mf-brand-main,.mf-header-v3 .mf3-brand-name .mf-brand-accent{font-size:19px}.mf-header-v3 .mf3-brand-word small{font-size:5px}}