/* =========================================================================
   MONACO-GP — Billetterie WooCommerce (design aligné sur le site)
   Réutilise les tokens du thème (:root --mgp-*).
   ========================================================================= */

/* ---------- Page « Acheter des billets » : 4 journées ---------- */
.mgp-jours{background:var(--mgp-page,#F8F8F8);padding:48px 0 64px;font-family:"Heebo",sans-serif;}
.mgp-jours *{box-sizing:border-box;}
.mgp-jours__inner{max-width:1200px;margin:0 auto;padding:0 20px;}
.mgp-jours__title{color:var(--mgp-navy,#203250);font-size:clamp(28px,4vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:.14px;margin:0 0 8px;}
.mgp-jours__sub{color:#747d86;font-size:var(--mgp-fs-md,16.1px);margin:0 0 28px;}
.mgp-jours__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.mgp-jours__card{
  display:flex;flex-direction:column;gap:6px;justify-content:center;
  min-height:150px;padding:26px 22px;border-radius:12px;
  background:var(--mgp-navy,#203250);color:#fff;text-decoration:none;position:relative;overflow:hidden;
  transition:transform .15s ease,box-shadow .15s ease;
}
.mgp-jours__card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--mgp-red,#C42D2D);}
.mgp-jours__card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,40,.22);}
.mgp-jours__day{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.14px;}
.mgp-jours__date{font-size:14px;color:rgba(255,255,255,.85);}
.mgp-jours__cta{margin-top:10px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.14px;}

/* ---------- Page produit billetterie ---------- */
.mgp-ticket-page .mgp-tk{font-family:"Heebo",sans-serif;}
.mgp-ticket-page .mgp-tk__date{color:#747d86;font-size:var(--mgp-fs-md,16.1px);font-weight:500;margin:0 0 4px;}
.mgp-ticket-page .mgp-tk__lead{color:var(--mgp-navy,#203250);font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.14px;margin:14px 0 16px;}
.mgp-tk__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.mgp-tk__card{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"plan plan" "head price" "buy buy";
  align-items:center;column-gap:12px;row-gap:6px;
  background:#fff;border:1px solid var(--mgp-line,#E3E6EA);border-radius:10px;
  padding:12px;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.mgp-tk__card:hover{border-color:var(--mgp-red,#C42D2D);box-shadow:0 8px 20px rgba(15,23,40,.10);transform:translateY(-2px);}
.mgp-tk__plan{
  grid-area:plan;display:block;width:100%;aspect-ratio:16/10;margin-bottom:4px;
  border:1px solid var(--mgp-line,#E3E6EA);border-radius:8px;overflow:hidden;background:#F5F6F7;
}
.mgp-tk__plan img{width:100%;height:100%;object-fit:contain;display:block;}
.mgp-tk__head{grid-area:head;display:flex;flex-direction:column;gap:2px;min-width:0;}
.mgp-tk__name{color:var(--mgp-navy,#203250);font-size:17px;font-weight:800;letter-spacing:.14px;text-transform:uppercase;}
.mgp-tk__loc{color:#747d86;font-size:13px;font-weight:500;}
.mgp-tk__price{grid-area:price;color:var(--mgp-navy,#203250);font-size:18px;font-weight:900;white-space:nowrap;align-self:center;}
.mgp-tk__price .amount{white-space:nowrap;}
.mgp-tk__buy{
  grid-area:buy;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;
  background:var(--mgp-red,#C42D2D);color:#fff;border-radius:5px;padding:11px 14px;
  font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.14px;
}
.mgp-chev{width:11px;height:11px;fill:currentColor;}

/* Carte tribune épuisée (page produit jour) : prix gris barré + « Épuisé » */
.mgp-tk__card--off{cursor:not-allowed;opacity:.75;}
.mgp-tk__card--off:hover{border-color:var(--mgp-line,#E3E6EA);box-shadow:none;transform:none;}
.mgp-tk__price--off{color:#9aa3ac!important;text-decoration:line-through;}
.mgp-tk__buy--off{background:var(--mgp-surface,#F5F6F7)!important;color:#747d86!important;border:1px solid var(--mgp-line,#E3E6EA);}

/* Titre produit au style du site */
.mgp-ticket-page .product_title,
.mgp-ticket-page h1.entry-title,
.mgp-ticket-page .mgp-product-main .wp-block-post-title{
  color:var(--mgp-navy,#203250)!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.14px;
}
.mgp-product-main{padding-bottom:40px;}
.mgp-product-main .wp-block-post-title{margin:22px 0 6px;}

/* Nettoyage : masque tout le chrome WooCommerce par défaut sur les pages billetterie
   (fil d'Ariane, prix, formulaire d'ajout, galerie, méta, onglets, produits liés).
   Le template single-product.html ne les rend plus ; ces règles couvrent le cas d'un
   rendu résiduel par blocs. */
.mgp-ticket-page .wp-block-woocommerce-breadcrumbs,
.mgp-ticket-page .woocommerce-breadcrumb,
.mgp-ticket-page .wc-block-breadcrumbs,
.mgp-ticket-page nav.woocommerce-breadcrumb,
.mgp-ticket-page .wp-block-woocommerce-product-price,
.mgp-ticket-page .wp-block-woocommerce-product-rating,
.mgp-ticket-page .wp-block-woocommerce-add-to-cart-form,
.mgp-ticket-page .wp-block-woocommerce-product-meta,
.mgp-ticket-page .product_meta,
.mgp-ticket-page .wp-block-woocommerce-product-details,
.mgp-ticket-page .woocommerce-tabs,
.mgp-ticket-page .wp-block-woocommerce-product-image-gallery,
.mgp-ticket-page .woocommerce-product-gallery,
.mgp-ticket-page .wp-block-woocommerce-related-products,
.mgp-ticket-page .related.products,
.mgp-ticket-page .up-sells,
.mgp-ticket-page .wp-block-woocommerce-product-summary,
.mgp-ticket-page .woocommerce-product-details__short-description{
  display:none!important;
}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  .mgp-jours{padding:32px 0 40px;}
  .mgp-jours__inner{padding:0 16px;}
  .mgp-jours__grid{grid-template-columns:1fr;gap:14px;}
  .mgp-jours__card{min-height:120px;}
  .mgp-tk__grid{grid-template-columns:1fr 1fr;gap:12px;}
  .mgp-tk__buy{padding:12px 14px;}
}
@media (max-width:520px){
  .mgp-tk__grid{grid-template-columns:1fr;}
}
