/****************************** ICONS INTEGRATION SVG FROM GAME-ICONS.NET TO CSS ******************************/

:root {
    --cocci-icon-width: 25px;
    --cocci-icon-height: 25px;
}

/****************************** CSS Photoswipe ******************************/

.pswp__button--arrow--right::before {
    background: url("../assets/images/next-button.svg") no-repeat !important;
    filter: invert(100%);
}
.pswp__button--arrow--left::before {
    background: url("../assets/images/previous-button.svg") no-repeat !important;
    filter: invert(100%);
}
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
    filter: brightness(0) saturate(100%) invert(27%) sepia(77%) saturate(3299%) hue-rotate(340deg)
        brightness(81%) contrast(99%) !important;
    color: var(--cocci-link-color);
}

/* Return to top */
.coccinelles-icon-scrolltt {
    background: url("../assets/images/orb-direction.svg") no-repeat;
    background-size: 45px 45px;
    background-position: 2px center !important;
    min-width: 50px !important;
    min-height: 50px !important;
}

.coccinelles-icon {
    /* Orange icones */
    display: inline-block !important;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    margin: 2px 3px 0px 0px !important;
    display: block;
    background-position: 0px center !important;
}

/* Alignement des icônes du menu principal+dropdown */
.coccinelles-icon-menu {
    background-position: 6px 50% !important;
    text-indent: calc(var(--cocci-icon-width) + 4px);
}

.coccinelles-icon-duree {
    background: url("../assets/images/duration.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 2px center !important;
    min-width: 25px !important;
    min-height: 25px !important;
}
.coccinelles-icon-nb-joueurs-min {
    background: url("../assets/images/person.svg") no-repeat;
    background-size: 22px 32px;
    background-position: 3px center !important;
    min-height: 30px;
    min-width: 18px !important;
}
.coccinelles-icon-nb-joueurs-max {
    background: url("../assets/images/human-pyramid.svg") no-repeat;
    background-position: 0px center !important;
    min-height: 30px !important;
    min-width: 25px !important;
    margin-top: 1px !important;
}
.coccinelles-icon-apartirde {
    background: url("../assets/images/ages.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 0px center;
    min-width: 30px !important;
    min-height: 30px !important;
    margin-bottom: 3px;
}
.coccinelles-icon-categories {
    background: url("../assets/images/checkbox-tree.svg") no-repeat;
    background-width: 30px;
    min-height: 30px;
    margin-right: 7px;
    display: inline-block;
    line-height: 30px;
    text-indent: 34px;
}
.coccinelles-icon-filters-categories {
    width: 35px;
    background: url("../assets/images/checkbox-tree.svg") no-repeat;
    background-width: var(--cocci-icon-width);
    background-position: 0px center;
    min-height: 30px;
    margin-right: 5px;
    display: inline-block;
    line-height: 30px;
    text-indent: 32px;
    color: #fff;
}
.coccinelles-icon-auteur {
    background: url("../assets/images/inspiration.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 0px center;
    margin-right: 5px;
    display: inline-block;
    text-indent: 32px;
    line-height: 28px;
    filter: none;
}
.coccinelles-auteur {
    margin-top: 15px !important;
}
.coccinelles-icon-illustrateur {
    background: url("../assets/images/pencil-brush.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 5px center;
    margin-right: 5px;
    display: inline-block;
    text-indent: 32px;
    line-height: 28px;
    filter: none;
}

.coccinelles-icon-coupdecoeur {
    display: inline-block;
    background: url("../assets/images/coupdecoeur.png") no-repeat;
    background-size: 30px 30px;
    min-width: 35px;
    min-height: 35px;
    margin: 0px 3px 3px 5px !important;
}
.coccinelles-wishlist {
    text-indent: 25px;
    background-position: 0px center;
    background-size: 20px 20px;
    font-size: 12px;
    color: var(--cocci-wishlist-color);
}

.coccinelles-icon-wishlist {
    background: url("../assets/images/love-mystery.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

.coccinelles-icon-rules {
    display: inline-block;
    background: url("../assets/images/read.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    line-height: 30px;
    margin: 5px 5px 0px 0px;
    line-height: 32px;
    text-indent: 37px;
    color: var(--cocci-text-color);
    font-size: 18px;
}

.coccinelles-icon-info {
    display: inline-block;
    /* background: url('../assets/images/info.svg') no-repeat; */
    background: url("../assets/images/information.svg") no-repeat;
    background-position: 4px center;
    background-size: 30px 30px;
    text-indent: 35px;
    padding: 5px;
}

.coccinelles-icon-filters-header-search {
    display: inline-block;
    background: url("../assets/images/card-pick.svg") no-repeat;
    background-position: 3px center;
    background-size: 32px 32px;
    text-indent: 35px;
    padding: 5px;
}

.coccinelles-icon-cart {
    background-color: var(--cocci-button-background);
    background: url("../assets/images/basket.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 5px center !important;
    width: calc(var(--cocci-icon-width) + 5px) !important;
    height: calc(var(--cocci-icon-height) + 5px) !important;
    text-indent: var(--cocci-icon-width);
    filter: none !important;
}
button.coccinelles-icon-cart {
}

.coccinelles_add_to_cart_icon {
    display: inline-block;
    background: url("../assets/images/basket.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 5px center !important;
    text-indent: var(--cocci-icon-width);
    filter: none !important;
}

#header .coccinelles-icon-cart:hover {
    color: var(--theme-palette-color-2);
}

.coccinelles-icon-account {
    align-content: center;
    display: inline-block;
    cursor: pointer;
    float: right !important;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 5px center !important;
    text-indent: calc(var(--cocci-icon-width) + 4px);
    margin: 4px;
    color: var(--theme-palette-color-3);
    font-size: 14px;
    filter: none !important;
    margin-left: 8px !important;
}

.coccinelles-account-logged-in {
    background: url("../assets/images/player-base-in.svg") no-repeat;
    color: var(--theme-palette-color-5);
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    background-position: 5px center !important;
    text-indent: calc(var(--cocci-icon-width) + 4px);
}

.coccinelles-account-logged-out {
    background: url("../assets/images/player-base.svg") no-repeat;
}

.coccinelles-icon-account:hover {
    /* filter: brightness(0) saturate(100%) invert(30%) sepia(96%) saturate(1833%) hue-rotate(210deg) brightness(100%) contrast(96%); */
    color: var(--theme-palette-color-2);
}

.coccinelles-icon-search {
    display: inline-block;
    background: url("../assets/images/magnifying-glass.svg") no-repeat;
    width: 22px;
    height: 24px;
    cursor: pointer !important;
}
.coccinelles-icon-menu-search::placeholder {
    opacity: 0.8;
}
/* .coccinelles-icon-menu-search { */
/*     display: inline-block; */
/*     background: url('../assets/images/magnifying-glass.svg') no-repeat; */
/*     background-size: var(--cocci-icon-width) var(--cocci-icon-height); */
/*     text-indent: 25px; */
/*     height: 30px; */
/*     width: 30px; */
/*     padding: 5px; */
/*     margin-right: 5px !important; */
/*     cursor: pointer !important; */
/* } */
/* .coccinelles-icon-menu-search:hover { */
/*     color: var(--paletteColor1); */
/*     filter: brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(3520%) hue-rotate(343deg) brightness(84%) contrast(92%) !important; */
/* } */

.coccinelles-icon-backlink {
    display: table-cell !important;
    vertical-align: text-bottom !important;
    background: url("../assets/images/sideswipe.svg") no-repeat;
    background-size: 25px 25px;
    height: 25px;
    line-height: 25px;
    text-indent: 27px;
}

.coccinelles-icon-nothing-found {
    display: inline-block !important;
    vertical-align: text-bottom !important;
    background: url("../assets/images/shrug.svg") no-repeat;
    background-size: 35px 35px;
    height: 35px;
    line-height: 35px;
    text-indent: 37px;
}

/* .coccinelles-icon-error { */
/*     display: inline-block !important; */
/*     vertical-align: text-bottom !important; */
/*     background: url('../assets/images/hazard-sign.svg') no-repeat; */
/*     background-size: 35px 35px; */
/*     height: 35px; */
/*     line-height: 35px; */
/*     text-indent: 37px; */
/* } */
.coccinelles-icon-loc-confirm-available {
    display: inline-block !important;
    vertical-align: text-bottom !important;
    background: url("../assets/images/check-mark.svg") no-repeat !important;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    height: 30px;
    line-height: 30px;
    text-indent: 32px;
    color: #5b841b;
    background: #c6e1c6;
}

.coccinelles-icon-description {
    display: inline-block !important;
    vertical-align: text-bottom !important;
    background: url("../assets/images/scroll-unfurled.svg") no-repeat;
    background-size: 35px 35px;
    background-position: 3px 4px;
    height: 40px;
    line-height: 32px;
    text-indent: 36px !important;
    font-size: 16px;
    margin-left: 5px !important;
}

.coccinelles-filter-icon {
    width: 40px !important;
    max-width: 40px !important;
}
.coccinelles-icon-subscriber {
    background:
        url("../assets/images/meeple-king.svg") no-repeat,
        var(--cocci-success-background);
    background-size: 40px 30px;
    text-indent: 42px;
    padding: 3px;
}

.coccinelles-icon-newsletter {
    display: inline !important;
    background:
        url("../assets/images/newspaper.svg") no-repeat,
        var(--cocci-success-background);
    background-size: 45px 45px !important;
    text-indent: 47px;
    padding: 5px !important;
    padding-left: 50px !important;
    background-position: 2px center !important;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
    background: url("../assets/images/piggy-bank.svg") no-repeat !important;
    background-size: 35px 35px !important;
    background-position: 15px 15px !important;
    text-indent: 37px;
}

.coccinelles-icon-error {
    background: url("../assets/images/cross-mark.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    text-indent: 32px;
    padding: 3px;
    background-position: 0px center !important;
}

/* MENU PRINCIPAL */
.coccinelles-icon-boutique {
    background: url("../assets/images/meeple.svg") no-repeat;
    /* background: url('../assets/images/board-game.png') no-repeat; */
    /* background: url('../assets/images/board-game-grayscale.png') no-repeat; */
    background-position: 6px center;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    text-indent: 30px;
    padding: 5px;
}
.coccinelles-icon-shop {
    background: url("../assets/images/shop.svg") no-repeat;
    background-position: 6px center;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    text-indent: 30px;
    padding: 5px;
}

.coccinelles-icon-events {
    background: url("../assets/images/calendar.svg") no-repeat;
    background-position: 6px center;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    text-indent: 30px;
    padding: 5px;
}

.coccinelles-icon-location {
    background: url("../assets/images/buy-card.svg") no-repeat;
    background-position: 6px center;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    text-indent: 30px;
    padding: 5px;
}
.coccinelles-icon-contact {
    background: url("../assets/images/path-distance.svg") no-repeat;
    background-position: 6px center;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
    text-indent: 30px;
    padding: 5px;
}

.coccinelles-icon-blog {
    background:
        url("../assets/images/chat-bubble.svg") no-repeat,
        var(--cocci-success-background);
    display: inline !important;
    background-size: 45px 45px !important;
    text-indent: 47px;
    padding: 5px !important;
    padding-left: 50px !important;
    background-position: 2px center !important;
}

/* ETIQUETTES PRODUIT */

.coccinelles-icon-tag {
    display: inline-block !important;
    padding: 5px 5px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    background-position: 3px center !important;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height) !important;
    padding-left: 35px !important;
}

.coccinelles-button-icon-tag {
    display: inline-block !important;
    padding: 5px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    background-position: 3px center !important;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height) !important;
    /* padding-left: 35px !important; */
    text-indent: 35px !important;
}

#woof_html_buffer .coccinelles-icon-tag {
    display: inline-block !important;
    padding: 0px !important;
    text-indent: -35px !important;
    padding-left: 35px !important;
}

.coccinelles-toggle-icon-tag {
    display: inline-block !important;
    padding-left: 35px !important;
    /* padding: 8px !important; */
    min-width: 30px !important;
    min-height: 35px !important;
    height: 35px !important;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height) !important;
    /* background-position: 3px center !important; */
    /* line-height: 2em !important; */
}

/* .coccinelles-icon-tout-petits { */
/*     background: url('../assets/images/baby-face.svg') no-repeat; */
/*     background-size: var(--cocci-icon-width) var(--cocci-icon-height); */
/* } */

.coccinelles-icon-tout-petits {
    background: url("../assets/images/bebe-garcon.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* .coccinelles-icon-tag-tout-petits { */
/*     background: url('../assets/images/baby-face.svg') no-repeat; */
/*     background-size: var(--cocci-icon-width) var(--cocci-icon-height); */
/* } */

.coccinelles-icon-tag-tout-petits {
    background: url("../assets/images/bebe-garcon.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

.coccinelles-icon-enfants {
    background: url("../assets/images/ages.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}
.coccinelles-icon-tag-enfants {
    background: url("../assets/images/ages.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}
.coccinelles-icon-tag-famille,
.coccinelles-icon-famille {
    background: url("../assets/images/minions.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}
.coccinelles-icon-inities,
.coccinelles-icon-tag-inities {
    background: url("../assets/images/progression.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}
.coccinelles-icon-experts,
.coccinelles-icon-tag-experts {
    background: url("../assets/images/meeple-king-experts.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

.coccinelles-icon-tag-jeux-a-deux,
.coccinelles-icon-jeux-a-deux {
    background: url("../assets/images/tabletop-players.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}
.coccinelles-icon-tag-jeux-de-des,
.coccinelles-icon-jeux-de-des {
    background: url("../assets/images/rolling-dices.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}
.coccinelles-icon-tag-coop,
.coccinelles-icon-cooperatif {
    /* background: url('../assets/images/round-table.svg') no-repeat; */
    background: url("../assets/images/team-idea.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Bluff & Rôle secret */
.coccinelles-icon-tag-bluff-role-secret {
    background: url("../assets/images/liar.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Figurines */
.coccinelles-icon-tag-figurines {
    background: url("../assets/images/pikeman.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Deck building */
.coccinelles-icon-tag-deck-building {
    background: url("../assets/images/card-exchange.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Enigmes */
.coccinelles-icon-tag-enigmes {
    background: url("../assets/images/sherlock-holmes.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux abstraits */
.coccinelles-icon-tag-jeux-abstraits {
    /* background: url('../assets/images/chess-board.png') no-repeat; */
    background: url("../assets/images/empty-chessboard.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux d'adresse */
.coccinelles-icon-tag-jeux-dadresse {
    background: url("../assets/images/tightrope.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux d'enchère */
.coccinelles-icon-tag-jeux-dencheres {
    background: url("../assets/images/snatch.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux d'observation */
.coccinelles-icon-tag-jeux-dobservation {
    background: url("../assets/images/spyglass.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux de draft */
.coccinelles-icon-tag-jeux-de-draft {
    background: url("../assets/images/card-draw.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux de mots */
.coccinelles-icon-tag-jeux-de-mots {
    background: url("../assets/images/spell-book.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux de plis */
.coccinelles-icon-tag-jeux-de-plis {
    background: url("../assets/images/poker-hand.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux de course */
.coccinelles-icon-tag-jeux-de-course {
    background: url("../assets/images/black-flag.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Jeux legacy */
.coccinelles-icon-tag-legacy-campagne {
    background: url("../assets/images/field.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/*Créatif/Imaginaire/Narratif */
.coccinelles-icon-tag-creatif-imaginaire-narratif {
    background: url("../assets/images/palette.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/*Jeux primés */
.coccinelles-icon-tag-primes-nomines {
    background: url("../assets/images/laurels-trophy.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/*Pose de tuile */
.coccinelles-icon-tag-pose-de-tuile {
    background: url("../assets/images/honeycomb.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/*Pose d'ouvriers */
.coccinelles-icon-tag-pose-douvriers {
    background: url("../assets/images/3d-meeple.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Roll&Write */
.coccinelles-icon-tag-roll-write {
    background: url("../assets/images/rolling-dice-cup.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}

/* Stop ou encore */
.coccinelles-icon-tag-stop-ou-encore {
    background: url("../assets/images/halt.svg") no-repeat;
    background-size: var(--cocci-icon-width) var(--cocci-icon-height);
}
