/* ==UserStyle==
@name        Stream - Tolbek + Clones Widescreen + TMDB v.1 
@namespace   https://greasyfork.org/en/users/8-decembre 
@version      1.00
@author      decembre 
@description Adaptation de 
<a href="https://userstyles.org/styles/170956/stream-tolbek-clones-widescreen-v-49">Stream - Tolbek + Clones Widescreen</a>
Pour :
<a href="https://greasyfork.org/fr/scripts/463692-remplacer-div-par-card-et-ajouter-posters-sur-les-site-de-streaming">Remplacer div par card et ajouter posters sur les site de streaming [GreasyFork]</a>
Celui-ci remplace les Titres des Films proposés par des cards et ajoute les posters depuis l'API The Movie Database.
@license       GPL version 3 or any later version; 

@downloadURL none
==/UserStyle== */

@-moz-document domain("tomacloud.com"), domain("toblek.com"), domain("galtro.com"), domain("wobno.com"), domain("yisera.com"), domain("limpod.com"), domain("tamdor.com"), domain("bofiaz.com"), domain("radego.com"), domain("trozam.com"), domain("abiov.com"), domain("crebya.com"), domain("ivmox.com"), domain("botidou.com"), domain("urmoon.com"), domain("datzio.com"), domain("rawdid.com"), domain("bonoov.com"), domain("zetmir.com"), domain("xoperi.com"), domain("yisera.com"), domain("jomvu.com"), domain("diagrim.com"), domain("nirbom.com"), domain("remenz.com"), domain("filriv.com"), domain("gopzay.com"), domain("fervap.com"), domain("eyobim.com"), domain("jexoom.com"), domain("rodroz.com"), domain("xepam.com"), domain("motezi.com"), domain("peralga.com"), domain("nimvon.com"), domain("treyim.com"), domain("wanveo.com"), domain("kanmav.com"), domain("sajbo.com"), domain("xitof.com"), domain("vavozi.com"), domain("mindooz.com"), domain("afzor.com"), domain("bipvo.com"), domain("sowdrip.com"), domain("yapeol.com"), domain("nidoron.com"), domain("apolma.com"), domain("irumax.com"), domain("dolbri.com"), domain("mirvoy.com"), domain("parmiv.com"), domain("kapmop.com"), domain("vitmox.com"), domain("binmir.com"), domain("dirmox.com"), domain("irdoz.com"), domain("avtod.com"), domain("zinbax.com"), domain("treyim.com"), domain("sajbo.com"), domain("komiav.com"), domain("lozicon.com"), domain("tiwzen.com"), domain("xevdaz.com"), domain("zadiro.com"), domain("uquaz.com"), domain("lakmoa.com"), domain("yeswani.com"), domain("moyeor.com"), domain("trobway.com"), domain("pifdi.com"), domain("barlox.com"), domain("kempox.com"), domain("ditroz.com"), domain("fovri.com"), domain("rotwi.com"), domain("nidroy.com"), domain("dadroz.com"), domain("abdov.com"), domain("omyfo.com"), domain("wonior.com"), domain("druvaz.com"), domain("clavior.com"), domain("epiog.com"), domain("piopar.com"), domain("sivtez.com"), domain("zidixo.com"), domain("bovmi.com"), domain("tratov.com"), domain("vagdi.com"), domain("zawox.com"), domain("grizox.com"), domain("mildip.com"), domain("zavrol.com"), domain("okvop.com"), domain("pilmov.com"), domain("obniv.com"), domain("wavob.com"), domain("extrabb.com"), domain("bambip.com"), domain("pijpa.com"), domain("ovtok.com"), domain("ivrom.com"), domain("waklov.com"), domain("redzor.com"), domain("dibrav.com"), domain("flazto.com"), domain("bovrom.com"), domain("davrip.com"), domain("framib.com"), domain("difiam.com"), domain("ridzov.com"), domain("netdov.com"), domain("flozor.com"), domain("choupox.com"), domain("framib.com"), domain("evdod.com"), domain("badrip.com"), domain("poblom.com"), domain("zaniob.com"), domain("sardip.com"), domain("rigrov.com"), domain("justdaz.com"), domain("voplav.com"), domain("vadraz.com"), domain("saypap.com"), domain("sabtam.com"), domain("grebak.com"), domain("brikstok.com"), domain("tivrod.com"), domain("takpok.com"), domain("nofza.com"), domain("zifub.com"), domain("katrov.com"), domain("dokral.com"), domain("rikmod.com"), domain("tobrok.com"), domain("naxpom.com"), domain("grogab.com"), domain("nopliv.com"), domain("votrob.com"), domain("redziv.com"), domain("tiblor.com"), domain("brorov.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com"), domain("yisera.com") {


/* FOR GM "Remplacer div par card et ajouter posters sur les site de streaming" by matt1x (2023):
https://greasyfork.org/fr/scripts/463692-remplacer-div-par-card-et-ajouter-posters-sur-les-site-de-streaming
<a href="https://greasyfork.org/fr/scripts/463692-remplacer-div-par-card-et-ajouter-posters-sur-les-site-de-streaming">Remplacer div par card et ajouter posters sur les site de streaming</a>
=== */
/* 0- Stream - Tolbek + Clones Widescreen TMDB v.1 (new1) - TEST   ==== */

/* REQUEST API KEY TMDB:
<a href="https://stackoverflow.com/questions/31047815/api-key-for-themoviedb-org">API key for themoviedb.org</a>
====== */

/*  SUPP LEFT PANEl */
.column1 + .column2 {
    display: none  !important;
}

/* WIDE RIGHT PANEL */
.column1 {
    display: inline-block !important;
    float: none  !important;
    width: 100% !important;
    padding: 5px !important;
/* border: 1px solid red !important; */
}


/* MOVIES CARDS */
.movie-card {
    float: left !important;
    vertical-align: top;
    width: 100% !important;
    min-width: 10.75% !important;
    max-width: 10.75% !important;
    height: 32.5vh !important;
    margin: 0 4px 4px 0 !important;
    padding: 3px !important;
    border-radius: 5px;
    text-align: center;
    transition: transform 0.3s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #fff;
border: 1px solid #ccc;
background: #222 !important;
/* border: 1px solid red !important; */
}


/* (new50) MOVIE CARD - VISITED */
.movie-card a .movie-poster {
border: 1px solid #333 !important; 
}
.movie-card a:visited .movie-poster {
border: 1px solid green !important; 
}
.movie-card a:visited .movie-info h3 {
color: tomato !important;
}

.movie-card:hover {
    transform: translateY(-5px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.movie-poster {
    position: relative;
    width: 100%;
    height: 23vh !important;
    border-radius: 5px;
    overflow: hidden;
/* border: 1px solid aqua  !important; */
}
.movie-poster img {
    display: block;
    height: 100% !important;
    width: 100%;
    transition: transform 0.3s ease 0s;
    object-fit: contain !important;
}

.movie-info {
    float: left !important;
    height: 6vh !important;
    width: 100% !important;
    margin: 5px 0 0 0 !important;
/* border: 1px solid red !important; */
}
.movie-info h3 {
    float: left !important;
    clear: none  !important;
    width: 100% !important;
    height: 6vh !important;
    line-height: 0.9rem !important;
    margin: 0 0 2px 0 !important;
    font-size: 0.8rem !important;
    font-weight: bold;
color: #000000;
color: peru !important;
}
.movie-info p {
   float: left !important;
    margin: 0;
    font-size: 14px;
color: #777;
}

/* (new50) MOVIE CARD - FIRST */
.movie-card:first-of-type {
    float: left !important;
    vertical-align: top;
    width: 100% !important;
    min-width: 42.50% !important;
    max-width: 42.50% !important;
    height: 32.5vh !important;
    margin: 0 16px 4px 10px !important;
    padding: 3px !important;
    border-radius: 5px;
    text-align: center;
    transition: transform 0.3s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #fff;
border: 1px solid #ccc;
background: #222 !important;
background: #111 !important;
/* border: 1px solid red !important; */
}
.movie-card:first-of-type .movie-poster {
    position: relative;
    float: left !important;
    clear: none !important;
    width: 49% !important;
    height: 31.5vh !important;
    padding: 10px !important;
    border-radius: 5px;
    overflow: hidden;
/* border: 1px solid aqua  !important; */
}
.movie-card:first-of-type .movie-poster img {
    display: block;
    height: 100% !important;
    width: 100%;
    transition: transform 0.3s ease 0s;
    object-fit: contain !important;
}

.movie-card:first-of-type .movie-info {
    float: right !important;
    clear: none !important;
    height: 18vh !important;
    width: 50% !important;
    margin: 9vh 0 0 0 !important;
/* border: 1px solid red !important; */
}
.movie-card:first-of-type .movie-info h3 {
    display: inline-block !important;
    float: left !important;
    clear: none  !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 18vh !important;
    line-height: 2rem !important;
    margin: 0 0 2px 0 !important;
    font-size: 2rem !important;
    font-weight: bold;
color: #000000;
color: peru !important;
}
.movie-card:first-of-type .movie-info p {
   float: left !important;
    margin: 0;
    font-size: 14px;
color: #777;
}


/* IN PLAYER PAGE */

.column1 > p:first-of-type ~ p[style^="text-align: "] + p[style^="text-align: left;"] + p + p, .article-content > p:first-of-type ~ p {
    display: inline-block;
    float: left;
    clear: none;
    width: 51.4% !important;
    max-height: 323px;
    min-height: 323px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0;
/* border: 1px solid yellow !important; */
}
br + #dernieajouts.couleur1 {
    display: inline-block;
    height: 40vh !important;
    margin-top: 0px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    transition-duration: 2s;
}

/* MOVIES CARDSIN PLAYER PAGE */
br + #dernieajouts.couleur1 .movie-card {
    float: left !important;
    vertical-align: top;
    width: 100% !important;
    min-width: 6.3% !important;
    max-width: 6.3% !important;
    height: 23vh !important;
    margin: 0 6px 4px 0 !important;
    padding: 3px !important;
    border-radius: 5px;
    text-align: center;
    transition: transform 0.3s ease 0s;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #fff;
border: 1px solid #ccc;
/* border: 1px solid red !important; */
}
#dernieajouts.couleur1  .movie-card:hover {
    transform: translateY(0px) !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

br + #dernieajouts.couleur1 .movie-poster {
    position: relative;
    width: 100% !important;
    height: 14vh !important;
    padding: 0 !important;
    border-radius: 5px;
    overflow: hidden;
/* border: 1px solid aqua  !important; */
}
br + #dernieajouts.couleur1  .movie-card .movie-poster img {
    display: block;
    height: 100% !important;
    width: 100%;
    transition: transform 0.3s ease 0s;
    object-fit: contain !important;
}

br + #dernieajouts.couleur1  .movie-card .movie-info {
    float: left !important;
    height: 6vh !important;
    width: 100% !important;
    margin: 5px 0 0 0 !important;
/* border: 1px solid red !important; */
}
br + #dernieajouts.couleur1  .movie-card .movie-info h3 {
    float: left !important;
    clear: none  !important;
    width: 100% !important;
    height: 6vh !important;
    line-height: 0.9rem !important;
    margin: 0 0 2px 0 !important;
    font-size: 0.75rem !important;
    font-weight: bold;
color: #000000;
}
br + #dernieajouts.couleur1  .movie-card .movie-info p {
    float: left !important;
    margin: 0;
    font-size: 0.7rem !important;
color: #777;
}

/* === END  ==== */
}