/* QTouch — marketplace de l'espace annonceur (Explore venues : Venues / Licences)
   lib/market/market.js. Préfixe .mkx- ; le reste de l'app garde ses styles.
   Direction : blanc, bordures fines, accent orange #F97316, texte #0F172A, Plus Jakarta Sans. Pas d'emoji. */

/* ---------- onglets : icône ligne, plus d'emoji ---------- */
#exploreTabs{gap:10px;padding:2px 0 14px;margin-bottom:20px}
#exploreTabs .ab-portalnav-item{padding:6px 18px 12px;font-size:14px;font-weight:700}
#exploreTabs .ex-tab-ic{width:32px;height:32px;background:#F1F5F9!important;color:#64748B;transition:background .2s,color .2s,transform .2s}
#exploreTabs .ex-tab-ic svg{width:16px;height:16px}
#exploreTabs .ab-portalnav-item:hover .ex-tab-ic{background:#FFEDD5!important;color:#EA580C}
#exploreTabs .ab-portalnav-item.on .ex-tab-ic{background:linear-gradient(135deg,#F97316,#EA580C)!important;color:#fff;transform:translateY(-1px);box-shadow:0 8px 16px -8px rgba(234,88,12,.7)}
#exploreTabs .ab-portalnav-item.on::after{background:#F97316}
.lic-tab-dot .mkx-ti{display:block;width:14px;height:14px}
.lic-tab-dot:has(.mkx-ti){display:inline-grid;place-items:center}

/* ---------- barre de recherche plus lisible ---------- */
.exq{border-radius:20px;margin-bottom:12px;box-shadow:0 14px 30px -20px rgba(15,23,42,.35)}
.exq-cell{padding:12px 20px;transition:background .15s}
.exq-cell:hover,.exq-cell:focus-within{background:#FFF8F1}
.exq-cell label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94A3B8}
.exq-cell input{font-size:14px;font-weight:600;color:#0F172A;padding:5px 0 0}
.exq-cell input::placeholder{color:#B4BCC8;font-weight:500}
.exq-btn{background:#0F172A!important;border-radius:14px;padding:0 26px}
.exq-btn:hover{background:#1E293B!important}
.exq-smart{border-radius:14px}
@media(max-width:900px){.exq{flex-wrap:wrap}.exq-cell{flex:1 1 45%;border-bottom:1px solid #F1F5F9}.exq-btn{flex:1 1 auto;padding:12px 24px}.exq-smart{padding:12px 16px}}
@media(max-width:560px){.exq-cell{flex:1 1 100%}}

/* ---------- résumé + villes ---------- */
.mkx-bar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 26px}
.mkx-count{font-size:13px;font-weight:700;color:#64748B;margin-right:2px}
.mkx-count b{color:#0F172A;font-weight:900}
.mkx-chips{display:flex;gap:8px;flex-wrap:wrap}
.mkx-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1.5px solid #E2E8F0;background:#fff;border-radius:99px;font-family:inherit;font-size:12.5px;font-weight:800;color:#475569;cursor:pointer;transition:.15s;white-space:nowrap}
.mkx-chip:hover{border-color:#0F172A;color:#0F172A}
.mkx-chip.on{background:#0F172A;border-color:#0F172A;color:#fff}
.mkx-chip small{font-size:11px;font-weight:800;opacity:.6}

/* ---------- rangées de lieux ---------- */
.mkx-row{margin:0 0 40px}
.mkx-row-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 14px}
.mkx-row-t{margin:0;font-size:20px;font-weight:900;letter-spacing:-.4px;color:#0F172A;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mkx-row-t small{font-size:12.5px;font-weight:700;color:#94A3B8;letter-spacing:0}
.mkx-row-s{margin:3px 0 0;font-size:13px;font-weight:500;color:#64748B}
.mkx-row-ctl{display:flex;gap:8px;flex-shrink:0}
.mkx-row-ctl button{width:34px;height:34px;border-radius:50%;border:1.5px solid #E2E8F0;background:#fff;color:#0F172A;display:grid;place-items:center;cursor:pointer;transition:.15s}
.mkx-row-ctl button:hover{border-color:#0F172A;transform:scale(1.06)}
.mkx-scroll{scroll-padding:0 4px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 14px;margin:0 -4px;scrollbar-width:none;overscroll-behavior-x:contain}
.mkx-scroll::-webkit-scrollbar{display:none}
.mkx-vc{flex:0 0 268px;width:268px;scroll-snap-align:start;cursor:pointer;background:#fff;border:1px solid #E8EDF3;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;font-family:inherit}
.mkx-vc:hover{transform:translateY(-3px);box-shadow:0 22px 40px -24px rgba(15,23,42,.45);border-color:#DCE3EC}
.mkx-vc-img{position:relative;aspect-ratio:4/3;background:#E2E8F0 center/cover no-repeat;overflow:hidden}
.mkx-vc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.28) 0%,transparent 34%,transparent 62%,rgba(15,23,42,.5) 100%);pointer-events:none}
.mkx-vc-img[data-nc="1"]{filter:grayscale(.35) brightness(.96)}
.mkx-vc-badge{position:absolute;z-index:1;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.94);color:#0F172A;font-size:10.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.mkx-vc-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#22C55E}
.mkx-vc-badge.match{background:linear-gradient(135deg,#F97316,#EA580C);color:#fff}
.mkx-vc-badge.match::before{display:none}
.mkx-vc-badge.nc{background:rgba(15,23,42,.78);color:#fff}
.mkx-vc-badge.nc::before{background:#94A3B8}
.mkx-vc-cat{position:absolute;z-index:1;left:12px;bottom:11px;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.03em;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.mkx-heart{position:absolute;z-index:2;right:10px;top:10px;width:32px;height:32px;border:none;border-radius:50%;background:rgba(15,23,42,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;transition:.15s}
.mkx-heart svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}
.mkx-heart:hover{background:rgba(15,23,42,.55)}
.mkx-heart.on{background:#fff}.mkx-heart.on svg{fill:#F97316;stroke:#F97316}
.mkx-vc-b{padding:14px 16px 16px}
.mkx-vc-r1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mkx-vc-r1 b{font-size:15px;font-weight:800;letter-spacing:-.2px;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkx-vc-star{flex-shrink:0;font-size:12.5px;font-weight:800;color:#0F172A}
.mkx-vc-star i{font-style:normal;color:#F59E0B}
.mkx-vc-meta{margin-top:2px;font-size:12.5px;font-weight:500;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkx-vc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
.mkx-vc-facts span{display:flex;flex-direction:column;gap:1px;padding:7px 8px;border-radius:10px;background:#F8FAFC;font-size:13px;font-weight:800;color:#0F172A;min-width:0}
.mkx-vc-facts span em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94A3B8}
.mkx-vc-hw{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.mkx-vc-hw i{font-style:normal;padding:3px 8px;border-radius:99px;border:1px solid #E2E8F0;font-size:10.5px;font-weight:800;color:#475569;letter-spacing:.02em}
.mkx-empty{padding:56px 20px;text-align:center;color:#94A3B8;font-size:14px;font-weight:600}

/* ---------- sections licences / originals ---------- */
.mkx-note{margin:6px 0 0;font-size:11.5px;font-weight:600;color:#94A3B8}

/* carte licence : logo centré sur une tuile qui s'adapte au format du logo */
.mkx-lc{position:relative;display:flex;flex-direction:column;flex:0 0 268px;width:268px;scroll-snap-align:start;background:#fff;border:1px solid #E8EDF3;border-radius:20px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;outline:none;overflow:hidden;font-family:inherit}
.mkx-lc:hover,.mkx-lc:focus-visible{transform:translateY(-3px);box-shadow:0 22px 40px -24px rgba(15,23,42,.45);border-color:#DCE3EC}
.mkx-lc-logo{position:relative;margin:0;border-radius:0;aspect-ratio:4/3;flex:none;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(120% 100% at 28% 8%,#fff 0%,var(--tint,#F1F5F9) 62%,color-mix(in srgb,var(--tint,#F1F5F9) 82%,var(--acc,#94A3B8)) 100%)}
.mkx-lc-logo::before{content:'';position:absolute;width:150%;aspect-ratio:1;left:-25%;top:-70%;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--acc,#94A3B8) 16%,transparent);pointer-events:none}
.mkx-lc-logo::after{content:'';position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 50%,rgba(255,255,255,.75),transparent 72%);pointer-events:none;transition:opacity .25s;opacity:.85}
.mkx-lc:hover .mkx-lc-logo::after{opacity:1}
.mkx-lc-logo img{position:relative;z-index:1;display:block;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s cubic-bezier(.2,.8,.2,1);filter:saturate(1.05)}
.mkx-lc:hover .mkx-lc-logo img,.mkx-lc:hover .mkx-wm{transform:scale(1.06)}
/* formats : très large · large · carré / vertical · wordmark */
.mkx-lc[data-shape="ultra"] .mkx-lc-logo img{width:82%;height:auto;max-height:52%}
.mkx-lc[data-shape="wide"] .mkx-lc-logo img{width:66%;height:auto;max-height:70%}
.mkx-lc[data-shape="sq"] .mkx-lc-logo img{height:72%;width:auto;max-width:60%}
.mkx-lc[data-shape="sq"] .mkx-lc-logo::before{width:62%;aspect-ratio:1;left:19%;top:14%;border:0;background:rgba(255,255,255,.65)}
.mkx-wm{position:relative;z-index:1;font-size:clamp(36px,3.4vw,50px);font-weight:900;letter-spacing:-.04em;line-height:1;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mkx-lc-b{padding:14px 16px 16px}
.mkx-lc-b h4{margin:0;font-size:15px;font-weight:800;letter-spacing:-.2px;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkx-lc-b p{margin:2px 0 0;font-size:12.5px;font-weight:500;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkx-lc-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
.mkx-lc-st div{display:flex;flex-direction:column;gap:1px;padding:7px 8px;border-radius:10px;background:#F8FAFC;min-width:0}
.mkx-lc-st b small{font-size:10.5px;font-weight:700;color:#94A3B8;margin-left:1px}
.mkx-lc-st b{font-size:13px;font-weight:800;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkx-lc-st span{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94A3B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* bannière sponsorisée */
.mkx-ban{position:relative;display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr) auto;align-items:center;gap:8px 32px;margin:8px 0 38px;padding:26px 36px 26px 26px;border-radius:24px;border:1px solid #E7EBF1;overflow:hidden;
  background:radial-gradient(70% 140% at 0% 50%,#FFEFE0 0%,rgba(255,239,224,0) 70%),linear-gradient(180deg,#FBFCFE,#F5F7FB)}
.mkx-ban-art{position:relative;height:150px}
.mkx-ban-art .ch{position:absolute;display:grid;place-items:center;background:#fff;border:1px solid #E5EAF1;border-radius:16px;box-shadow:0 18px 30px -18px rgba(15,23,42,.45);animation:mkxBob 5.5s ease-in-out infinite}
.mkx-ban-art .ch img{width:76%;height:auto;max-height:64%;object-fit:contain;mix-blend-mode:multiply}
.mkx-ban-art .c1{left:0;top:18%;width:118px;height:76px;transform:rotate(-7deg)}
.mkx-ban-art .c2{left:36%;top:0;width:128px;height:82px;transform:rotate(3deg);animation-delay:-1.8s;z-index:2}
.mkx-ban-art .c3{left:24%;top:52%;width:122px;height:78px;transform:rotate(-2deg);animation-delay:-3.4s;z-index:3}
.mkx-ban-art .tag{position:absolute;right:0;bottom:4%;z-index:3;padding:5px 11px;border-radius:99px;background:#0F172A;color:#fff;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 10px 20px -10px rgba(15,23,42,.6)}
@keyframes mkxBob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.mkx-ban-b h3{margin:0;font-size:24px;font-weight:900;letter-spacing:-.5px;color:#0F172A}
.mkx-ban-b p{margin:6px 0 16px;max-width:520px;font-size:13.5px;font-weight:500;line-height:1.55;color:#64748B}
.mkx-btn-dark{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border:none;border-radius:99px;background:#0F172A;color:#fff;font-family:inherit;font-size:13.5px;font-weight:800;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}
.mkx-btn-dark:hover{background:#1E293B;transform:translateY(-1px);box-shadow:0 14px 24px -14px rgba(15,23,42,.7)}
.mkx-btn-dark svg{width:15px;height:15px;transition:transform .18s}.mkx-btn-dark:hover svg{transform:translateX(3px)}
.mkx-ban-mark{align-self:center;padding-left:28px;border-left:1px solid #E2E8F0;font-size:30px;font-weight:900;letter-spacing:-1.2px;color:#0F172A;white-space:nowrap}
.mkx-ban-mark span{background:linear-gradient(135deg,#F97316,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}
.mkx-ban-mark small{display:block;margin-top:-3px;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#94A3B8}
@media(max-width:1100px){.mkx-ban{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}.mkx-ban-mark{display:none}}
@media(max-width:700px){.mkx-ban{grid-template-columns:1fr;padding:20px}.mkx-ban-art{height:130px}.mkx-ban-b h3{font-size:21px}}

/* mouvement réduit */
@media(prefers-reduced-motion:reduce){
  .mkx-ban-art .ch,.mkx-ban-art .ring{animation:none!important}
}

/* ---------- mobile ---------- */
@media(max-width:760px){
  .mkx-vc,.mkx-lc{flex-basis:76vw;width:76vw;max-width:290px}
  .mkx-row-ctl{display:none}
  .mkx-bar .mkx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px;max-width:calc(100% + 8px)}
  .mkx-bar .mkx-chips::-webkit-scrollbar{display:none}
  #exploreTabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  #exploreTabs::-webkit-scrollbar{display:none}
}