/*
Theme Name:   DeepDigital - Child theme
Theme URI:    https://modernwebtemplates.com/
Description:  Extra Small child theme of DeepDigital theme
Author:       the DeepDigital team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     deepdigital
Version:      1.0.4
License:      Commercial
License URI:  http://themeforest.net/licenses/regular_extended
Text Domain:  deepdigital
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Your styles goes here*/

/* Le thème ajoute une marge de 23px au-dessus de .entry-content (pensée pour
   s'afficher sous la barre de titre). Quand le titre de page est masqué
   (body.title-hidden), cette marge apparaît comme un trait blanc en haut
   de la page : on l'annule dans ce cas précis. */
body.title-hidden .entry-content{
	margin-top: 0;
}

/* Le slider natif (page_slider.intro_slider) affiche son texte en sombre par
   défaut, car il lui manque la classe ".i" (mode clair sur fond sombre) que
   le thème ajoute normalement lui-même. Ce slide a un fond image + overlay
   sombre : on force donc le texte en blanc pour qu'il reste lisible. */
.page_slider.intro_slider .slide-pre-heading,
.page_slider.intro_slider .slide-heading,
.page_slider.intro_slider .slide-description{
	color: var(--colorLight);
}

/* Icône de recherche du header : trop grosse par défaut (60px) par rapport
   à la démo (petit cercle discret). */
#search_toggle.header-search{
	width: 38px;
	height: 38px;
	font-size: 10px;
}

/* Corps de texte agrandi + largeur de page augmentée (demande client).
   Même sélecteur que le thème parent (assets/css/style.css) pour être sûr
   de bien l'emporter sur la règle body,button,input... en 16px. */
body,
button,
input,
select,
textarea{
	font-size: 24px;
}

.container{
	max-width: 1680px;
}

/* Citations plus grandes dans le widget témoignages/carrousel. */
.mwt-elementor-testimonials-carousel-quote{
	font-size: 1.375em;
	line-height: 1.5;
}

/* Footer : logo centré (widget "theme-meta" du footer). */
#footer .theme-meta-img.wp-block-image img{
	max-height: 160px;
}

/* Footer 3 colonnes (template footer-7) : la classe "second-third-narrow" du
   thème rétrécit les colonnes 2 et 3 (en laissant la 1re large) ; ici on veut
   l'inverse, colonne du milieu (logo) large et colonnes 1/3 (contact, réseaux)
   étroites. Pas de réglage Elementor/Customizer pour ce cas précis. */
@media screen and (min-width: 992px){
	#footer .footer-widgets.second-third-narrow > *:nth-child(1){
		width: 22%;
	}
	#footer .footer-widgets.second-third-narrow > *:nth-child(2){
		width: 56%;
	}
	#footer .footer-widgets.second-third-narrow > *:nth-child(3){
		width: 22%;
	}
}

/* Colonnes adresse/tél et LinkedIn : alignées en bas, sous le logo, plutôt
   qu'au centre ou en haut de la ligne. */
#footer .footer-widgets{
	align-items: flex-end;
}

/* Logo du hero (slide_1_pre_heading) : sans ce reset il hérite de la règle
   ".slides > li img:not(.layer-img){min-height/max-height:1000px}" prévue
   pour l'image de fond plein écran du slider, ce qui l'étire hors du cadre. */
.page_slider.intro_slider .slides > li .slide-pre-heading img{
	min-height: 0 !important;
	max-height: 500px !important;
	height: auto !important;
	width: auto !important;
	max-width: 700px !important;
	object-fit: contain;
	margin-bottom: 20px;
}

/* Carrousel "Nos valeurs" : le layout "item-extended2" du widget colle le
   texte en bas de l'image par défaut, sans réglage Elementor pour changer
   ça. On le recentre verticalement. */
.owl-carousel.gallery-slider.layout-item-extended2 .mwt-elementor-gallery-carousel-content-wrap{
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}