/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*********************** Variables CSS ***********************/
:root {
    /* Couleurs */
    --primary-color: #A76635;
    --secondary-color: #424242;
    --border-color: #dadada;
    --text-color-light: #ffffff;
    
    /* Bordures et ombres */
    --border-radius: 10px;
    --box-shadow: 0px 0px 10px 0px grey;
    --strong-box-shadow: 0px 0px 30px 0px grey;
    
    /* Espacements */
    --default-padding: 10px;
}

/*********************** Mise en place des textes et images ***********************/
p {
    padding: 0px 0px 0px 10px !important;
}

h3, h4, h5 {
    margin-bottom: 2px !important;
}

/* Place les images côte à côte pour TinyMCE */
img {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
/* Force tout le texte Elementor à gauche */
.elementor-widget-text-editor p,
.elementor-text-editor p,
.elementor-widget-text-editor {
    text-align: left !important;
}

/* Barre d'info au-dessus de la bannière */
#top-bar-wrap {
    background: rgb(43,43,43);
    background: linear-gradient(0deg, rgba(43,43,43,1) 0%, rgba(35,35,35,1) 100%);
    margin-bottom: -4px !important;
}

/* Régler le souci de la taille de police dans les paragraphes pour les onglets */
/* Taille de police par défaut pour les écrans de bureau (Desktop) */
.wb_cptb_content, .woocommerce_product_description {
    font-size: 16px !important;
}

/* Taille de police pour les tablettes (max-width: 1024px) */
@media (max-width: 1024px) {
    .wb_cptb_content, .woocommerce_product_description {
        font-size: 14px !important;
    }
}

/* Taille de police pour les smartphones (max-width: 768px) */
@media (max-width: 768px) {
    .wb_cptb_content, .woocommerce_product_description {
        font-size: 12px !important;
    }
}

/* Règle le souci de l'espace entre les boutons d'onglets quand on n'est pas connecté */
.tabs {
    background: red;
    margin: 10px;
}

/*********************** Download Manager ***********************/
/* Bouton de téléchargement */
.wpdm-download-link {
    background: var(--secondary-color) !important;
    color: var(--text-color-light) !important;
}

.wpdm-download-link:hover {
    background: var(--primary-color) !important;
}

/* Boîte d'info de téléchargement  */
.link-template-default {
   	border-radius:10px !important;
	
	
}
.w3eden{
		margin:-20px 0 -20px 0 !important;
	
}



/*********************** PDF Poster ***********************/
/* Bordure Iframe PDF Poster */
.iframe_wrapper {
    border: 3px solid var(--border-color);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    padding: 2px 1px 1px 1px;
    background-color: #2a2a2d;
}

/* Masquer le bouton Download */
.pdfp_download_btn {
    display: none;
}

/* Masquer l'overlay en plein écran */
.pdfp_fullscreen_overlay {
    display: none !important;
}

 .cta_wrapper a, .block-3 .cta_wrapper button, .block-3 .popup-btn {
background: #424242 !important;
 }

.cta_wrapper a:hover {
background: #A76635 !important;
 }
/*********************** ShopLentor ***********************/

/*** MAGASIN ***/
/* Vignette Archive */
.woo-entry-image-main {
    border-radius: 5px !important;
    transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Vignette Archive Hover effect */
.woo-entry-image-main:hover {
    box-shadow: 0px 0px 10px 1px black;
    cursor: url(/wp-content/uploads/2025/02/loupe-1.png), pointer !important;
    opacity: 0.7;
    filter: saturate(0);
    z-index: 10;
}

/* Petit titre sous le bouton player des vignettes */
.small_title {
    display: block;
    margin-top: -12px;
    color: var(--primary-color);
    font-size: 11px;
}

/*** SIMPLE ***/
/* Vignette Produit unique - Container */
.elementor-widget-container {
    border-radius: 10px !important;
}

/* Vignette Produit unique - Bordure image */
.woocommerce-product-gallery__image {
    border: 2px solid var(--border-color) !important;
    border-radius: 10px !important;
    box-shadow: var(--strong-box-shadow);
    z-index: 0;
}

/* BUG HACK couleur texte du bouton Elementor dans produit simple */
.elementor-button-text {
    color: var(--text-color-light);
}

/* Bouton sous la vignette Produit Simple */
.boutonsimple {
    display: inline-block;
    border-radius: 5px;
    background-color: var(--secondary-color);
    padding: 4px 10px;
    margin-bottom: 5px;
    color: var(--text-color-light);
    transition: background-color 0.3s ease-in-out;
}

/* Effet au survol du bouton sous la vignette Produit Simple */
.boutonsimple:hover {
    background-color: var(--primary-color);
    cursor: pointer;
}


/*********************** Avatar bannière ***********************/

/* Bordure et taille */
.um-avatar-uploaded {
    width: 80px;
    height: 80px;
    border: 2px solid #dadada !important;
    border-radius: 10px !important; /* Ajout de !important pour garantir l'application */
    padding: 2px;
    margin: auto;
    background-color: #424242;
    transition: all 0.3s ease; /* Ajout d'une transition pour un effet plus doux */
}

/* Bordure et effet Hover */
.um-avatar-uploaded:hover {
    opacity: 0.9;
    filter: saturate(0.6);
    box-shadow: 0px 0px 10px 0px var(--text-color-light);
}

/*********************** Info bulle avatar des membres connectés ***********************/
.tipsy-inner {
    background-color: var(--secondary-color) !important;
    font-size: 10px !important;
}

.tipsy-arrow-n {
    border-bottom-color: #910900 !important;
}

/*********************** Extra ***********************/
/* Forcer la couleur des barres HR */
hr {
    background-color: var(--primary-color) !important;
    height: 1px !important;
    margin: 0px 0px 10px 0px !important;
}

/* Bordure sur les images et IFrame */
.border1 {
    border: 2px solid var(--border-color) !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 10px 0px #000000 !important;
}
/* Bordure et lien cover */
.border1_link_cover {
    border: 2px solid var(--border-color) !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 10px 0px #000000 !important;
}
.border1_link_cover:hover {
   box-shadow: 0px 0px 10px 1px black;
    cursor: url(/wp-content/uploads/2025/02/loupe-1.png), pointer !important;
    opacity: 0.7;
    filter: saturate(0);
}
/* Supprime la bordure des liens actifs sur les boutons */
a:focus {
    outline: unset !important;
}
.boutonperso {
	display:inline-block;
	background-color:#424242;
	border-radius:10px;
	color:#fff !important;
	padding:0 10px 0 10px;
}
.boutonperso:hover {
	background-color:#A76635 !important;
	color:#fff !important;
}
.boutonperso-important {
	display:inline-block;
	background-color:#910900;
	border-radius:10px;
	color:#fff !important;
	padding:0 10px 0 10px;
}
.boutonperso-important:hover {
	background-color:#A76635 !important;
	color:#fff !important;
}

/* Espace entre les boutons barre produit 
.woocommerce div.product .wpr-product-tabs .woocommerce-tabs ul.tabs{
  padding: 0px !important;
}*/
/*********************** WooCommerce ***********************/

/* Panier - Image du bouton supprimer du panier */
.remove {
    background-image: url(/wp-content/uploads/2025/03/x.webp);
    background-position: center;
    background-size: contain;
}

/* Panier - Image du bouton supprimer du panier effet Hover */
.remove:hover {
    opacity: 0.7;
}

/* Supprime les bordures en haut et en bas du bouton ajouter au panier */
.cart {
    border: 0px !important;
}

/*********************** Titre produits Archive ***********************/
/* Par défaut, pour les ordinateurs (taille large) */
.woolentor-archive-title {
  font-size: 30px !important;
  font-family: "Audiowide", serif;
  color: #1D327A;
  margin: 0 !important;
}

/* Pour les tablettes (max-width: 1024px) */
@media (max-width: 1024px) {
  .woolentor-archive-title {
    font-size: 25px !important;
  }
}

/* Pour les smartphones (max-width: 768px) */
@media (max-width: 768px) {
  .woolentor-archive-title {
    font-size: 20px !important;
  }
}

/*********************** Sous Titre produits Archive ***********************/
/* Par défaut, pour les ordinateurs (taille large) */
.woolentor-archive-desc {
  font-size: 20px !important;
}

/* Pour les tablettes (max-width: 1024px) */
@media (max-width: 1024px) {
  .woolentor-archive-desc {
    font-size: 18px !important;
  }
}

/* Pour les smartphones (max-width: 768px) */
@media (max-width: 768px) {
  .woolentor-archive-desc {
    font-size: 15px !important;
  }
}

/*********************** Titre produits simple ***********************/
/* Par défaut, pour les ordinateurs (taille large) */
.page-header-title {
  font-size: 30px !important;
  font-family: "Audiowide", serif;
  color: #1D327A;
  margin: 0 !important;
}

/* Pour les tablettes (max-width: 1024px) */
@media (max-width: 1024px) {
  .page-header-title {
    font-size: 25px !important;
  }
}

/* Pour les smartphones (max-width: 768px) */
@media (max-width: 768px) {
  .page-header-title {
    font-size: 20px !important;
  }
}

/*********************** Sous Titre produits simple ***********************/
/* Par défaut, pour les ordinateurs (taille large) */
.page-subheading {
  font-size: 20px !important;
}

/* Pour les tablettes (max-width: 1024px) */
@media (max-width: 1024px) {
  .page-subheading {
    font-size: 18px !important;
  }
}

/* Pour les smartphones (max-width: 768px) */
@media (max-width: 768px) {
  .page-subheading {
    font-size: 15px !important;
  }
}



/*********************** Zone Avis ***********************/

/* Fenêtre des commentaires */
.comment-text {  
    border: 2px solid var(--border-color) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px grey !important;
    margin: 10px !important;
}

/* Styles pour l'éditeur de commentaires enrichi */
.pell {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
}

#pell-editor-container {
    border: 2px solid var(--border-color) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px grey;
}

.pell-content {
    min-height: 100px;
    padding: 10px;
}

.pell-actionbar {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    border-radius: 10px 10px 0 0;
}

.pell-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 32px;
    width: auto;
    padding: 0 10px;
    margin: 2px;
    color: black !important;
}

.pell-button:hover {
    background-color: #e9e9e9;
}

.pell-button-selected {
    background-color: #e1e1e1;
}

/*********************** Player audio normal de WordPress ***********************/

/* Focus sur les boutons */
.mejs-controls .mejs-button button:focus {
    outline: none !important;
}

/* Background et styles communs */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
    background: url('/wp-content/uploads/2025/02/Speaker_fond.png') !important;
    background-size: 100% !important;
    background-color: #000000 !important;
    border-radius: 20px !important;
    box-shadow: var(--box-shadow);
    border: solid 2px var(--border-color);
}

/* Player audio barre couleur */
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: var(--primary-color) !important;
}

/* Player audio barre du volume couleur */
.mejs-horizontal-volume-current {
    background: var(--primary-color) !important;
}

/*********************** YouTube Playlist Player Settings ***********************/

/* Player vidéo youtube */
.video1 {
    background-color: #000000;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    border: solid 2px var(--border-color);
    padding: 10px 10px 0;
}