/*
Theme Name: OceanWP Child
Theme URI: https://example.com
Description: Thème enfant de OceanWP
Author: Ton nom
Author URI: https://example.com
Template: oceanwp
Version: 1.0
*/

/* 👉 Ton CSS personnalisé ici */

/*enlever cadre quand on clique sur bouton du header*/
a.menu-link:focus {
    outline: none !important;
}

/*agrandir typo bouton du bandeau*/

#site-navigation-wrap .dropdown-menu>li>a
 {
    display: block;
    font-size: 16px !important;
    line-height: 74px;
    color: #555;
    padding: 0 15px;
    letter-spacing: .6px;
}


/*enlever image mise en avant article dans la fiche generale recette*/
.single-post img.wp-post-image {
    display: none;
}

/* Modifier taille titre de la recette sur la vignette*/
.blog-entry.post .blog-entry-header .entry-title a{
font-size: 20px !important;
line-height: 1.4;
}

/* Enlever le bandeau haut blog.... sur la rectte totale */
.page-header
 {
    display: none !important;
}

/*image taille celles qui apparaissent quand on clique sur onglet principal*/
/* Conteneur des images */
.navigation li.mega-cat ul li a.mega-post-link {
    display: block;
    width: 220px;        /* largeur fixe */
    height: 140px;       /* hauteur fixe */
    overflow: hidden;    /* coupe ce qui dépasse */
    position: relative;
}

/* Image elle-même */
.navigation li.mega-cat ul li a.mega-post-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* remplit sans déformer */
    border-radius: 5px;
}

/* Réduit la hauteur du bloc image */
.blog-entry.post .thumbnail {
    height: 180px;       /* ajuste ici */
    overflow: hidden;    /* coupe le surplus */
    position: relative;
}

/* Ajuste l'image à l'intérieur */
.blog-entry.post .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* évite la déformation */
}

/* Réduit espace sous l’image */
.blog-entry.post .thumbnail {
    margin-bottom: 10px !important;
}

/* Réduit espace au-dessus du titre */
.blog-entry.post .blog-entry-header {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Réduit espace autour des meta (Dessert / Gouter) */
.blog-entry.post .blog-entry-meta {
    margin-bottom: 8px !important;
}

/* Réduit espace avant "Continuer la lecture" */
.blog-entry.post .blog-entry-readmore {
    margin-top: 8px !important;
}

/*enleve le titre en haut de la recette - titre du site*/
.single-post .entry-title
 {
    line-height: 1.4;
    letter-spacing: .6px;
    display: none !important;
}

.single-post ul.meta, .single.ocean-cpt ul.meta
 {
    font-size: 14.5px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    display: none !important;
}

.wprm-recipe-template-snippet-basic-buttons {
    font-family: inherit;
    font-size: 0.9em;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    display: none !important;
}

/* suprimer le carre autour quand on clic sur un bouton ou lien */
a:focus,
a:active,
button:focus,
button:active,
.elementor-button:focus,
.elementor-button:active,
input:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

a:focus,
a:active,
a:focus-visible,
button:focus,
button:active,
button:focus-visible,
.elementor-button:focus,
.elementor-button:active,
.elementor-button:focus-visible,
input:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Cas fréquent : liens dans menus */
.navigation a:focus,
.menu a:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* largeur carroussel */
.premium-blog-marquee {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0 auto;
}

.premium-blog-marquee .e-con-inner {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.blog-entry.post .thumbnail
 {
    height: 200px !important;
    overflow: hidden;
    position: relative;
}

.blog-entry.post .blog-entry-header .entry-title
 {
    font-size: 24px;
    margin: 0;
    text-align: center !important;
    line-height: 1.1 !important;
}

element.style {
    height: 200px !important;
}

/* faire le header flottant*/
#site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
}