/*
 Theme Name: theme-enfant_petitraprephaseimagecom
 Description: Divi Child Theme par phase image TSD
 Author: Thomas Saint-dizier
 Author URI: https://phaseimage.com
 Template: Divi
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/***le texte selectionné est jaune***/
@layer{::selection{background-color:#ffcc33;}}
/******/

/*** début: nombre d'image par ligne - galerie photo ***/
@media (min-width: 1801px){
.col-width .et_pb_gallery_item {
width: 16.66% !important; /*nbr diviser par 100*/
clear: none !important;
}
}

/** Desktop **/
@media (max-width: 1800px){
.col-width .et_pb_gallery_item {
width: 20% !important; /*nbr diviser par 100*/
clear: none !important;
}
}
 
/** Tablet **/
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*nbr diviser par 100*/
clear: none !important;
}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.col-width .et_pb_gallery_item {
width: 33.33% !important; /*nbr diviser par 100*/
clear: none !important;
}
}
 
/** Phone **/
@media (max-width: 479px){
.col-width .et_pb_gallery_item {
width: 33.33% !important; /*nbr diviser par 100*/
clear: none !important;
}
}
/****** fin: affichage galerie photo ******/

/*** début - boutons côte à côte ***/
.cote-cote-center {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 5px;
}

/* boutons côte à côte */
.cote-cote {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
/* fin - boutons côte à côte */

/* Pour désactiver les liens images vers lightbox depuis une galerie - 
 * mettre class CSS cu-lightbox-off dans module galerie */
.cu-lightbox-off .et_pb_gallery_item a {
    pointer-events: none;
}
.cu-lightbox-off .et_overlay {
    display: none !important;
}
/****** fin  - désactiver lien galerie ******/

/*** DEBUT image non selectionnable ***/
.noselect { 
user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
/****** FIN image non selection ******/

/**** Masquer la section menu dans l'éditeur Divi ****/
function custom_admin_css() {
    echo '<style>
        /* Masquer la section menu dans l'éditeur Divi */
.et-fb #slide-section {
    display: none !important;
}
    </style>';
}
add_action('admin_head', 'custom_admin_css');


/*** nuage tag ***/

    .tag-cloud {
    text-align: center;
    padding: 20px;
    }

    .tag-cloud a.tag-link {
        display: inline-block;
        margin: 10px;
        padding: 8px 14px;
        color: #333;
        text-decoration: none;
        border-radius: 3px;
        transition: all 0.3s ease;
        line-height: 1.5;
    }

    .tag-cloud a.tag-link:hover {
        opacity: 0.8;
    }

/****** fin nuage tag ******/