/* =========================================================
   MAX'S BRICKS WOW v3.7.83 — GLOBAL RIGHT ARROW ICON SYSTEM
   Standard reference: dark circular chip + MAX'S yellow arrow.
   Applies automatically to clickable right-arrow icons across
   Area Riservata and the whole public portal.
   ========================================================= */

:root{
  --mb-arrow-size:40px;
  --mb-arrow-bg:#03172f;
  --mb-arrow-color:#ffc400;
  --mb-arrow-border:#1f6bad;
  --mb-arrow-shadow:#01152e;
}

/*
 * v3.7.83 introduces a semantic class that is injected by JS into every
 * clickable RIGHT arrow icon. This makes the system independent from the
 * page/block that produced the markup and also catches future components.
 */
.mb-global-right-arrow,
:is(
  .mb-private-dashboard-card>strong,
  .mb-private-primary-btn>strong,
  .mbcm-save>strong,
  .mbch-save>strong,
  .mbacct-save>strong,
  .mbdiag-actions a>strong,
  .mb-collection-featured-cta>strong,
  .mb-set-card-cta>strong,
  .mb-contact-submit>strong,
  .mb-collection-footer-button>strong,
  .mb-gallery-collection-cta>strong,
  .mb-guide-card-cta>strong,
  .mb-guide-suggest-cta>strong,
  .mb-video-card-cta>strong,
  .mb-video-featured-cta>strong,
  .mb-news-card-cta>strong,
  .mb-news-featured-cta>strong,
  .mb-live-card-cta>strong,
  .mb-live-today-cta>strong,
  .mb-live-all-cta>strong,
  .mb-live-empty-cta>strong,
  .mb-set-pro-actions a>strong,
  .mb-set-pro-related-cta>strong,
  .mb-set-recovery-back>strong,
  .mb-sitemap-card a>strong,
  .mbpb-community-arrow,
  .mbpb-newsletter-arrow,
  .mbpb-news-arrow,
  .mb-contact-channel-arrow
){
  display:grid!important;
  place-items:center!important;
  flex:0 0 var(--mb-arrow-size)!important;
  width:var(--mb-arrow-size)!important;
  height:var(--mb-arrow-size)!important;
  min-width:var(--mb-arrow-size)!important;
  min-height:var(--mb-arrow-size)!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--mb-arrow-border)!important;
  border-radius:50%!important;
  background:var(--mb-arrow-bg)!important;
  color:var(--mb-arrow-color)!important;
  box-shadow:0 4px 0 var(--mb-arrow-shadow),0 7px 14px rgba(0,0,0,.18)!important;
  font-size:0!important;
  font-weight:1000!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  box-sizing:border-box!important;
}

/* SVG geometry shared by every normalized arrow. */
.mb-global-right-arrow svg,
:is(
  .mb-private-dashboard-card>strong,
  .mb-private-primary-btn>strong,
  .mbcm-save>strong,
  .mbch-save>strong,
  .mbacct-save>strong,
  .mbdiag-actions a>strong,
  .mb-collection-featured-cta>strong,
  .mb-set-card-cta>strong,
  .mb-contact-submit>strong,
  .mb-collection-footer-button>strong,
  .mb-gallery-collection-cta>strong,
  .mb-guide-card-cta>strong,
  .mb-guide-suggest-cta>strong,
  .mb-video-card-cta>strong,
  .mb-video-featured-cta>strong,
  .mb-news-card-cta>strong,
  .mb-news-featured-cta>strong,
  .mb-live-card-cta>strong,
  .mb-live-today-cta>strong,
  .mb-live-all-cta>strong,
  .mb-live-empty-cta>strong,
  .mb-set-pro-actions a>strong,
  .mb-set-pro-related-cta>strong,
  .mb-set-recovery-back>strong,
  .mb-sitemap-card a>strong,
  .mbpb-community-arrow,
  .mbpb-newsletter-arrow,
  .mbpb-news-arrow,
  .mb-contact-channel-arrow
) svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Slightly larger arrows for hero / featured actions. */
:is(
  .mb-set-pro-actions a>strong,
  .mb-live-today-cta>strong,
  .mb-video-featured-cta>strong,
  .mb-news-featured-cta>strong,
  .mb-guide-suggest-cta>strong
){
  --mb-arrow-size:44px;
}

/* Dashboard arrows must never remain as a tiny naked glyph. */
.mb-private-dashboard-card>strong,
.mbch-dash-card>strong{
  --mb-arrow-size:40px;
}

/*
 * Icon-only NEXT controls (Partner slider, Gallery rail/lightbox, etc.)
 * receive the same visual language while preserving their positioning rules.
 */
.mb-global-right-arrow--self{
  display:grid!important;
  place-items:center!important;
  width:var(--mb-arrow-size)!important;
  height:var(--mb-arrow-size)!important;
  min-width:var(--mb-arrow-size)!important;
  min-height:var(--mb-arrow-size)!important;
  padding:0!important;
  border:1px solid var(--mb-arrow-border)!important;
  border-radius:50%!important;
  background:var(--mb-arrow-bg)!important;
  color:var(--mb-arrow-color)!important;
  box-shadow:0 4px 0 var(--mb-arrow-shadow),0 7px 14px rgba(0,0,0,.18)!important;
  font-size:0!important;
  line-height:1!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.mb-global-right-arrow--self svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Hover / keyboard state on any normalized interactive control. */
.mb-has-global-right-arrow:is(:hover,:focus-visible)>.mb-global-right-arrow,
.mb-has-global-right-arrow:is(:hover,:focus-visible) .mb-global-right-arrow,
.mb-global-right-arrow--self:is(:hover,:focus-visible),
.mb-contact-channel:hover .mb-contact-channel-arrow,
.mb-contact-channel:focus-visible .mb-contact-channel-arrow{
  transform:translateX(4px)!important;
  border-color:#ffc400!important;
  box-shadow:0 4px 0 #795b00,0 8px 16px rgba(255,196,0,.18)!important;
}

/* Keep label + icon aligned when a legacy CTA had no flex rule. */
a.mb-has-global-right-arrow,
button.mb-has-global-right-arrow{
  gap:max(10px,.65em);
}

/* Tablet / phone: visible but never oversized. */
@media(max-width:760px){
  :root{--mb-arrow-size:38px}
  :is(
    .mb-set-pro-actions a>strong,
    .mb-live-today-cta>strong,
    .mb-video-featured-cta>strong,
    .mb-news-featured-cta>strong,
    .mb-guide-suggest-cta>strong
  ){--mb-arrow-size:40px}
}