/* --- slider row, nav, card base: come già impostato --- */

/* ===== HERO stile Netflix (riusato anche interne) ===== */
.rrg-hero {
  position: relative;
  margin: -40px 0;
  overflow: hidden;
  isolation: isolate;
  z-index:1;
  min-height: 80vh; /* full height viewport */
}
.site-content{overflow:hidden}
.rrg-row,.inside-article,.comments-area{padding:0 20px!important}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {padding:30px 0!important}
.site-logo{z-index:2}
.rrg-hero__bg {
  position: absolute;
  inset: 0;
  background-image: var(--hero-bg);
  background-size: cover; background-position: center;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.05) brightness(.95);
}
.rrg-hero__shade {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,0) 75%),
              radial-gradient(120% 60% at 50% 100%, rgba(0,0,0,.55), transparent 70%);
}
.rrg-hero__inner {
  position: relative; z-index: 2;
  display: grid; gap: 12px;
  padding: clamp(18px, 3vw, 28px);
  padding-top: clamp(24px, 5vw, 48px);
  max-width: min(1100px, 92vw);
}
.rrg-hero__chip {
  align-self: start;
  display: inline-block;
  font-size: .9rem; font-weight: 700; letter-spacing: .3px;
  color: #111; background: var(--rrg-accent);
  padding: 6px 10px; border-radius: 999px;
  text-decoration: none;
}
.rrg-hero__title {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(2rem, 7vw, 4rem) !important;
  letter-spacing: 1px;
  color: #fff;
  margin: 40px 0 2px;
  text-shadow: 2px 2px 6px rgba(0,0,0,.65);
}
.rrg-hero__excerpt {
  color: #f2f2f2; max-width: 70ch;
  font-size: clamp(1rem, 2.4vw, 1.2rem);
  text-shadow: 1px 1px 2px rgba(0,0,0,.5);
  margin: 2px 0 10px;
}
.rrg-hero__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.rrg-btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 46px; padding: 0 16px; border-radius: 10px;
  font-weight: 800; text-decoration: none; letter-spacing: .2px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.rrg-btn--primary { background: #fff; color: #111; }
.rrg-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.hero-category {
  display: inline-block;
  background-color: var(--rrg-accent);
  color: #000; /* Testo nero per contrasto */
  font-weight: 700;
  font-size: 1rem;
  padding: 10px 12px;
  border-radius: 10px;
  text-transform: uppercase;
  text-decoration:none;
  letter-spacing: 0.5px;
	justify-content: center;
}

/* === Reveal on scroll === */
.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .6s ease, transform .6s ease;
  transition-delay: var(--reveal-delay, 0s);
}
.reveal--left  { transform: translateX(-26px); }
.reveal--right { transform: translateX(26px); }
.reveal.is-visible { opacity: 1; transform: translateX(0) translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* === Hover CTA sulle card (se non l’hai già) === */
.rrg-card { position: relative; cursor: pointer; }
.rrg-card__media { transition: transform .25s ease, box-shadow .25s ease; }
.rrg-card:hover .rrg-card__media,
.rrg-card:focus-within .rrg-card__media {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}
.rrg-card__media::before,
.rrg-card__media::after { /* icona play */ /* ...come versione precedente... */ }
.inside-header.grid-container{height:20px!important;Margin-top:40px;background:#FBBB02}


/* ===== Hover CTA su card ===== */
.rrg-card { position: relative; cursor: pointer; }
.rrg-card__media { transition: transform .25s ease, box-shadow .25s ease; }
.rrg-card:hover .rrg-card__media,
.rrg-card:focus-within .rrg-card__media {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}

/* Icona Play al centro */
.rrg-card__media::before {
  content: "";
  position: absolute; inset: 0; margin: auto;
  width: 64px; height: 64px; border-radius: 50%;
  background: rgba(0,0,0,.55);
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
  transform: scale(.85);
  opacity: 0; transition: opacity .22s ease, transform .22s ease;
}
.rrg-card__media::after {
  content: "";
  position: absolute; inset: 0; margin: auto;
  width: 0; height: 0;
  border-left: 18px solid #fff;           /* triangolo play */
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  transform: translateX(3px) scale(.85);
  opacity: 0; transition: opacity .22s ease, transform .22s ease;
}
.rrg-card:hover .rrg-card__media::before,
.rrg-card:focus-within .rrg-card__media::before,
.rrg-card:hover .rrg-card__media::after,
.rrg-card:focus-within .rrg-card__media::after {
  opacity: 1; transform: scale(1);
}

/* Barra “Guarda il video” che sale dal basso */
.rrg-card__cta {
  position: absolute; left: 6px; right: 6px; bottom: 6px;
  background: rgba(0,0,0,.65);
  color: #fff; font-weight: 700; font-size: 13px;
  padding: 8px 10px; border-radius: 8px;
  transform: translateY(10px); opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
  display: flex; align-items: center; gap: 8px; pointer-events: none;
}
.rrg-card:hover .rrg-card__cta,
.rrg-card:focus-within .rrg-card__cta { transform: translateY(0); opacity: 1; }
.site-content { padding:30px 0!important }

/* Piccola “onda” luminosa quando si passa sopra (shimmer soft) */
.rrg-card__media { overflow: hidden;margin-bottom:8px }
.rrg-card__media .rrg-shimmer {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.15) 50%, transparent 100%);
  transform: translateX(-120%); opacity: 0;
  transition: transform .6s ease, opacity .3s ease;
}
.rrg-card:hover .rrg-shimmer,
.rrg-card:focus-within .rrg-shimmer { transform: translateX(120%); opacity: 1; }

/* Accessibilità & riduzione motion */
a.rrg-card__link {margin-top:20px;outline: none;color:white;text-decoration:none }
a.rrg-card__link:hover { outline: none;color:white}
}

/* Mobile: niente hover, manteniamo solo feedback focus/click */
@media (hover: none) and (pointer: coarse){
  .rrg-card__media::before, .rrg-card__media::after, .rrg-card__cta, .rrg-shimmer { display: none; }
}

.rrg-card__date{
  background: rgba(0,0,0,.55);
  padding: 2px 6px;
  border-radius: 6px;
  font-weight: 600;
}
.rrg-row__header{display:flex;align-items:center;justify-content:space-between}
.rrg-row__controls{display:flex;gap:.5rem}
.rrg-nav{width:38px;height:38px;border-radius:999px;background:rgba(0,0,0,.35)}
	
/* =========================
   1) TITOLI SEZIONE (stile Netflix)
   ========================= */
.rrg-row .titolo_homepage, .entry-title {
  font-family: "Bebas Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(1.5rem, 4vw, 1.6rem)!important;
  color: #ffffff;
  margin: 12px 0 6px;
  padding: 0;
  text-transform: uppercase;
  position: relative;
}

/* Sottolineatura sottile */
.rrg-row .titolo_homepage::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  background-color: var(--rrg-accent);
  border-radius: 2px;
  margin-top: 4px;
}

/* Versione sans serif alternativa */
.rrg-row .titolo_alt {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: clamp(1.6rem, 3.6vw, 2.4rem);
  letter-spacing: 0.5px;
  color: #f0f0f0;
}


/* =========================
   2) HEADER RIGA & FRECCE
   ========================= */
.rrg-row__header{
  display:flex;
  align-items:flex-end;       /* allinea titolo e frecce su baseline */
  gap: 12px;
  margin: 0 0 10px;
}
.rrg-row__controls{
  margin-left:auto;           /* spinge le frecce a destra */
  display:flex;
  gap: 8px;
}
.rrg-row__controls .rrg-nav{
  position: static;           /* assicurati che non siano assolute */
  width:38px; height:38px;
  border:0; border-radius:999px;
  background: #2b2c34;
  backdrop-filter: blur(2px);
  box-shadow: 0 2px 10px rgba(0,0,0,.35);
  cursor:pointer;
}
.rrg-row__controls .rrg-nav:hover { background: rgba(0,0,0,.65); }
.rrg-row__controls .rrg-prev::before,
.rrg-row__controls .rrg-next::before{
  content:""; display:block; width:10px; height:10px;
  border-top:2px solid #fff; border-right:2px solid #fff;
  position:relative; left:-6px; top:0px; transform: rotate(45deg);
}
.rrg-row__controls .rrg-prev::before { transform: rotate(-135deg); left:-4px; }



/* =========================
   3) CARD: immagine, data, titolo
   ========================= */
.rrg-card {
  display: flex;              /* titolo SEMPRE sotto all’immagine */
  flex-direction: column;
  width: 220px;
}
.rrg-card__media{
  position: relative;
  border-radius:10px;
  overflow: hidden;
}
.rrg-card__media img, .rrg-card__placeholder{
  display:block; width:100%; height:auto;
  aspect-ratio: 5/3; background:#222;
}
.rrg-card__media::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0) 60%);
  pointer-events:none;
}
.rrg-card__date{
  position:absolute; left:8px; bottom:6px;
  z-index: 2;                 /* sta sopra al gradiente */
  font-size:12px; font-weight:600;
  color:#fff;
  background: rgba(0,0,0,.55);
  padding: 2px 6px; border-radius: 6px;
}

/* titolo card: spazio, ellissi e allineamento*
 /* ===== Hover CTA su card ===== */
.rrg-card { position: relative; cursor: pointer; }
.rrg-card__media { transition: transform .25s ease, box-shadow .25s ease; }
.rrg-card:hover .rrg-card__media,
.rrg-card:focus-within .rrg-card__media {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}

/* Icona Play al centro */
.rrg-card__media::before {
  content: "";
  position: absolute; inset: 0; margin: auto;
  width: 64px; height: 64px; border-radius: 50%;
  background: rgba(0,0,0,.55);
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
  transform: scale(.85);
  opacity: 0; transition: opacity .22s ease, transform .22s ease;
}
.rrg-card__media::after {
  content: "";
  position: absolute; inset: 0; margin: auto;
  width: 0; height: 0;
  border-left: 18px solid #fff;           /* triangolo play */
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  transform: translateX(3px) scale(.85);
  opacity: 0; transition: opacity .22s ease, transform .22s ease;
}
.rrg-card:hover .rrg-card__media::before,
.rrg-card:focus-within .rrg-card__media::before,
.rrg-card:hover .rrg-card__media::after,
.rrg-card:focus-within .rrg-card__media::after {
  opacity: 1; transform: scale(1);
}

/* Barra “Guarda il video” che sale dal basso */
.rrg-card__cta {
  position: absolute; left: 6px; right: 6px; bottom: 6px;
  background: rgba(0,0,0,.65);
  color: #fff; font-weight: 700; font-size: 13px;
  padding: 8px 10px; border-radius: 8px;
  transform: translateY(10px); opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
  display: flex; align-items: center; gap: 8px; pointer-events: none;
}
.rrg-card:hover .rrg-card__cta,
.rrg-card:focus-within .rrg-card__cta { transform: translateY(0); opacity: 1; }

/* Piccola “onda” luminosa quando si passa sopra (shimmer soft) */
.rrg-card__media { overflow: hidden; }
.rrg-card__media .rrg-shimmer {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.15) 50%, transparent 100%);
  transform: translateX(-120%); opacity: 0;
  transition: transform .6s ease, opacity .3s ease;
}
.rrg-card:hover .rrg-shimmer,
.rrg-card:focus-within .rrg-shimmer { transform: translateX(120%); opacity: 1; }

/* Accessibilità & riduzione motion */
.rrg-card__link { outline: none; }
.rrg-card__link:focus-visible { box-shadow: 0 0 0 3px rgba(251,187,2,.7); border-radius: 10px; }
@media (prefers-reduced-motion: reduce){
  .rrg-card__media, .rrg-card__cta, .rrg-card__media::before, .rrg-card__media::after, .rrg-shimmer {
    transition: none !important; transform: none !important;
  }
}

/* Mobile: niente hover, manteniamo solo feedback focus/click */
@media (hover: none) and (pointer: coarse){
  .rrg-card__media::before, .rrg-card__media::after, .rrg-card__cta, .rrg-shimmer { display: none; }
}

h3 {font-size:16px!important;}
.entry-title{color:white!important;}
textarea{background:#2b2c33!important;border-radius:8px!important;border:none!important;color:white}
input{background:#2b2c33!important;border-radius:8px!important;border:none!important;color:white}
.featured-image {
    margin-top: -40px!important;
}

/* Altezza Hero default (desktop/tablet) */
.rrg-hero,
.rrg-hero--slider .swiper-slide {
  min-height: 60vh; /* come già hai ora */
}

/* Mobile: metà altezza e centrato */
@media (max-width: 768px) {
  .rrg-hero,
  .rrg-hero--slider .swiper-slide {
    min-height: 60vh;             /* metà dell’attuale */
  }

  .rrg-hero__bg {
    background-position: center center !important; /* centra il soggetto */
  }
.site-info a[href*="generatepress"] {
    display: none;
}
/* Modifiche Woocommerce */

	.single-product #pa_color {
    background-color: #1e1e1e;
    color: #ffffff;
}
.single-product #pa_size {
    background-color: #1e1e1e;
    color: #ffffff;
   
}
.woocommerce, .product, .woocommerce-tabs, ul.tabs
{
    font-size:10px
}
.woocommerce, .quantity, .qty
{
    background-color: #1e1e1e;
    color: #ffffff!important;
}
.woocommerce, .product, .cart, .button
{
    font-size:20px;
}