/* General critics pages (critics/moviecriticszone.asp, critics/moviereviews.asp and seriesreviews.asp list views). cr- = review list, cz- = critics zone. */
/* ---- review list items (movie / series) ---- */
.cr-item{margin:0 0 18px !important;padding:18px !important;min-height:0 !important;border:1px solid #dfe8e2 !important;border-radius:14px;background:#fff;box-shadow:0 1px 4px rgba(20,41,31,.05);direction:rtl}
.cr-item:hover{border-color:#9fd4b8;box-shadow:0 4px 16px rgba(7,154,92,.12)}
.cr-item > div{display:grid !important;grid-template-columns:190px minmax(0,1fr);grid-template-areas:"poster text" "poster more";gap:6px 22px;width:100% !important;margin:0 !important}
.cr-item > div > .posterDsp{grid-area:poster;width:auto !important;margin:0 !important;display:block !important}
.cr-item > div > .posterDsp img{width:100% !important;height:auto !important;border-radius:10px;display:block}
.cr-item > div > .textgreymain{grid-area:text;width:auto !important;display:block !important;text-align:right !important;font-size:17px;line-height:1.7}
.cr-item > div > .text{grid-area:more;align-self:end;text-align:right}
.cr-item .vspace1,.cr-item .vspace10,.cr-item .vspace15{display:none}
.cr-item .TitGreen20{font-size:26px !important;font-weight:800;line-height:1.3}
.cr-item .textGray12{display:inline-block;margin-right:8px;padding:2px 12px;border-radius:999px;background:#eef3f0;color:#05714a !important;font-size:15px !important}
.cr-item .critic-avatar{display:inline-block !important;vertical-align:middle;margin-left:10px}
.cr-item > div > .text a{display:inline-block;padding:8px 20px;border-radius:999px;background:#079a5c;color:#fff !important;font-size:16px;font-weight:700;text-decoration:none}
.cr-item > div > .text a:hover{background:#05714a}
/* ---- compact rows (lists of reviews per genre / year) ---- */
.cr-row{display:flex !important;align-items:center;gap:14px;width:100% !important;box-sizing:border-box;margin:0 0 8px;padding:12px 18px !important;border:1px solid #e1ece5 !important;border-radius:12px;background:#fff}
.cr-row:hover{border-color:#9fd4b8;background:#f6fbf8}
.cr-row > span{display:block !important;width:auto !important}
.cr-row > span:first-child{flex:1 1 40%;min-width:0}
.cr-row > span:nth-child(2){display:none !important}
.cr-row > span:nth-child(3){flex:1 1 36%;min-width:0;direction:ltr;text-align:left}
.cr-row > span:nth-child(4){flex:0 0 auto}
.cr-row > span:nth-child(5){flex:0 0 70px;text-align:left;color:#5d7066}
.cr-row a.fgr16b{font-size:19px !important;font-weight:700}
.cr-row a.fg16{font-size:16px !important;color:#5d7066 !important}
/* ---- critics zone ---- */
.cz-page .titdiv{border-bottom:3px solid #079a5c;margin:6px 0 14px}
.cz-page .titdiv .titgreen{font-size:26px !important;font-weight:800 !important;color:#05714a}
.cz-latest{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cz-latest > :not(.picAndDataCont){display:none !important}
.cz-latest .picAndDataCont{float:none !important;width:auto !important;margin:0 !important;display:flex;flex-direction:column;border:1px solid #dfe8e2;border-radius:14px;overflow:hidden;background:#fff}
.cz-latest .picAndDataCont:hover{border-color:#9fd4b8;box-shadow:0 4px 16px rgba(7,154,92,.14)}
.cz-latest .picAndDataCont img{width:100% !important;height:auto !important;border-radius:0 !important;display:block}
.cz-latest .picAndDataCont > div:last-child{flex:1 1 auto;background:#fff !important;padding:6px 8px 10px;text-align:center}
.cz-latest .TitOrange16{font-size:20px !important;font-weight:800}
.cz-latest .TitGreen16{font-size:17px !important}
.cz-latest .bt_rounded{padding:8px 20px !important;border:0 !important;border-radius:999px !important;background:#079a5c !important;color:#fff !important;font-size:16px !important;font-weight:700;text-decoration:none}
.cz-latest .bt_rounded:hover{background:#05714a !important}
.cz-latest .roundedges{border-radius:999px !important;width:auto !important;display:inline-block;padding:3px 16px !important;background:#eef3f0;border:0 !important;color:#05714a !important}
.cz-users{min-height:0 !important}
.cz-users > div[style*="border-bottom"]{width:auto !important;margin:0 0 12px !important;padding:16px 18px !important;border:1px solid #e1ece5 !important;border-radius:12px;background:#fff;box-sizing:border-box;font-size:17px}
.cz-active{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;min-height:0 !important}
.cz-active > div{display:block !important;width:auto !important;margin:0 !important;border:1px solid #dfe8e2;border-radius:14px;overflow:hidden;background:#fff}
.cz-active > div > div{height:auto !important;padding-bottom:10px}
.cz-active img{display:block;width:100% !important;height:auto !important}
@media (max-width:900px){.cz-latest{grid-template-columns:repeat(2,minmax(0,1fr))}.cz-active{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.cr-item > div{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "poster" "more"}.cr-item > div > .posterDsp{max-width:220px}}

/* zone: the two "top ten" buttons as normal pill buttons */
.cz-page > .relative{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cz-page > .relative > a.bt_rounded{position:static !important;margin:0 !important;padding:7px 20px !important;border:0 !important;border-radius:999px !important;background:#079a5c !important;color:#fff !important;font-size:15px !important;font-weight:700 !important;line-height:1.3;text-decoration:none;order:2}
.cz-page > .relative > a.bt_rounded:hover{background:#05714a !important}
.cz-page .titdiv .titgreen{display:flex !important;align-items:center;justify-content:space-between;gap:12px;width:100%}
.cz-page .titdiv a.bt_rounded{float:none !important;order:2;margin:0 !important;padding:7px 20px !important;border:0 !important;border-radius:999px !important;background:#079a5c !important;color:#fff !important;font-size:15px !important;font-weight:700 !important;line-height:1.3;text-decoration:none;white-space:nowrap}
.cz-page .titdiv a.bt_rounded:hover{background:#05714a !important}