/* style-templates.css: the rules that used to be <style> blocks in the templates
   (CSP chantier, lot 4). Per-page values arrive as custom properties printed under
   the page nonce by cw_inline_style(); every rule here is static. */

/* Theme and line pages (taxonomy-lines.php): the theme's colour, main.cw-line-colored;
   the root theme's colour, main.cw-root-colored, printed after so that it wins. */
body.lightClass main.cw-line-colored .title-separator,
body.lightClass main.cw-line-colored .video-button {background-color: var(--cw-line-color) !important;}
body.darkClass main.cw-line-colored .video-button {background-color: #343A40 !important;}
body.lightClass main.cw-line-colored .line-banner {background: var(--cw-line-color) !important;}
body.darkClass main.cw-line-colored .line-banner {background: #15171a !important;}
body.lightClass main.cw-line-colored .table-line-infos-cell-right .title,
body.lightClass main.cw-line-colored sup,
body.lightClass main.cw-line-colored .subline-list li a:before,
body.lightClass main.cw-line-colored span.readMore,
body.lightClass main.cw-line-colored span.readLess,
body.lightClass main.cw-line-colored .sub-title,
body.lightClass main.cw-line-colored .char-list a:hover,
body.lightClass main.cw-line-colored .char-list li:last-child a {color: var(--cw-line-color) !important;}
body.lightClass main.cw-line-colored .title-utils a,
body.lightClass main.cw-line-colored .viewall {background-color: var(--cw-line-color) !important;}
body.lightClass main.cw-line-colored .cw-line-thumb {background-color: var(--cw-line-color);}
body.lightClass main.cw-line-colored .cw-line-row:hover .cw-line-name {color: var(--cw-line-color);}
body.lightClass main.cw-line-colored .title-utils a:hover,
body.lightClass main.cw-line-colored .viewall:hover {background-color: var(--cw-line-color-dark) !important;}
body.lightClass main.cw-line-colored .table-line-infos-cell-left .video-button-novideo {background-color: var(--cw-line-color-dark) !important;}
body.lightClass main.cw-root-colored .title-separator,
body.lightClass main.cw-root-colored .video-button {background-color: var(--cw-root-color) !important;}
body.lightClass main.cw-root-colored .line-banner {background: var(--cw-root-color) !important;}
body.darkClass main.cw-root-colored .line-banner {background: #15171a !important;}
body.lightClass main.cw-root-colored .table-line-infos-cell-right .title,
body.lightClass main.cw-root-colored sup,
body.lightClass main.cw-root-colored .subline-list li a:before,
body.lightClass main.cw-root-colored span.readMore,
body.lightClass main.cw-root-colored span.readLess,
body.lightClass main.cw-root-colored .sub-title,
body.lightClass main.cw-root-colored .char-list a:hover,
body.lightClass main.cw-root-colored .char-list li:last-child a {color: var(--cw-root-color) !important;}
body.lightClass main.cw-root-colored .title-utils a,
body.lightClass main.cw-root-colored .viewall {background-color: var(--cw-root-color) !important;}
main.cw-show-banner .line-banner {display: block;}
@media (min-width: 1px) and (max-width: 767px) {
    .subline-detpage-head.cw-no-toys {padding-bottom: 0 !important;}
}

/* Sidebar logo and title band: --cw-aside-color / --cw-aside-dark / --cw-aside-image
   (theme pages, single pages, platform pages) and --cw-title-color / --cw-title-dark
   (single pages); without them, the defaults of style.css. */
body.lightClass .aside-logo {background: var(--cw-aside-color, transparent) var(--cw-aside-image, none) center right no-repeat;}
body.darkClass .aside-logo {background: var(--cw-aside-dark, transparent) var(--cw-aside-image, none) center right no-repeat;}
body.lightClass .title-toy-container {background: var(--cw-title-color, #21252A) url('images/bg-overlay-white.png') left center repeat-x;}
body.darkClass .title-toy-container {background: var(--cw-title-dark, #15181c) url('images/bg-overlay-white.png') left center repeat-x;}

/* Cards of themes.php, homepage.php, author.php and the connected themes: the
   background image is an <img> instead of a per-card ::after rule. */
.cw-entry-bg {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.1;z-index: 0;-webkit-filter: grayscale(1);filter: grayscale(1);pointer-events: none;}
.entry-lines.cw-card {position: relative;overflow: hidden;}
body.lightClass .cw-card-colored {background-color: var(--cw-card-color) !important;}

/* Visitors' "add" link of the single pages: its label after the icon. */
.cw-addb-label .addb-guest::after {content: ' ' attr(data-label);font-size: 1rem;}

/* Brand and platform pages: the sidebar menu's first level is a heading, not a link. */
body.tax-brands .parent-sidebar-menu > li > a,
body.tax-platform .parent-sidebar-menu > li > a {display: none;}

/* Single toy: the first entry of the sidebar widget. */
body.single-toys .advanced_sidebar_menu_category-2-wrap .cat-item a:first-of-type {display: none;}

/* TV and anime: seasons of more than ten episodes, shown ten at a time by app.js. */
.cw-episodes-paged > li {display: none;}

/* Member page: the active tab of the menus. */
body.cw-view-dashboard.lightClass .footer-mob .nav-cell-dashboard img {border: 3px solid #4672D6;}
body.cw-view-dashboard.darkClass .footer-mob .nav-cell-dashboard img {border: 3px solid #FFFFFF;}
body.cw-view-collection .cw-sidebar-member-menu li.simple.menu-collection a i {color: #4672D6;}
body.cw-view-collection.lightClass .footer-mob .nav-cell-collection i {color: #4672D6;}
body.cw-view-collection.darkClass .footer-mob .nav-cell-collection i {color: #FFFFFF;}
body.cw-view-favorites.lightClass .footer-mob .nav-cell-favorites i {color: #4672D6;}
body.cw-view-favorites.darkClass .footer-mob .nav-cell-favorites i {color: #FFFFFF;}
body.cw-view-contribute.lightClass .footer-mob .nav-cell-contribute i {color: #4672D6;}
body.cw-view-contribute.darkClass .footer-mob .nav-cell-contribute i {color: #FFFFFF;}
body.cw-view-reviews.lightClass .footer-mob .nav-cell-reviews i {color: #4672D6;}
body.cw-view-reviews.darkClass .footer-mob .nav-cell-reviews i {color: #FFFFFF;}

/* News entry (single.php). */
body.single-post .two-col-table-cell {border-right: 0 solid #F1F3F5;border-left: 0 solid #F1F3F5;}
body.single-post .two-col-table-sidebar {background: transparent url('images/sidebar-border.png') top right repeat-y !important;}
body.single-post .pswp__bg {background-color: #fff !important;}
/* Member review: its author's header. */
body.cw-members-review .profile-head {padding: 30px 50px;}
body.cw-members-review .wc-up-social-links-alt {padding-top: 4px;}
body.cw-members-review .wc-up-social-links-alt li {margin-right: 6px;display: inline-block;}
body.cw-members-review .wc-up-social-links-alt li a {font-size: 1.4em;color: #fff;}
body.cw-members-review .wc-up-social-links-alt li a:hover {color: #4672D6;}
@media (min-width: 1px) and (max-width: 767px) {
    body.cw-members-review .profile-head {padding: 30px 30px;}
}
/* Member review: the Masonry photo grid (.darkclass kept as it was, lower case). */
body.single-post .grid {margin: 0 40px;padding-bottom: 10px;}
body.single-post .grid-sizer,
body.single-post .grid-item {width: 33.33%;padding-bottom: 20px;}
body.single-post .grid-item a {display: block;margin: 0 10px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.05);position: relative;text-decoration: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;background-color: #E9ECEF;overflow: hidden;}
body.single-post .grid-item a:after {content: '\f320';font-family: 'Font Awesome 5 Pro';color: #495057;font-size: 3em;position: absolute;width: 100%;text-align: center;top: 50%;transform: perspective(1px) translateY(-50%);opacity: 0;-webkit-transition: .2s;transition: .2s;}
body.single-post .grid-item a:hover:after {opacity: 1;-webkit-transition: .2s;transition: .2s;}
body.single-post .grid-item a img {width: 100%;display: block;opacity: 1;-webkit-transition: .2s;transition: .2s;}
body.single-post .grid-item a:hover img {opacity: .2;-webkit-transition: .2s;transition: .2s;}
body.single-post.darkclass .grid-item a {background-color: #343A40;}
body.single-post.darkclass .grid-item a:after {color: #FFF;}
body.single-post.darkclass .grid-item a:hover img {opacity: .4;-webkit-transition: .4s;transition: .4s;}
@media (min-width: 1px) and (max-width: 767px) {
    body.single-post .grid {margin: 0 20px;padding-bottom: 10px;}
    body.single-post .grid-item {width: 100%;}
}

/* Responsive video wrappers (js/jquery.fitvids.js used to inject these). */
.fluid-width-video-wrapper {width: 100%;position: relative;padding: 0;}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Homepage: the rotating theme cards (templates/homepage.php). */
.home-lines-v2 { --hover-duration: 300ms; } .home-lines-v2-items { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; gap: 0; } .home-lines-v2-items > li { position: relative; min-width: 0; margin: 0; padding: 0; list-style: none; } .home-lines-v2-slot::before, .home-lines-v2-cta::before { content: ""; display: block; padding-top: 66.6667%; } .home-lines-v2-slot, .home-lines-v2-cta { position: relative; overflow: hidden; isolation: isolate; } .home-lines-v2-layer { position: absolute; inset: 0; opacity: 0; display: block; pointer-events: none; z-index: 1; } .home-lines-v2-layer.is-active { opacity: 1; pointer-events: auto; z-index: 2; } .home-lines-v2-card, .home-lines-v2-cta-card { position: absolute; inset: 0; overflow: hidden; isolation: isolate; } .home-lines-v2-card-link, .home-lines-v2-cta-card a { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative; z-index: 4; } .home-lines-v2-card-bg { position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: .10; filter: grayscale(1); z-index: 0; pointer-events: none; } .home-lines-v2-card::before, .home-lines-v2-cta-card::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.14); z-index: 1; pointer-events: none; transition: background var(--hover-duration) ease; } .home-lines-v2-card .entry-img, .home-lines-v2-cta-card .entry-img { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; padding: 7%; } .home-lines-v2-card .entry-img img, .home-lines-v2-cta-card .entry-img img { display: block; width: 100%; height: 100%; object-fit: contain; transform: scale(1); transition: transform var(--hover-duration) ease; } .home-lines-v2-card .entry-infos, .home-lines-v2-cta-card .entry-infos { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; text-align: center; padding: 0 10px 10px; box-sizing: border-box; pointer-events: none; } .home-lines-v2-card .entry-title, .home-lines-v2-cta-card .entry-title { display: block; margin: 0; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 1.4px; font-size: 10px; line-height: 1.2; } .home-lines-v2-slot:hover .home-lines-v2-card::before { background: rgba(0,0,0,.22); } .home-lines-v2-slot:hover .home-lines-v2-card .entry-img img { transform: scale(1.04); } .home-lines-v2-cta-card { background-color: #4672D6; transition: background-color var(--hover-duration) ease; } .home-lines-v2-cta:hover .home-lines-v2-cta-card { background-color: #3256A0; } .home-lines-v2-cta .entry-img img { transition: transform 400ms ease; } .home-lines-v2-cta:hover .entry-img img { transform: rotate(180deg); } @media (min-width: 1px) and (max-width: 767px) { .home-lines-v2-items { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-lines-v2-items > li:nth-child(14) { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .home-lines-v2-items { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-lines-v2-items > li:nth-child(12), .home-lines-v2-items > li:nth-child(13), .home-lines-v2-items > li:nth-child(14) { display: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .home-lines-v2-items { grid-template-columns: repeat(4, minmax(0, 1fr)); } .home-lines-v2-items > li:nth-child(12), .home-lines-v2-items > li:nth-child(13), .home-lines-v2-items > li:nth-child(14) { display: none; } }