/* --- Custom CSS 2025 --- */






/* ===== FONT GLOBALE: MULISH ===== */
html, body,
body * {
  font-family: 'Mulish', sans-serif !important;
}









/* ===== UNIFORM BUTTON STYLE (rettangolari stondati) ===== */

.toggle-button {
  background-color: #ffe6fa !important;    /* rosa chiaro */
  color: #212121 !important;               /* testo scuro */
  border: none !important;
  border-radius: 6px !important;           /* rettangolo con angoli dolci */
  font-family: 'Mulish', sans-serif !important;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0.55rem 1.4rem !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Stato attivo o hover */
.toggle-button:hover,
.toggle-button.active {
  background-color: #ffbdf0 !important;    /* rosa più intenso al passaggio */
  color: #212121 !important;
  pointer-events: auto;
}










/* ===== LINK TAGS: CATEGORIES / MODELS ===== */
.block-details .item a {
  display: inline-block;
  background-color: #ffe6fa;     /* rosa chiaro */
  color: #212121 !important;     /* testo scuro */
  font-family: 'Mulish', sans-serif !important;
  font-weight: 600;
  font-size: 14px;
  text-transform: none;
  padding: 6px 14px;
  border-radius: 6px;            /* rettangolo stondato */
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover (passaggio mouse) */
.block-details .item a:hover {
  background-color: #ffbdf0;     /* rosa più intenso */
  color: #212121 !important;
}








/* ===== FAVOURITES DROPDOWN ===== */

/* Pulsante principale (icona cuore) */
.btn-favourites .drop {
  background-color: #ffbdf0 !important;   /* rosa più intenso (ex blu) */
  color: #212121 !important;
  border-radius: 6px 6px 0 0 !important;  /* angoli superiori stondati */
  font-family: 'Mulish', sans-serif !important;
  transition: background-color 0.2s ease;
}

/* Al passaggio del mouse */
.btn-favourites .drop:hover {
  background-color: #ff8ee3 !important;   /* rosa leggermente più scuro */
}

/* Menu a tendina */
.btn-favourites ul {
  background-color: #ffe6fa !important;   /* rosa chiaro (ex grigio) */
  border-radius: 0 0 6px 6px !important;  /* chiude la forma stondando sotto */
  padding: 8px 0 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Link interni del menu */
.btn-favourites ul li a {
  color: #212121 !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 20px;
  display: block;
  transition: background-color 0.2s ease;
}

/* Hover sui link */
.btn-favourites ul li a:hover {
  background-color: #ffbdf0 !important;   /* rosa medio */
  color: #212121 !important;
}







/* ===== FIX PADDING FAVOURITES BUTTON ===== */
.btn-favourites {
  padding: 0 !important;
  background-color: #ffbdf0 !important;  /* stesso rosa più scuro */
  border-radius: 6px !important;         /* rettangolare stondato */
  transition: background-color 0.3s ease, border-radius 0.3s ease;
}










/* ===== RIMUOVE STILE LINK "MORE VIDEOS / ALBUMS WITH ..." ===== */
.related-videos .list-sort li a,
.related-videos .list-sort li span,
.related-albums .list-sort li a,
.related-albums .list-sort li span {
  color: #212121 !important;             /* colore neutro */
  text-decoration: none !important;
  border: none !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  text-transform: uppercase;             /* TUTTO MAIUSCOLO */
  cursor: default;
  pointer-events: none;                  /* disattiva il clic */
}

/* Disattiva effetto hover blu */
.related-videos .list-sort li a:hover,
.related-albums .list-sort li a:hover {
  color: #212121 !important;
  border: none !important;
  background: none !important;
  text-decoration: none !important;
}












/* LIST ALBUMS: switch tile to 2:3 (300x450) */
.list-albums .img,
.list-albums_common_albums_list_items .img {
  padding-bottom: 150% !important;   /* 2:3 ratio */
  aspect-ratio: 2 / 3;               /* per browser moderni */
}

/* ensure the <img> fills without distortion */
.list-albums .img img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* LIST VIDEOS: switch tile to 2:3 (300x450) */
.list-videos .img,
.list-videos_common_videos_list_items .img {
  padding-bottom: 150% !important;  /* 2:3 ratio */
  aspect-ratio: 2 / 3;
}

/* ensure the <img> fills without distortion */
.list-videos .img img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* GRID UNIFICATA: 4 colonne fisse (25%) per album e video */
.list-albums .item,
.list-videos .item,
.sidebar + .main-container .list-albums .item,
.sidebar + .main-container .list-videos .item {
  width: calc(25% - 10px) !important;
}

/* Breakpoint consigliati per non schiacciare su mobile */
@media (max-width: 992px) {
  .list-albums .item,
  .list-videos .item,
  .sidebar + .main-container .list-albums .item,
  .sidebar + .main-container .list-videos .item {
    width: calc(33.33% - 10px) !important; /* 3 colonne */
  }
}
@media (max-width: 768px) {
  .list-albums .item,
  .list-videos .item,
  .sidebar + .main-container .list-albums .item,
  .sidebar + .main-container .list-videos .item {
    width: calc(50% - 10px) !important; /* 2 colonne */
  }
}
@media (max-width: 480px) {
  .list-albums .item,
  .list-videos .item,
  .sidebar + .main-container .list-albums .item,
  .sidebar + .main-container .list-videos .item {
    width: 100% !important; /* 1 colonna */
  }
}


.container {
  background: #fff !important;
  background-image: none !important;
}










/* --- Full-width title section sotto hero --- */
.hero-title-section {
  width: 100%;
  padding: 10px 5px;          /* più spazio sopra/sotto */
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
}

.hero-title-section h2 {
  font-family: 'Mulish', sans-serif; 
  font-size: 5rem;           /* molto grande */
  font-weight: 800;            /* più bold per impatto */
  letter-spacing: 3px;         /* un po’ più di spazio */
  text-transform: uppercase;
  margin: 0;
  line-height: 1.2;            /* compatta verticalmente */
}

.hero-title-section .dark-text {
  color: #212121;
}

.hero-title-section .pink-text {
  color: #eb16c8;
}










/* --- HERO BAR --- */
.hero-bar {
  width: 100%;
  background-color: #212121; /* nero solido */
  padding: 0px 0;           /* altezza interna barra */
  text-align: center;
  margin: 0px 0;            /* spazio bianco sopra e sotto */
}

.hero-bar p {
  margin: 0;
  font-family: 'Mulish', sans-serif;
  color: #ffffff;  /* testo bianco */
  font-size: 20px; /* più piccolo del titolo hero */
  line-height: 1.6;
}








/* --- OVERRIDE: main-content spacing --- */
.main-content {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}






/* --- OVERRIDE: main-content reset padding --- */
.main-content {
  padding: 0 !important;
}








/* --- OVERRIDE: box reset margins --- */
.box {
  margin: 0 !important;
}









.spacer-10 {
  height: 10px;
  width: 100%;
  display: block;
}











/* === LIST MODELS CUSTOM 2025 === */
.list-models-custom {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  justify-content: center;
  margin: 40px auto;
  max-width: 2560px;
  padding: 0 20px;
}

.list-models-custom .model-item {
  text-align: center;
  text-decoration: none;
  color: #212121;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.list-models-custom .model-item:hover {
  transform: scale(1.03);
  opacity: 0.9;
}

.list-models-custom .img {
  width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
}

.list-models-custom .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.list-models-custom .name {
  display: block;
  margin-top: 10px;
  font-family: 'Mulish', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.no-thumb {
  width: 100%;
  height: 100%;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 14px;
  font-style: italic;
}








/* === LIST MODELS CUSTOM 2025 container === */
#list_models_list_models_custom_2025 {
  padding-left: 10px;
  padding-right: 10px;
}








/* === LIST MODELS: spazio sotto === */
.list-models {
  padding-bottom: 10px;
}







/* === FIX DEFINITIVO: GRIGLIA MODELS COME LIST_CONTENT === */

/* Contenitore principale */
#list_models_list_models_custom_2025 {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: center !important;
}

/* Griglia e item */
#list_models_list_models_custom_2025 .list-models-custom {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 auto !important;
}

#list_models_list_models_custom_2025 .list-models-custom .model-item {
  flex: 0 0 calc(25% - 10px) !important;  /* 4 colonne */
  box-sizing: border-box !important;
  text-align: center !important;
}

/* Breakpoint responsive */
@media (max-width: 992px) {
  #list_models_list_models_custom_2025 .list-models-custom .model-item {
    flex: 0 0 calc(33.33% - 10px) !important;  /* 3 colonne */
  }
}

@media (max-width: 768px) {
  #list_models_list_models_custom_2025 .list-models-custom .model-item {
    flex: 0 0 calc(50% - 10px) !important;  /* 2 colonne */
  }
}

@media (max-width: 480px) {
  #list_models_list_models_custom_2025 .list-models-custom .model-item {
    flex: 0 0 100% !important;  /* 1 colonna */
  }
}











/* ===== MENU A TENDINA FAVOURITES (versione definitiva senza blu) ===== */

/* Contenitore menu */
.btn-favourites ul {
  background-color: #ffe6fa !important;  /* rosa chiaro */
  border-radius: 0 0 6px 6px !important;
  padding: 8px 0 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Link del menu */
.btn-favourites ul li a {
  display: block;
  color: #212121 !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  padding: 8px 20px;
  text-decoration: none !important;
  border: none !important;
  background: none !important;
  cursor: pointer;
}

/* Disattiva tutti gli stati (hover, focus, active, selected) */
.btn-favourites ul li a:hover,
.btn-favourites ul li a:focus,
.btn-favourites ul li a:active,
.btn-favourites ul li a.selected {
  background: none !important;
  color: #212121 !important;
  outline: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Rimuove eventuali icone, spunte o pallini */
.btn-favourites ul li a::before,
.btn-favourites ul li a::after,
.btn-favourites ul li span::before,
.btn-favourites ul li span::after {
  display: none !important;
  content: none !important;
}






/* ===== ELIMINA IL BLU DEFINITIVO NEL MENU FAVOURITES ===== */
.btn-favourites ul li a:hover,
.btn-favourites ul li span:hover {
  background-color: transparent !important;  /* niente blu */
  color: #212121 !important;                 /* testo neutro */
  text-decoration: none !important;
}

/* Rimuove anche il blu da eventuali stati focus/active */
.btn-favourites ul li a:focus,
.btn-favourites ul li a:active,
.btn-favourites ul li span:focus,
.btn-favourites ul li span:active {
  background-color: transparent !important;
  color: #212121 !important;
  outline: none !important;
  box-shadow: none !important;
}









/* ===== NASCONDI ICONE E LINEE SOPRA LE COVER (VIDEOS + ALBUMS) ===== */
.list-videos .line-premium,
.list-videos .ico-fav-0,
.list-videos .ico-fav-1,
.list-albums .line-premium,
.list-albums .ico-fav-0,
.list-albums .ico-fav-1 {
  display: none !important;
}







/* ===== BOTTONE ADD TO FAVORITES (NUOVO) ===== */
.add-fav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffe6fa;     /* rosa chiaro */
  color: #212121;
  border: none;
  border-radius: 8px;
  font-family: 'Mulish', sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0.6rem 1.4rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.add-fav-btn:hover {
  background-color: #ffbdf0;     /* rosa più intenso */
}










/* ===== PAGINATION STILE 2025 ===== */
.pagination ul {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 0;
  list-style: none;
}

.pagination ul li {
  display: inline-block;
}

.pagination ul li a,
.pagination ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  padding: 6px 14px;
  font-family: 'Mulish', sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #212121;
  background-color: #f2f2f2;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover (rosa chiaro) */
.pagination ul li a:hover {
  background-color: #ffe6fa !important;
  color: #212121 !important;
}

/* Pagina selezionata (rosa scuro) */
.pagination ul li.page-current span,
.pagination ul li.active a {
  background-color: #ffbdf0 !important;
  color: #212121 !important;
}

/* Disabilitati (opzionale, colore neutro) */
.pagination ul li.disabled span {
  background-color: #eee !important;
  color: #999 !important;
  cursor: default;
}







/* ===== SPACING PAGINATION ===== */
.pagination {
  padding: 10px 0 !important;   /* 10px sopra e sotto, 0 ai lati */
}






/* ===== NASCONDI TAG RISOLUZIONE (HD / 4K / ecc.) ===== */
.is-hd,
.is-1080p,
.is-4k,
.is-720p,
.is-480p {
  display: none !important;
}














/* === SORT BOTTONE ROSA COERENTE CON "VIDEOS" === */
div.sort {
  background-color: #ffd6f7 !important;   /* rosa chiaro */
  border: 1px solid #eb16c8 !important;   /* bordo rosa scuro */
  border-radius: 6px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* icona e testo interni */
div.sort strong {
  background: none !important;
  color: #212121 !important;
  padding: 6px 12px;
  font-weight: 600;
}

/* stato aperto / attivo */
div.sort.open,
div.sort.open strong {
  background-color: #eb16c8 !important;   /* rosa pieno */
  color: #fff !important;
  border-color: #eb16c8 !important;
  box-shadow: 0 2px 5px rgba(235,22,200,0.3);
}

/* hover (leggermente più scuro) */
div.sort:hover {
  background-color: #ffb8f0 !important;
  border-color: #eb16c8 !important;
  box-shadow: 0 2px 8px rgba(235,22,200,0.25);
}

/* dropdown */
div.sort ul {
  background-color: #f5f5f5 !important;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
div.sort ul li a:hover {
  background-color: #ffe5fa !important;
  color: #212121 !important;
}
div.sort ul li a.selected,
div.sort ul li a.active {
  background-color: #eb16c8 !important;
  color: #fff !important;
}







/* === ALLINEAMENTO SORT / VIDEOS === */

/* Contenitore principale */
div.sort {
  background-color: #ffd6f7 !important;  /* rosa chiaro */
  border: none !important;               /* rimuove bordo rosa */
  border-radius: 6px !important;
  height: 36px;                          /* stessa altezza del bottone Videos */
  display: flex;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
  padding: 0 12px !important;
}

/* Testo interno */
div.sort strong {
  background: none !important;
  color: #212121 !important;
  font-weight: 600;
  font-size: 14px;                       /* allinea la tipografia */
  line-height: 1;
  padding: 0 !important;
}

/* Icona di ordinamento */
div.sort .icon.type-sort {
  margin-right: 6px;
  filter: hue-rotate(300deg);            /* tinge verso il rosa */
  opacity: 0.8;
}

/* Hover o stato aperto */
div.sort:hover,
div.sort.open {
  background-color: #eb16c8 !important;  /* rosa pieno */
  color: #fff !important;
  box-shadow: 0 3px 6px rgba(235,22,200,0.3);
}

/* Testo bianco nello stato aperto */
div.sort.open strong {
  color: #fff !important;
}

/* Dropdown coerente */
div.sort ul {
  background-color: #f3f3f3 !important;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
div.sort ul li a:hover {
  background-color: #ffe5fa !important;
  color: #212121 !important;
}
div.sort ul li a.selected,
div.sort ul li a.active {
  background-color: #eb16c8 !important;
  color: #fff !important;
}






/* === ALIGN + UPPERCASE per pulsanti sort e videos === */

/* Contenitore del pulsante */
div.sort {
  display: flex;
  align-items: center;
  justify-content: center;        /* centra testo e icona orizzontalmente */
  gap: 6px;                       /* spazio costante tra icona e testo */
  height: 36px;
  padding: 0 14px !important;
  background-color: #ffd6f7 !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  text-transform: uppercase;      /* tutto maiuscolo */
}

/* Icona di ordinamento */
div.sort .icon.type-sort {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  filter: hue-rotate(300deg);
  opacity: 0.85;
}

/* Testo del bottone */
div.sort strong {
  font-size: 13px;
  font-weight: 600;
  color: #212121 !important;
  letter-spacing: 0.5px;
  line-height: 1;
  white-space: nowrap;
}

/* Stato aperto / attivo */
div.sort.open,
div.sort:hover {
  background-color: #eb16c8 !important;
  color: #fff !important;
}
div.sort.open strong,
div.sort:hover strong {
  color: #fff !important;
}

/* Dropdown coerente */
div.sort ul {
  background-color: #f5f5f5 !important;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
div.sort ul li a {
  text-transform: uppercase;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
}
div.sort ul li a:hover {
  background-color: #ffe5fa !important;
  color: #212121 !important;
}
div.sort ul li a.selected,
div.sort ul li a.active {
  background-color: #eb16c8 !important;
  color: #fff !important;
}










/* === Bottoni sort / videos - larghezza armonizzata === */
div.sort {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 28px !important;     /* ← aumenta spazio orizzontale */
  min-width: 160px;               /* ← impone una larghezza minima elegante */
  background-color: #ffd6f7 !important;
  border-radius: 6px;
  border: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* testo interno */
div.sort strong {
  font-size: 13px;
  font-weight: 600;
  color: #212121 !important;
  letter-spacing: 0.5px;
  line-height: 1;
}

/* stato hover / open */
div.sort.open,
div.sort:hover {
  background-color: #eb16c8 !important;
  color: #fff !important;
}
div.sort.open strong,
div.sort:hover strong {
  color: #fff !important;
}

/* contesto headline per allineamento con Videos */
div.headline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;                      /* spaziatura armoniosa tra pulsanti */
}









/* Barra comandi nella testata */
div.headline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* Spingi i bottoni rosa a destra (vale con o senza <h1>) */
div.headline > .sort:first-of-type{
  margin-left:auto !important;
}

/* (se il titolo c’è) niente margini strani */
div.headline > h1{ margin:0; }









/* COMMON ALBUMS LIST: rimuovi il sort nella headline */
#list_albums_common_albums_list .headline > .sort{
  display: none !important;
}









/* Rimuove il padding superiore solo in "My Favourite Albums" */
#list_albums_my_favourite_albums .headline{
  padding-top: 0 !important;
  margin-top: 0 !important; /* nel caso il tema usi anche un margin */
}









/* My Favourite Videos: elimina il padding-top 3rem della headline */
#list_videos_my_favourite_videos .headline{
  padding-top: 0 !important;
  margin-top: 0 !important;
}








/* === Uniforma spacing e layout dei wrap in list_videos === */
.list-videos .wrap {
  margin-top: 10px;        /* come list_content */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;          /* mantiene proporzioni eleganti */
  color: #bcbcbc;          /* stesso colore testo dei meta info */
  font-size: 12px;
  line-height: 1.2;
}

/* testo della model leggermente più leggibile */
.list-videos .wrap .model {
  color: #bcbcbc;          /* come il testo “views” e “added” */
  font-family: 'Mulish', sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

/* primo wrap (durata + model) distanziato da thumbnail */
.list-videos .item .wrap:first-of-type {
  margin-top: 10px;
}






/* === FIX FINALE SPACING LIST VIDEOS === */

/* Aggiunge margine inferiore dopo il secondo wrap (data + views) */
.list-videos .item .wrap:last-of-type {
  margin-bottom: 10px !important;   /* spazio sotto la card */
}

/* Uniforma lo spacing verticale dei due wrap interni */
.list-videos .item .wrap {
  margin-top: 10px !important;      /* già presente in list-content */
  padding: 0 8px !important;        /* stesso padding orizzontale */
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #bcbcbc;
  font-size: 12px;
  line-height: 1.2;
}

/* Testo model coerente con meta-info */
.list-videos .item .wrap .model {
  color: #bcbcbc;
  font-family: 'Mulish', sans-serif;
  font-size: 12px;
  line-height: 1.2;
}










/* === Uniforma spacing list_albums a list_content === */
.list-albums .item .wrap {
  margin-top: 10px !important;
  padding: 0 8px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #bcbcbc;
  font-size: 12px;
  line-height: 1.2;
}

.list-albums .item .wrap:last-of-type {
  margin-bottom: 10px !important;
}

.list-albums .item .wrap .model {
  color: #bcbcbc;
  font-family: 'Mulish', sans-serif;
  font-size: 12px;
  line-height: 1.2;
}
















/* ==== BOTTONI DOWNLOAD (4K / HD) ==== */

.block-details .item a.download-btn {
  display: inline-block;
  margin-right: 12px;         /* spazio tra i bottoni */
  margin-top: 10px;           /* li stacca da Models */
  padding: 8px 20px;
  background-color: #ffe6fa;  /* rosa chiaro */
  color: #212121 !important;
  font-family: 'Mulish', sans-serif;
  font-weight: 700;
  font-size: 14px;
  border-radius: 6px;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color 0.2s ease;
}

.block-details .item a.download-btn:hover {
  background-color: #ffbdf0;  /* rosa più intenso */
  color: #212121 !important;
}









/* Contenitore fisso dell'immagine nelle cards models */
#list_models_list_models_custom_2025 .item .img {
    width: 100%;
    height: 450px;          /* altezza fissa del box immagine */
    overflow: hidden;       /* nasconde eventuali eccedenze */
    position: relative;
    background: #eee;       /* colore di fondo neutro */
   /* border-radius: 8px 8px 0 0;*/
}

/* Immagine dentro il box */
#list_models_list_models_custom_2025 .item .img img.thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* riempie senza distorcere */
    object-position: top;   /* parte dall'alto (bella scelta per portraits) */
    position: absolute;
    top: 0;
    left: 0;
}









/* FIX proporzioni immagini nella pagina MODELS */
#list_models_models_list .item .img {
    width: 100%;
    height: 450px;            /* stessa altezza dei tuoi custom models */
    overflow: hidden;
    position: relative;
    background: #eee;
/*    border-radius: 8px 8px 0 0; */
}

#list_models_models_list .item .img img:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;        /* RIEMPIE SENZA DISTORCERE */
    object-position: top;     /* centriamo come preferisci */
}










/* FIX immagini schiacciate nella pagina CATEGORIES */
#list_categories_categories_list .item .img {
    width: 100%;
    height: 450px;              /* altezza box immagine */
    overflow: hidden;
    position: relative;
    background: #eee;
/*    border-radius: 8px 8px 0 0; */
}

#list_categories_categories_list .item .img img:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;          /* nessuna distorsione */
    object-position: center;    /* centro (o top se preferisci) */
}
















.top-logo .logo-link {
    color: inherit;
    text-decoration: none;
}
.top-logo .logo-link:hover {
    text-decoration: none;
}







.top-logo {
    pointer-events: auto !important;
    position: relative;
    z-index: 1000;
}
.top-logo a {
    pointer-events: auto !important;
}








.top-logo .logo-link {
    color: #000 !important;       /* o il colore che usavi prima */
    text-decoration: none !important;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}















/* Wrapper della pagina album (full width) */
.content-album-view {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Contenitore centrato 1260px SOLO per Album View */
.album-inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px; /* opzionale */
    width: 100%;
}









/* 1) margine sopra il blocco album 
.content-album-view .block-album {
    margin-top: 20px;
} */


/* 2) separatore tra album-info e images */
.album-info {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* 3) rimuove la riga inferiore che KVS mette sotto .images */
.images {
    border-bottom: none !important;
}








/* Spazio sopra il block-album SOLO nella pagina view album 
.content-album-view .block-album {
    margin-top: 20px;   /* puoi aumentare a 30px se preferisci 
    padding-top: 0;     /* assicura che non erediti padding strani 
} */







/* Centra verticalmente i bottoni nella barra */
.content-album-view .info-buttons {
    display: flex;
    align-items: center;       /* centra verticalmente */
    padding-top: 10px;         /* regola fine */
    padding-bottom: 10px;      /* regola fine */
}






#tab_album_info.tab-content {
    padding: 0 2rem !important;
}








.album-info {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}








.list-sort {
    margin-bottom: 0 !important;
}






.related-albums .list-sort span:before,
.related-videos .list-sort span:before {
    display: none !important;
}










.content {
    max-width: none !important;
}






.block-model {
    max-width: 1260px;
    margin: 0 auto;
}






#list_videos_common_videos_list {
    max-width: 1260px;
    margin: 0 auto;
}






.model-hero-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    
}






.list-videos.list-albums.list-content {
    max-width: 1260px;
    margin: 0 auto;
}







.video-holder {
    max-width: 1260px;
    margin: 0 auto;
    text-align: center;
}





.block-video .video-holder {
    margin: 0 auto !important;
    float: none !important;
}




.video-holder {
    display: block;
    max-width: 1260px;
}





.related-videos#list_videos_related_videos {
    max-width: 1260px;
    margin: 0 auto;
}





#list_albums_common_albums_list {
    max-width: 1260px;
    margin: 0 auto;
}





#list_categories_categories_list {
    max-width: 1260px;
    margin: 0 auto;
}







#list_models_models_list {
    max-width: 1260px;
    margin: 0 auto;
}






#tab_album_info {
    text-align: center;
}








.hero-bar {
    margin: 20px 0;
}








.category-hero-wrapper {
    width: 100%;
}

.category-hero-img {
    width: 100%;
    height: auto;
    display: block;
}









.main-container-user {
    max-width: 1260px !important;
    width: auto !important;       /* importantissimo */
    margin: 0 auto !important;    /* centra il contenuto */
/*    padding: 0 20px;              /* opzionale, solo per respiro laterale */
}






#list_videos_my_favourite_videos {
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}








.main-content--favourites {
    display: block !important;      /* disattiva flex SOLO qui */
}













.hero-bar-fav {
  width: 100%;
  background-color: #212121; /* nero solido */
  padding: 0px 0;           /* altezza interna barra */
  text-align: center;
  margin-bottom: 10px;
}

.hero-bar-fav p {
  margin: 0;
  font-family: 'Mulish', sans-serif;
  color: #ffffff;  /* testo bianco */
  font-size: 20px; /* più piccolo del titolo hero */
  line-height: 1.6;
}









.main-container-user.favourites-videos {
    margin-bottom: 10px !important;
}

.main-container-user.favourites-albums {
    margin-bottom: 10px !important;
}








.hero-bar {
    margin: 0 !important;
}








.hero-wrapper.hero-page {
    margin-bottom: 10px !important;
}

.category-hero-wrapper {
    margin-bottom: 10px !important;
}

.model-hero-wrapper {
    margin-bottom: 10px !important;
}








/* ===== FOOTER BUTTONS (stile identico a ADD COMMENT) ===== */

.footer .nav li a {
    display: inline-block;
    background-color: #ffe6fa !important;   /* rosa chiaro */
    color: #212121 !important;
    border: none !important;
    border-radius: 6px !important;          /* stessa stondatura */
    font-family: 'Mulish', sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.55rem 1.4rem !important;     /* identico ad ADD COMMENT */
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

/* Hover = rosa scuro (non blu!) */
.footer .nav li a:hover {
    background-color: #ffbdf0 !important;
    color: #212121 !important;
}








/* ===== FIX HOVER CATEGORY + MODEL IN VIDEO-INFO ===== */

.video-info .item a,
.video-info a {
    background-color: #ffe6fa !important;
    color: #212121 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
}

.video-info .item a:hover,
.video-info a:hover {
    background-color: #ffbdf0 !important;   /* rosa scuro */
    color: #212121 !important;
    text-decoration: none !important;
}








/* ===== FIX HOVER CATEGORY + MODEL IN ALBUM-INFO ===== */

.album-info .item a,
.album-info a {
    background-color: #ffe6fa !important;     /* rosa chiaro */
    color: #212121 !important;                /* testo scuro */
    border-radius: 6px !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
}

.album-info .item a:hover,
.album-info a:hover {
    background-color: #ffbdf0 !important;     /* rosa più intenso */
    color: #212121 !important;
    text-decoration: none !important;
}













/* === NEW FOOTER 2025 === */

.new-footer {
    background: #fff;
    color: #000;
    padding: 30px 20px;
    border-top: 1px solid #e5e5e5;
    font-family: "Mulish", sans-serif;
}

.footer-columns {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1260px;
    margin: 0 auto 40px auto;
}

.footer-col h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-col ul li {
    margin-bottom: 4px;
}

.footer-col ul li a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    transition: 0.2s;
}

.footer-col ul li a:hover {
    opacity: 0.6;
}

/* BLOCCO 2257 */
.footer-2257 {
    text-align: center;
    margin-bottom: 20px;
}

.footer-2257 a {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    font-size: 15px;
}

/* TESTO LEGALE */
.footer-legal {
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    max-width: 900px;
    margin: 0 auto 30px auto;
    color: #333;
}

.footer-copy {
    text-align: center;
    font-size: 13px;
    color: #333;
}

.footer-copy a {
    color: #000;
    text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .footer-columns {
        flex-direction: column;
        text-align: center;
    }
}









.new-footer a:hover {
    color: #cc1e6b !important;   /* rosa scuro del tuo tema */
    opacity: 1 !important;
}









/* Footer links: normal, visited, hover */
.new-footer a,
.new-footer a:visited {
    color: #000 !important;     /* nero */
    text-decoration: underline;
}

.new-footer a:hover {
    color: #cc1e6b !important;  /* rosa scuro */
}

.new-footer a:active {
    color: #000 !important;
}










/* === PAGE 404 - SIMPLE CENTERED WITH LARGE SPACING === */

.error404-wrapper {
    max-width: 1260px;
    margin: 100px auto;        /* margine superiore dimezzato */
    text-align: center;
    padding: 40px 20px;
}

.error404-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.error404-text {
    margin-top: 30px;          /* un po’ meno spazio sopra */
    font-size: 26px;           /* font più piccolo */
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #000;
}










/* === NEWS SECTION (INDEX) === */

.news-section {
    max-width: 1260px;
    margin: 10px auto 10px auto;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0 20px;
}

.news-box {
    width: 50%;
    background: #eeeeee;
    border: 1px solid #eee;
    padding: 5px;
    box-sizing: border-box;
}

.news-box img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.news-topic {
    font-size: 14px;
    font-weight: 700;
    color: #cc1e6b; /* rosa scuro */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.news-title {
    font-size: 22px;
    font-weight: 800;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.3;
}

.news-text {
    font-size: 15px;
    color: #333;
    line-height: 1.5;
}

/* Responsive: News in colonna su mobile */
@media (max-width: 900px) {
    .news-section {
        flex-direction: column;
    }
    .news-box {
        width: 100%;
    }
}









.news-image-wrapper {
    width: 100%;
    overflow: hidden;
}

.news-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}












/* =========================================================
   FOOTER 2025 — DARK MODE + NEWSLETTER + SOCIAL SVG
   ========================================================= */

/* ---------- FOOTER LAYOUT ---------- */
.new-footer {
    background: #000 !important;
    color: #fff !important;
/*    padding: 60px 20px; */
    font-family: 'Mulish', sans-serif;
}

/* link bianchi */
.new-footer a {
    color: #fff !important;
    text-decoration: none;
}

.new-footer a:hover {
    opacity: .7 !important;
}

/* ---------- COLONNE ---------- */
.footer-columns {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1260px;
    margin: 0 auto 10px auto;
}

.footer-columns .footer-col,
.footer-columns .footer-col-logo {
    flex: 1;
    min-width: 0;
}

/* ---------- LOGO ---------- */
.footer-logo-title {
    font-family: 'League Gothic', sans-serif !important;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px;
}

/* ---------- NEWSLETTER BLOCK ---------- */
.footer-newsletter-desc {
    margin-bottom: 12px;
    line-height: 1.4;
    font-size: 15px;
}

.footer-newsletter-form {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.footer-newsletter-form input {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #444;
    background: #111;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    outline: none;
}

.footer-newsletter-form input::placeholder {
    color: #aaa;
}

.footer-newsletter-form button {
    padding: 10px 18px;
    background: #222;
    border: 1px solid #555;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    border-radius: 4px;
    transition: .2s;
}

.footer-newsletter-form button:hover {
    background: #444;
}

/* ---------- SOCIAL ICONS SVG ---------- */
.footer-social {
    display: flex;
    gap: 18px;
    margin-top: 25px;
}

.footer-social a svg {
    fill: #fff !important;
    width: 28px;
    height: 28px;
    transition: .2s;
}

.footer-social a:hover svg {
    opacity: .6;
}

/* ---------- TITOLI COLONNE ---------- */
.footer-col h3 {
    font-family: 'Mulish', sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    padding-top: 12px;
    border-top: 2px solid #fff;
    width: fit-content;
}

/* ---------- LISTE DELLE COLONNE ---------- */
.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*.footer-col ul li {
    margin-bottom: 10px;
}*/

.footer-col ul li a {
    color: #fff !important;
    font-size: 12px;
    transition: .2s;
}

.footer-col ul li a:hover {
    opacity: 1;
}

/* ---------- BLOCCO 2257 ---------- */
.footer-2257 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
}

.footer-2257 a {
    text-decoration: underline;
}

/* ---------- TESTO LEGALE ---------- */
.footer-legal {
    max-width: 900px;
    margin: 0 auto 3px auto;
    color: #ccc !important;
    text-align: center;
    font-size: 10px;
    line-height: 1.5;
}

.footer-copy {
    text-align: center;
    color: #fff !important;
    margin-top: 20px;
    font-size: 10px;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
    .footer-columns {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .footer-col h3 {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-newsletter-form {
        flex-direction: column;
    }

    .footer-newsletter-form button {
        width: 100%;
    }

    .footer-social {
        justify-content: center;
    }
}








/* =========================================================
   FOOTER 2025 — FIX AGGIUNTIVO RICHIESTE 1-4
   ========================================================= */


/* ---------- LINKS SEMPRE BIANCHI (anche visitati) ---------- */
.new-footer a,
.new-footer a:visited {
    color: #fff !important;
}

.new-footer a:hover {
    color: #ffbdf0 !important; /* rosa chiaro */
    opacity: 1 !important;
}


/* ---------- COLONNA LOGO: rimuovo spazio sotto logo ---------- */
.footer-logo-title {
    margin-bottom: 5px !important;  /* da 20px → 5px */
}


/* ---------- BOTTONE NEWSLETTER: quadrato + icona freccia ---------- */
.footer-submit-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #222;
    border: 1px solid #555;
    border-radius: 4px;
    cursor: pointer;
    transition: .2s;
    padding: 0;
}



.footer-submit-icon:hover {
    background: #444;
}


/* ---------- SOCIAL ICONS IN COLONNA 4 ---------- */
.footer-col-social .footer-social-icons {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.footer-col-social .footer-social-icons a svg {
    width: 28px;
    height: 28px;
    fill: #fff !important;
    transition: .2s;
}



/* Colore base bianco */
.footer-col-social a svg path {
    fill: #ffffff !important;
    transition: fill 0.2s ease;
}

/* Hover rosa chiaro ufficiale (#ffbdf0) */
.footer-col-social a:hover svg path {
    fill: #ffbdf0 !important;
}






/* ---------- Rimuovo la lista testuale dalla colonna 4 ---------- */
.footer-col-social ul {
    display: none !important;
}


/* ---------- Refining generale ---------- */
.footer-newsletter-form input {
    height: 48px;
    font-size: 15px;
}

.footer-newsletter-form {
    gap: 8px;
}







/* SOCIAL ICONS VERTICALI */
.footer-col-social .footer-social-icons {
    display: flex;
    flex-direction: column;   /* ← ICONA SOTTO ICONA */
/*    gap: 14px; */
/*    margin-top: 20px; */
}

.footer-col-social .footer-social-icons a svg {
    width: 32px;   /* leggermente più grandi */
    height: 32px;
}








/* FRECCIA GRANDI, SVG CORRETTO */
.footer-submit-icon svg {
    width: 26px !important;
    height: 26px !important;
    stroke: #fff;
}

/* SOCIAL ICONS PIÙ PICCOLE */
.footer-col-social .footer-social-icons a svg {
    width: 22px !important;
    height: 22px !important;
}






.footer-col-icons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-icon {
  width: 48px;      /* Modifica come vuoi */
  height: auto;
  fill: #fff;       /* Assorbe il tema del footer */
  display: block;
}














/* === INTERUTTORE WIDTH === */

/* Layout centrato (tipo max-width 1260) */
.site-centered {
    max-width: 1260px !important;
    margin: 0 auto !important;
}

/* Layout full width */
.site-fullwidth {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}











.block-album .album-hero-image {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}









/* WRAPPER GENERALE */
.deals-wrapper {
    max-width: 1260px;
    margin: 0 auto;
    padding: 20px 0;
}


.deals-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonne fisse */
    gap: 20px;
}


/* Tablet */
@media (max-width: 900px) {
    .deals-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .deals-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* CARD SEMPLICE */
.deal-card {
    display: block;
    text-decoration: none;
    background: #111; /* colore neutro, puoi cambiarlo */
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.deal-card:hover {
    transform: translateY(-3px);
    opacity: 0.85;
}

/* THUMB */
.deal-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* NO THUMB CASE */
.deal-no-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    color: #aaa;
    font-size: 14px;
    height: 140px;
}







/* BADGE OVERLAY */
.deal-badge {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;
    padding: 6px 10px;

    background: rgba(255,0,70,0.9);
    color: white;
    font-size: 14px;
    font-weight: 700;
    text-align: center;

    border-bottom-right-radius: 6px;
    z-index: 3;

    animation: deal-blink 1.2s infinite alternate ease-in-out;

    /* 👉 SEMPRE UNA RIGA, MA SENZA PUNTINI E SENZA TAGLIO */
    white-space: nowrap;
}


/* Per assicurarsi che la thumb possa contenere elementi assoluti */
.deal-thumb {
    position: relative;
    overflow: hidden;
}


/* Effetto lampeggio */
@keyframes deal-blink {
    from { opacity: 1; }
    to { opacity: 0.4; }
}














/* ================================================
   FIX COMPLETO PER FREE VIDEOS LIST
   ID: #list_videos_free_videos_list
   copia esatta del layout del block classico
   ================================================ */

/* Centra il contenitore come il block classico */
#list_videos_free_videos_list {
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Usa la stessa griglia 4 colonne */
#list_videos_free_videos_list .item {
    width: calc(25% - 10px) !important;
}

/* Breakpoint identici */
@media (max-width: 992px) {
  #list_videos_free_videos_list .item {
    width: calc(33.33% - 10px) !important;
  }
}

@media (max-width: 768px) {
  #list_videos_free_videos_list .item {
    width: calc(50% - 10px) !important;
  }
}

@media (max-width: 480px) {
  #list_videos_free_videos_list .item {
    width: 100% !important;
  }
}

/* FIX proporzioni immagine (300x450) */
#list_videos_free_videos_list .img {
    padding-bottom: 150% !important; /* 2:3 */
    aspect-ratio: 2 / 3;
}

#list_videos_free_videos_list .img img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* Allineamento wrap interno come il block normale */
#list_videos_free_videos_list .wrap {
    margin-top: 10px !important;
    padding: 0 8px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #bcbcbc;
    font-size: 12px;
}

#list_videos_free_videos_list .wrap:last-of-type {
    margin-bottom: 10px !important;
}




/* Margin-bottom extra per il block FREE VIDEOS */
#list_videos_free_videos_list {
    margin-bottom: 10px !important;
}






/* Spazio speciale sotto le hero-bar solo nella pagina VIDEOS */
.hero-bar-videos-page {
    margin-bottom: 10px !important;
}









/* === Page-specific override: MODELS PAGE === */
.page-models .main-content {
    margin-bottom: 0px !important;
}







/* === Page-specific override: VIDEOS PAGE === */
.page-videos .main-content {
    margin-bottom: 0px !important;
}





/* === Page-specific override: ALBUMS PAGE === */
.page-albums .main-content {
    margin-bottom: 0px !important;
}






/* === Page-specific override: MODEL CUSTOM VIEW PAGE === */
.page-model-custom .box {
    overflow: visible !important;
    padding-bottom: 10px !important;
}






/* === Page-specific override: ALBUM VIEW PAGE === */
.page-album-view .box {
    overflow: visible !important;
    padding-bottom: 10px !important;
}






/* === Page-specific override: VIDEO VIEW PAGE === */
.page-video-view .box {
    overflow: visible !important;
    padding-bottom: 10px !important;
}







/* === SEND BUTTON IDENTICAL TO ADD COMMENT === */

.page-video-view input.submit,
.page-album-view input.submit,
#comments_form input.submit {
    background-color: #ffbdf0 !important;    /* rosa identico */
    color: #212121 !important;               /* testo nero come ADD COMMENT */
    border: none !important;
    border-radius: 6px !important;           /* stesso arrotondamento */
    
    font-family: 'Mulish', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;              /* stessa grandezza */
    text-transform: uppercase !important;
    
    padding: 8px 22px !important;            /* stesso padding di ADD COMMENT */
    width: auto !important;
    height: auto !important;
    display: inline-block !important;

    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Hover identico */
.page-video-view input.submit:hover,
.page-album-view input.submit:hover,
#comments_form input.submit:hover {
    background-color: #eb16c8 !important;     /* rosa scuro come gli altri bottoni */
    color: #ffffff !important;                 /* hover bianco */
}








/* Commenti video: nascondi avatar */
#video_comments_video_comments .image {
    display: none !important;
}




/* Commenti video: nascondi completamente le opzioni (voto, frecce) */
#video_comments_video_comments .comment-options {
    display: none !important;
}





/* Commenti video: allinea il blocco info (nome + data) a sinistra */
#video_comments_video_comments .comment-info {
    text-align: left !important;
    display: block !important;
}





/* Commenti video: username pulito, niente sfondo rosa */
#video_comments_video_comments .username {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;

    color: #212121 !important;       /* testo nero */
    font-weight: 700 !important;     /* bold */
    text-transform: uppercase !important;  /* tutto maiuscolo */
    font-size: inherit !important;   /* NON aumentare la dimensione */
    text-decoration: none !important;
}




/* Commenti video: disabilita completamente il link sullo username */
#video_comments_video_comments .username {
    pointer-events: none !important;   /* non cliccabile */
    cursor: default !important;        /* niente mano */
}





/* Commenti video: testo del commento allineato a sinistra */
#video_comments_video_comments .comment-text {
    text-align: left !important;
    display: block !important;
}





/* Album comments: nascondi avatar */
#album_comments_album_comments .image {
    display: none !important;
}




/* Album comments: nascondi frecce e voto */
#album_comments_album_comments .comment-options {
    display: none !important;
}




/* Album comments: username stile pulito */
#album_comments_album_comments .username {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;

    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: inherit !important;
    color: #212121 !important;
    text-decoration: none !important;

    pointer-events: none !important;  /* NON cliccabile */
    cursor: default !important;
}






/* Video comments: allinea a sinistra "Comments:" e "1 comment" */
#video_comments_video_comments .field-label,
#video_comments_video_comments .hint {
    text-align: left !important;
    display: block !important;
}











/* ============================================================
   INDEX — MODELS responsive fix
   Elimina deformazione sotto ~1200px
   ============================================================ */

@media (max-width: 1214px) {

  body.page-index
  #list_models_list_models_custom_2025
  .item .img {
    height: auto !important;
    padding-bottom: 150% !important; /* stesso ratio di videos */
  }

  body.page-index
  #list_models_list_models_custom_2025
  .item .img img {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

}






/* ============================================================
   CATEGORIES — stop thumb “schiacciate” in responsive
   ============================================================ */

@media (max-width: 1214px) {

  #list_categories_categories_list .item .img{
    height: 0 !important;              /* kill height:450px */
    padding-bottom: 150% !important;   /* ratio 2:3 (come videos) */
    position: relative !important;
    overflow: hidden;
  }

  #list_categories_categories_list .item .img img:first-child{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

}






/* ============================================================
   MODELS (standard) — stop thumb “schiacciate” in responsive
   ============================================================ */

@media (max-width: 1214px) {

  #list_models_models_list .list-models .item .img{
    height: 0 !important;
    padding-bottom: 150% !important;  /* ratio 2:3 */
    position: relative !important;
    overflow: hidden !important;
  }

  /* prende QUALUNQUE immagine dentro .img (incluso img.thumb) */
  #list_models_models_list .list-models .item .img img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

}








/* ============================================================
   DEALS — BADGE POSIZIONI
   ============================================================ */

/* Badge TOP (già esistente, lampeggiante) */
.deal-badge-top {
    top: 0;
    left: 0;
}

/* Badge BOTTOM RIGHT — Content quantity */
.deal-badge-bottom {
    position: absolute;
    bottom: 0;
    right: 0;

    padding: 6px 10px;

    background: rgba(0,0,0,0.85);
    color: #fff;

    font-size: 13px;
    font-weight: 600;

    border-top-left-radius: 6px;

    /* NIENTE LAMPEGGIO */
    animation: none !important;

    white-space: nowrap;
    z-index: 3;
}






/* Badge BOTTOM RIGHT — Content quantity */
.deal-badge-bottom {
    position: absolute;

    bottom: 0;
    right: 0;

    /* 🔴 RESET OBBLIGATORIO */
    top: auto;
    left: auto;

    padding: 6px 10px;

    background: rgba(0,0,0,0.85);
    color: #fff;

    font-size: 13px;
    font-weight: 600;

    border-top-left-radius: 6px;

    animation: none !important;
    white-space: nowrap;
    z-index: 3;
}











.coming-soon-section {
  margin: 10px 0;
}

.coming-soon-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.coming-soon-item {
  overflow: hidden;
}

.coming-soon-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}












/* =========================================================
   LOGIN POPUP — BOTTONE LOG IN (STILE 2025 ROSA)
   ========================================================= */

.popup-holder input.submit {
    background-color: #ffbdf0 !important;   /* rosa principale */
    color: #212121 !important;              /* testo scuro */
    border: none !important;
    border-radius: 6px !important;

    font-family: 'Mulish', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;

    padding: 10px 28px !important;
    width: auto !important;
    height: auto !important;

    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover */
.popup-holder input.submit:hover {
    background-color: #eb16c8 !important;   /* rosa scuro */
    color: #ffffff !important;
}








/* =========================================================
   LOGIN POPUP — LINK SIGN UP (ROSA 2025, INVERTITO)
   ========================================================= */

.popup-holder .links a {
    color: #ffbdf0 !important;          /* rosa chiaro */
    font-family: 'Mulish', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 0.5px;

    transition: color 0.2s ease, opacity 0.2s ease;
}

/* Hover */
.popup-holder .links a:hover {
    color: #eb16c8 !important;          /* rosa scuro */
    opacity: 1;
    text-decoration: none !important;
}







.popup-holder .field-label.required:after {
    display: none !important;
}






/* =========================================================
   LOGIN POPUP — LABEL USERNAME / PASSWORD IN MAIUSCOLO
   ========================================================= */

.popup-holder .field-label {
    text-transform: uppercase;
    letter-spacing: 0.5px;   /* opzionale ma molto elegante */
}







/* =========================================================
   LOGIN POPUP — TITOLO "LOGIN" IN MAIUSCOLO
   ========================================================= */

.popup-title {
    text-transform: uppercase;
    letter-spacing: 1px;      /* molto elegante, puoi regolare */
}











/* =========================================================
   REPORT ABUSE — PAGINA STATICA (CENTRATURA & LAYOUT)
   ========================================================= */

.page-static-report-abuse .static-narrow {
    max-width: 780px;
    margin: 0 auto;
}

.page-static-report-abuse .static-narrow p,
.page-static-report-abuse .static-narrow li {
    text-align: justify;
}

.page-static-report-abuse .static-narrow .center {
    text-align: center;
}


/* =========================================================
   REPORT ABUSE — FORM BOX
   ========================================================= */

.page-static-report-abuse .static-box {
    margin: 40px auto;
    padding: 30px;
    border-radius: 18px;
    background: #fdf2ff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}


/* =========================================================
   REPORT ABUSE — COMPLAINT POLICY LIST
   ========================================================= */

.page-static-report-abuse .policy-list {
    margin: 30px auto;
    padding-left: 24px;
}

.page-static-report-abuse .policy-list > li {
    margin-bottom: 18px;
}







/* =========================================================
   REPORT VIDEO / ALBUM — SUCCESS MESSAGE (match toggle-button)
   ========================================================= */

.block-flagging .success {
    background-color: #ffe6fa !important;
    color: #212121 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0.55rem 1.4rem !important;
    font-family: 'Mulish', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    box-shadow: none !important;
    margin: 10px 0 !important;
}

/* evita eventuali pseudo-elementi "alert" */
.block-flagging .success:before,
.block-flagging .success:after {
    display: none !important;
}












/* =========================================================
   MODELS APPLY — CENTERED LAYOUT
   ========================================================= */

.models-apply-page {
    max-width: 900px;
    margin: 0 auto;          /* <-- QUESTO è il centro vero */
    padding: 40px 20px;
}

.models-apply-page h1,
.models-apply-page .intro {
    text-align: center;
}

.models-apply-page ul,
.models-apply-page ol {
    margin: 15px auto 25px;
    padding-left: 20px;
}

.models-apply-form {
    max-width: 600px;
    margin: 0 auto;
}

.models-apply-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;   /* <-- QUESTA */
}





.deal-badge-bottom {
    text-transform: uppercase;
}