#mtft{--ink:#101010;--muted:#696969;--line:#e5e5e5;--soft:#f5f5f5;--paper:#fff;--red:#ed1c24;--red-dark:#c9151b;--teal:#45b8ae;--green:#16825d;--amber:#8d5a00;--radius:18px;--shadow:0 16px 45px rgba(0,0,0,.055)} #mtft *{box-sizing:border-box} #mtft a{color:inherit} #mtft button,#mtft input,#mtft select,#mtft textarea{font:inherit} #mtft button,#mtft a,#mtft input,#mtft select,#mtft textarea{outline-offset:3px} #mtft button{cursor:pointer} #mtft .mtft-wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto} #mtft .hero{position:relative;isolation:isolate;overflow:hidden;min-height:220px;aspect-ratio:4/1;background:#111;color:#fff;border-radius:0 0 20px 20px;display:flex;align-items:center} #mtft .hero:before{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse at 80% 40%,rgba(237,28,36,.43),transparent 30%),radial-gradient(ellipse at 72% 120%,rgba(255,255,255,.14),transparent 35%),linear-gradient(100deg,#101010 0%,#181818 57%,#080808 100%)} #mtft .hero:after{content:"";position:absolute;z-index:-1;right:5%;top:-30%;width:42%;height:160%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.025)} #mtft .hero-copy{padding:34px 0;width:62%;position:relative} #mtft .eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.17em;color:#ff666b;display:flex;align-items:center;gap:9px} #mtft .eyebrow:before{content:"";width:23px;height:2px;background:var(--red)} #mtft .hero .hero-title{margin:10px 0 10px;font-size:clamp(28px,4.4vw,52px);line-height:1.20;letter-spacing:-.055em;text-transform:uppercase;max-width:610px} #mtft .hero .hero-text{margin:0;max-width:510px;color:#d1d1d1;font-size:clamp(13px,1.35vw,16px)} #mtft .hero-stamp{position:absolute;right:3%;bottom:18%;font-weight:950;font-size:clamp(50px,9vw,112px);line-height:.8;letter-spacing:-.09em;color:rgba(255,255,255,.06);transform:rotate(-8deg);user-select:none} #mtft .hero-badge{position:absolute;right:6%;top:23%;border:1px solid rgba(255,255,255,.24);padding:10px 13px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#eee;transform:rotate(7deg)} #mtft .main-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start;margin-top:32px;margin-bottom:54px} #mtft .main-column{min-width:0} #mtft .side-column{display:grid;gap:18px} #mtft .section-intro{margin:0 0 17px} #mtft .section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-weight:900;margin-bottom:7px} #mtft .section-intro h1,#mtft .section-intro h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.045em;line-height:1.05;margin:0 0 8px} #mtft .section-intro p{font-size:14px;color:var(--muted);margin:0;max-width:620px} #mtft .search-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px} #mtft .form-label{display:block;font-size:12px;font-weight:800;margin:0 0 7px} #mtft .search-row{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:10px;align-items:end} #mtft .field{min-width:0} #mtft .control{width:100%;border:1px solid #d7d7d7;border-radius:10px;background:#fff;color:#151515;padding:13px 13px;min-height:48px;transition:border-color .15s,box-shadow .15s} #mtft .control:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.07);outline:0} #mtft .control::placeholder{color:#999} #mtft .primary-btn{min-height:48px;border:0;border-radius:10px;background:var(--red);color:#fff;padding:0 20px;font-size:13px;font-weight:900;white-space:nowrap;transition:background .18s,transform .18s} #mtft .primary-btn:hover{background:var(--red-dark);transform:translateY(-1px)} #mtft .primary-btn.is-loading{pointer-events:none;opacity:.9} #mtft .primary-btn.is-loading span{display:none} #mtft .primary-btn.is-loading::after{content:'';display:inline-block;width:15px;height:15px;margin-left:8px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;vertical-align:-3px;animation:mtft-spin .7s linear infinite} @keyframes mtft-spin{to{transform:rotate(360deg)}} #mtft .secondary-field{display:none;margin-top:14px;max-width:420px} #mtft .secondary-field.is-visible{display:block} #mtft .field-help{font-size:12px;color:#777;margin:7px 0 0} #mtft .security-note{margin-top:17px;padding:12px 13px;border-radius:10px;background:#f8f8f8;color:#555;font-size:12px;display:flex;gap:9px;align-items:flex-start} #mtft .security-note svg{flex:0 0 17px;margin-top:1px} #mtft .test-hint{font-size:11px;color:#767676;margin:11px 0 0} #mtft .notice{display:none;margin-top:15px;padding:12px 14px;border-radius:10px;font-size:13px} #mtft .notice.show{display:block} #mtft .notice.error{background:#fff1f1;border:1px solid #f5cbcb;color:#9b1c1c} #mtft .notice.info{background:#f1f7ff;border:1px solid #d4e5ff;color:#234e7b} #mtft .notice.success{background:#eef9f2;border:1px solid #c6e9d1;color:#17633c} #mtft .results{display:grid;gap:16px;margin-top:22px} #mtft .order-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden} #mtft .order-top{padding:20px 22px 16px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid #eee} #mtft .order-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#777;font-weight:850} #mtft .order-top h3{font-size:20px;letter-spacing:-.04em;margin:3px 0} #mtft .order-meta{font-size:12px;color:#777} #mtft .status-pill{border-radius:999px;background:#fff3e0;color:#825000;padding:7px 10px;font-size:11px;font-weight:850;white-space:nowrap;display:inline-flex;align-items:center;gap:6px} #mtft .status-dot{width:6px;height:6px;border-radius:50%;background:#d28a05} #mtft .order-body{padding:23px} #mtft .progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px} #mtft .progress-head strong{font-size:14px} #mtft .progress-head span{font-size:11px;color:#777} #mtft .timeline{position:relative;display:grid;gap:0;margin:0 0 20px 5px} #mtft .timeline:before{content:"";position:absolute;left:12px;top:14px;bottom:22px;width:2px;background:#e2e2e2} #mtft .timeline-item{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:13px;padding-bottom:23px} #mtft .timeline-item:last-child{padding-bottom:0} #mtft .timeline-icon{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #dcdcdc;color:#999} #mtft .timeline-item.done .timeline-icon{background:var(--teal);border-color:var(--teal);color:#fff} #mtft .timeline-item.current .timeline-icon{border:2px solid var(--red);color:var(--red);box-shadow:0 0 0 4px rgba(237,28,36,.09)} #mtft .timeline-title{font-size:13px;font-weight:850;margin:1px 0 2px} #mtft .timeline-date{font-size:11px;color:#777} #mtft .timeline-copy{font-size:12px;color:#666;margin:5px 0 0;max-width:570px} #mtft .timeline-item.pending .timeline-title{color:#777;font-weight:700} #mtft .details-toggle{margin-top:17px;border-top:1px solid #eee;padding-top:15px} #mtft .details-toggle summary{font-size:12px;font-weight:850;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:8px;align-items:center} #mtft .details-toggle summary::-webkit-details-marker{display:none} #mtft .details-toggle summary:after{content:"+";font-size:20px;font-weight:400;color:#777} #mtft .details-toggle[open] summary:after{content:"−"} #mtft .product-lines{display:grid;gap:10px;margin-top:15px} #mtft .product-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f8f8f8;border-radius:10px} #mtft .product-line strong{font-size:12px;display:block} #mtft .product-line small{font-size:11px;color:#777} #mtft .product-ref{font-size:11px;color:#777;text-align:right} #mtft .order-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} #mtft .outline-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7d7d7;border-radius:9px;padding:10px 13px;text-decoration:none;font-size:12px;font-weight:850;background:#fff} #mtft .outline-btn:hover{border-color:#999;background:#fafafa} #mtft .side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden} #mtft .side-card-inner{padding:19px} #mtft .side-card h3{font-size:17px;line-height:1.1;letter-spacing:-.03em;margin:0 0 7px} #mtft .side-card p{font-size:12px;color:#6a6a6a;margin:0 0 14px} #mtft .side-card a.side-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;text-decoration:none} #mtft .side-card a.side-link:hover{text-decoration:underline;text-underline-offset:3px} #mtft .mini-promo{height:118px;background:#161616;color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:15px} #mtft .mini-promo:before{content:"";position:absolute;top:-47px;right:-6px;width:142px;height:142px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 0 19px rgba(255,255,255,.035),0 0 0 38px rgba(255,255,255,.035)} #mtft .mini-promo.red:before{border-color:rgba(237,28,36,.65);box-shadow:0 0 0 19px rgba(237,28,36,.08),0 0 0 38px rgba(237,28,36,.05)} #mtft .mini-promo .promo-code{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bcbcbc;position:relative} #mtft .mini-promo strong{display:block;font-size:21px;line-height:1;text-transform:uppercase;letter-spacing:-.05em;margin-top:5px;position:relative;max-width:175px} #mtft .promo-arrow{position:absolute;right:14px;bottom:15px;font-size:21px;color:#fff} #mtft .side-card .side-card-inner.promo-copy{padding-top:14px;padding-bottom:16px} #mtft .promo-copy p{margin-bottom:10px} #mtft .help-links{display:grid;gap:0} #mtft .help-links a{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid #eee;font-size:12px;text-decoration:none;font-weight:750} #mtft .help-links a:first-child{border-top:0} #mtft .help-links a span{color:#999;font-size:16px} #mtft .info-card{padding:18px;background:#f0f0f0;border-radius:var(--radius)} #mtft .info-card h3{margin:0 0 6px;font-size:14px} #mtft .info-card p{margin:0;color:#666;font-size:12px} #mtft .lower-section{margin-top:28px} #mtft .lower-title{font-size:20px;letter-spacing:-.04em;margin:0 0 13px} #mtft .faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:7px 20px} #mtft .faq details{border-bottom:1px solid #eee;padding:14px 0} #mtft .faq details:last-child{border-bottom:0} #mtft .faq summary{font-size:13px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px} #mtft .faq summary::-webkit-details-marker{display:none} #mtft .faq summary:after{content:"+";font-size:18px;font-weight:400;color:#777} #mtft .faq details[open] summary:after{content:"−"} #mtft .faq p{font-size:12px;color:#666;margin:9px 0 0;max-width:780px} #mtft .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-top:28px} #mtft .contact-copy{padding:19px 0} #mtft .contact-copy h2{font-size:24px;letter-spacing:-.05em;margin:0 0 8px} #mtft .contact-copy p{font-size:13px;color:#666;margin:0 0 14px} #mtft .contact-copy .service-hours{font-size:12px;font-weight:800;color:#333} #mtft .contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:grid;gap:13px} #mtft .contact-form label{display:block;font-size:12px;font-weight:800;margin:0 0 6px} #mtft .contact-form textarea{min-height:95px;resize:vertical} #mtft .contact-form .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px} #mtft .privacy-copy{font-size:10px;color:#888;margin:0} @media(max-width:950px){#mtft .main-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px} #mtft .search-row{grid-template-columns:190px minmax(0,1fr)} #mtft .search-row .primary-btn{grid-column:1/-1;width:100%} #mtft .hero{min-height:205px} #mtft .hero-copy{width:72%} #mtft .hero-badge{right:4%;top:12%}} @media(max-width:720px){#mtft .mtft-wrap{width:min(100% - 28px,560px)} #mtft .hero{aspect-ratio:auto;min-height:260px;border-radius:0 0 16px 16px} #mtft .hero-copy{padding:32px 0;width:88%} #mtft .hero .hero-title{font-size:clamp(33px,10vw,47px);max-width:440px} #mtft .hero .hero-text{max-width:380px} #mtft .hero-stamp{right:2%;bottom:9%;font-size:68px} #mtft .hero-badge{display:none} #mtft .main-grid{grid-template-columns:1fr;margin-top:26px;gap:23px} #mtft .side-column{grid-template-columns:1fr 1fr;align-items:start} #mtft .side-column .info-card{grid-column:1/-1} #mtft .search-card{padding:18px} #mtft .search-row{grid-template-columns:1fr;gap:12px} #mtft .search-row .primary-btn{grid-column:auto} #mtft .order-top{padding:17px;display:block} #mtft .order-top .status-pill{margin-top:11px} #mtft .order-top{position:relative;padding-right:62px} #mtft .order-top .order-chevron{position:absolute;top:14px;right:14px;margin:0} #mtft .order-body{padding:17px} #mtft .progress-head{align-items:flex-start;flex-direction:column;gap:3px} #mtft .contact-grid{grid-template-columns:1fr;gap:9px} #mtft .contact-copy{padding:8px 0} #mtft .secondary-field{max-width:none}} @media(max-width:430px){#mtft .side-column{grid-template-columns:1fr} #mtft .side-column .info-card{grid-column:auto} #mtft .mini-promo{height:100px} #mtft .side-card h3{font-size:16px} #mtft .contact-form .form-pair{grid-template-columns:1fr} #mtft .product-line{align-items:flex-start;flex-direction:column} #mtft .product-ref{text-align:left} #mtft .order-actions a{flex:1} #mtft .hero{min-height:278px}} @media(prefers-reduced-motion:reduce){#mtft *,#mtft *:before,#mtft *:after{transition:none!important;animation:none!important}} #mtft{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.5;background:#f7f7f7} #mtft [hidden]{display:none!important} #mtft h1,#mtft h2,#mtft h3,#mtft h4{font-family:inherit;text-transform:none;color:var(--ink)} #mtft .hero .hero-title{margin:10px 0 10px;font-size:clamp(28px,4.4vw,52px);line-height:1.20;letter-spacing:-.055em;text-transform:uppercase;max-width:610px;font-weight:900;color:#fff} #mtft .hero .hero-text{margin:0;max-width:510px;color:#d1d1d1;font-size:clamp(13px,1.35vw,16px)} #mtft .section-intro h1{font-size:clamp(23px,3vw,27px);letter-spacing:-.045em;line-height:1.05;margin:0 0 8px} #mtft .code-row{grid-template-columns:minmax(0,220px) auto auto} #mtft #code-form{margin-top:16px} #mtft .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} #mtft .faq a{text-decoration:underline} #mtft .timeline-item.canceled .timeline-icon{background:#c9151b;border-color:#c9151b;color:#fff} #mtft .timeline-item.pending .timeline-date{font-style:italic} #mtft .carrier-line{font-size:12px;color:#555;margin-top:12px} @media(max-width:720px){#mtft .code-row{grid-template-columns:1fr}} /* ========================================================================== PLEINE LARGEUR (comme la maquette) - uniquement sur la page de suivi. Le theme enferme le contenu dans #columns.container > .row > .contenumyteam > #center_column (largeur fixe + carte blanche). On neutralise ces conteneurs : le hero passe en pleine largeur, le contenu reste centre a 1160px via .mtft-wrap. body.module-mtftracking-tracking est ajoute par tracking.tpl. ========================================================================== */ body.module-mtftracking-tracking{background:#f7f7f7} .module-mtftracking-tracking .columns-container{background:#f7f7f7} .module-mtftracking-tracking #columns, .module-mtftracking-tracking #columns>.row, .module-mtftracking-tracking #columns .contenumyteam, .module-mtftracking-tracking #center_column{ width:100%!important;max-width:none!important; float:none!important;margin:0!important;padding:0!important; background:transparent!important;box-shadow:none!important;border:0!important; } /* pas de fil d'Ariane (icone maison) : le hero colle directement sous le header, comme la page d'accueil */ .module-mtftracking-tracking .breadcrumb, .module-mtftracking-tracking #columns>.breadcrumb, .module-mtftracking-tracking .breadcrumb-container{display:none!important} .module-mtftracking-tracking .columns-container{padding:0!important;margin:0!important} .module-mtftracking-tracking #columns{padding-top:0!important;margin-top:0!important} .module-mtftracking-tracking #center_column{padding-top:0!important;margin-top:0!important} /* le hero occupe toute la largeur de l'ecran, le texte reste aligne sur .mtft-wrap */ #mtft{width:100%;overflow-x:clip} #mtft .hero{width:100%} /* Fleche (chevron) des cartes de commande : bien visible */ #mtft .order-chevron{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex:0 0 36px; margin-left:12px; align-self:center; border-radius:50%; background:#f1f1f1; color:#111; font-size:24px; line-height:1; cursor:pointer; transition:transform .2s ease, background .2s ease; } #mtft .order-top:hover .order-chevron{background:#e3e3e3} /* ========================================================================== COULEURS DES STATUTS ========================================================================== */ :root{ --status-brand-red:#ED1C24; --status-pending-bg:#FEF3C7;--status-pending-text:#92400E; --status-payment-accepted-bg:#D1FAE5;--status-payment-accepted-text:#065F46; --status-payment-error-bg:#FEE2E2;--status-payment-error-text:#991B1B; --status-personalization-bg:#EDE9FE;--status-personalization-text:#5B21B6; --status-preparation-bg:#DBEAFE;--status-preparation-text:#1D4ED8; --status-shipped-bg:#CFFAFE;--status-shipped-text:#155E75; --status-delivered-bg:#DCFCE7;--status-delivered-text:#166534; --status-cancelled-bg:#F3F4F6;--status-cancelled-text:#374151; --status-refunded-bg:#FFEDD5;--status-refunded-text:#9A3412; } #mtft .status-pill .status-ico{display:inline-flex;width:15px;height:15px;flex:0 0 15px} #mtft .status-pill .status-ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #mtft .status-pill.st-pending{background:var(--status-pending-bg);color:var(--status-pending-text)} #mtft .status-pill.st-paid{background:var(--status-payment-accepted-bg);color:var(--status-payment-accepted-text)} #mtft .status-pill.st-error{background:var(--status-payment-error-bg);color:var(--status-payment-error-text)} #mtft .status-pill.st-printing{background:var(--status-personalization-bg);color:var(--status-personalization-text)} #mtft .status-pill.st-preparing{background:var(--status-preparation-bg);color:var(--status-preparation-text)} #mtft .status-pill.st-shipped{background:var(--status-shipped-bg);color:var(--status-shipped-text)} #mtft .status-pill.st-delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text)} #mtft .status-pill.st-canceled,#mtft .status-pill.st-other{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)} #mtft .status-pill.st-refunded{background:var(--status-refunded-bg);color:var(--status-refunded-text)} /* ========================================================================== HEADER MYTEAMFOOT (remplace le header du theme sur la page de suivi) ========================================================================== */ .module-mtftracking-tracking #header, .module-mtftracking-tracking .header-container{display:none!important} body.module-mtftracking-tracking,.module-mtftracking-tracking #page{padding-top:0!important;margin-top:0!important} #mtft .mtft-header{background:#fff;border-bottom:1px solid #ececec;position:relative;z-index:5} #mtft .mtft-header-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:77px;gap:20px} #mtft .mtft-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#111;justify-self:start} #mtft .mtft-logo-mark{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#000 url(../img/mtf-logo.png) center/cover no-repeat;display:inline-block} #mtft .mtft-logo-text{font-size:24px;font-weight:900;letter-spacing:-.045em;line-height:1;color:#111} #mtft .mtft-logo-text span{color:var(--red)} #mtft .mtft-logo-img{display:block;height:44px;width:auto;max-width:100%} #mtft .mtft-nav{display:flex;align-items:center;gap:26px} #mtft .mtft-nav a{font-size:13px;font-weight:700;color:#222;text-decoration:none;white-space:nowrap} #mtft .mtft-nav a:hover{color:var(--red)} #mtft .mtft-help-btn{justify-self:end;background:#111;color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;padding:0 18px;height:40px;display:inline-flex;align-items:center;border-radius:999px;white-space:nowrap;transition:background .18s} #mtft .mtft-help-btn:hover{background:var(--red)} @media(max-width:820px){ #mtft .mtft-header-in{grid-template-columns:1fr auto;height:64px} #mtft .mtft-nav{display:none} #mtft .mtft-logo-text{font-size:20px} } /* Promotions : vignette carree a gauche, texte a droite */ #mtft .mini-promo.has-thumb{height:auto;min-height:118px;align-items:center;gap:14px;padding:17px 15px} #mtft .mini-promo .promo-thumb{position:relative;flex:0 0 84px;width:84px;height:84px;object-fit:cover;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.22)} #mtft .mini-promo .promo-text{position:relative;min-width:0;flex:1 1 auto} #mtft .mini-promo.has-thumb .promo-text strong{font-size:19px;max-width:none;padding-right:26px} /* ========================================================================== ROBUSTESSE : meme rendu connecte / deconnecte (et quel que soit ce que le theme ajoute autour) ========================================================================== */ body.module-mtftracking-tracking{overflow-x:hidden} .module-mtftracking-tracking #page, .module-mtftracking-tracking .columns-container, .module-mtftracking-tracking #columns, .module-mtftracking-tracking #columns>.row, .module-mtftracking-tracking #center_column{overflow:visible!important} #mtft{position:relative;z-index:3;background:#f7f7f7} /* header : flex + menu centre en absolu => un element parasite ne decale plus rien */ #mtft .mtft-header-in{display:flex;justify-content:space-between;align-items:center;position:relative;height:77px} #mtft .mtft-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #mtft .mtft-header-in>*:not(.mtft-logo):not(.mtft-nav):not(.mtft-help-btn){display:none!important} @media(max-width:820px){#mtft .mtft-header-in{height:64px}} /* Le header de la page ne doit subir aucune regle / aucun script du theme (balises header/nav ne sont plus utilisees) */ #mtft .mtft-header{position:relative!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;height:auto!important} #mtft .mtft-header-in{margin-left:auto!important;margin-right:auto!important;left:0!important;transform:none!important} #mtft .hero{margin-top:0!important} /* Colonnes laterales du theme : invisibles ici mais flottantes (25 % de large) => elles decalent le header et poussent le hero vers le bas (visible surtout connecte) */ .module-mtftracking-tracking #left_column, .module-mtftracking-tracking #right_column{display:none!important} .module-mtftracking-tracking #columns .contenumyteam>*:not(#center_column){display:none!important} #mtft{clear:both} /* ---- Footer du theme masque sur la page de suivi ---- On ne fait PAS display:none : cela supprimerait aussi les elements "sticky" (position:fixed) rendus dans le footer. Le footer est ecrase a 0 de hauteur ; le contenu normal est rogne, mais un element position:fixed (barre collante, bouton flottant...) reste visible. */ .module-mtftracking-tracking .footer-container, .module-mtftracking-tracking #footer, .module-mtftracking-tracking footer{ height:0!important;min-height:0!important;max-height:0!important; padding:0!important;margin:0!important;border:0!important; overflow:hidden!important;background:transparent!important; } /* ---- Panneau de recherche responsive du theme (div.search-bottom > .resp-search) ---- Rendu en bas de #page : logo geant "MY TEAM FOOT" + liens collections Nike + "Retour". Le header du theme est deja masque sur cette page, ce panneau n'a donc aucune utilite. Les boutons flottants (position:fixed) ne sont PAS dans ce bloc : ils restent visibles. */ .module-mtftracking-tracking .search-bottom, .module-mtftracking-tracking .resp-search{display:none!important} /* ---- Logo geant "MY TEAM FOOT" du bas de page (div.foot_img > img.foot_logo) ---- On ne touche PAS a #body-footer (fleche "retour en haut") ni a #mtf-devis-sticky (bouton Devis Express). */ .module-mtftracking-tracking .foot_img{display:none!important} /* Barre de defilement toujours reservee : evite que la largeur de la page change d'un coup quand la scrollbar apparait pendant le chargement (effet "la page retrecit puis revient"). */ body.module-mtftracking-tracking{overflow-y:scroll} /* Equipetonclub : masque le bloc newsletter du theme (footer) UNIQUEMENT sur la page de suivi. La classe .mtft-page est posee sur par le module (hookDisplayHeader). */ html.mtft-page #newsletter_block_left, html.mtft-page #newsletter_block_footer, html.mtft-page .block_newsletter, html.mtft-page .newsletter-block, html.mtft-page :not(html):not(body)[id*="newsletter"], html.mtft-page :not(html):not(body)[class*="newsletter"]{display:none!important} /* Formulaires : police + graisse identiques d'un theme a l'autre. Le theme Equipetonclub imposait sa propre police/graisse sur