/* ==========================================================================
   DRIVAT — les espaces connectes
   Chargee apres les feuilles du theme par drivat/acces.php.

   1. L'en-tete ne se chevauche plus
   2. Le vendeur dont le dossier est en cours d'examen
   ========================================================================== */

/* ==========================================================================
   1. L'EN-TETE

   LE CONSTAT : sur /add-listing/ et sur les pages du compte, le dernier
   intitule du menu — « Tarifs » — passait sous l'icone du panier.

   LA CAUSE : une fois connecte, ces pages servent header-dashboard.php, qui
   sort <header id="header-container" class="fixed fullwidth dashboard">. La
   colonne laterale du tableau de bord est fixe et occupe les 305 premiers
   pixels ; l'en-tete se decale donc d'autant (section 11.3 de
   drivat-header.css). A 1366 px de large il reste environ 1020 px pour le
   logo, cinq entrees de menu et la zone compte — une cinquantaine de pixels
   de moins qu'il n'en faut.

   ---------------------------------------------------------------------------
   CORRECTION DU 15/09, APRES REGRESSION. A LIRE AVANT DE TOUCHER A CE BLOC.

   La premiere version posait overflow:hidden sur <nav> comme garde-fou, en
   raisonnant ainsi : « le panneau du mega-menu n'est pas affecte, son bloc
   conteneur est #header .container, pas <nav> ». C'est exact pour le
   mega-menu — et faux pour tous les autres.

   Les menus deroulants simples (Vendre, Professionnels, Ressources) sont en
   position:absolute dans un <li> en position:relative. Leur bloc conteneur
   est donc ce <li>, qui est A L'INTERIEUR du <nav>. Un ancetre en
   overflow:hidden situe entre l'element et son bloc conteneur le rogne : les
   trois menus etaient dessines puis decoupes, donc morts. Seul Explorer
   fonctionnait, parce que son bloc conteneur est en dehors du <nav>.

   Mesure (Chromium, 1366 px, survol de « Vendre », elementFromPoint au centre
   du premier lien du sous-menu) :

       overflow:hidden = OUI  -> HTML        (le lien est injoignable)
       overflow:hidden = non  -> le lien     (il repond)
       panneau Explorer       -> inchange dans les deux cas

   LA BONNE REPONSE : ne rien rogner. On fait de la place, progressivement,
   la ou elle manque — c'est-a-dire entre 1366 et 1500 px, seule bande ou la
   gouttiere de 305 px s'applique en meme temps que la largeur est courte.
   En dessous de 1366 px le theme rend la gouttiere a la page et l'espace
   redevient suffisant.

   LECON : avant de poser un overflow sur un ancetre de menu, se demander
   pour CHAQUE panneau ou se trouve son bloc conteneur — pas seulement pour
   celui qu'on a en tete.
   ========================================================================== */

@media (min-width: 1200px) {

	/* --- a. Le menu peut retrecir, la zone compte reste entiere -------- */
	#header #navigation.style-1 {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	#header .right-side {
		position: relative;
		z-index: 3;
		flex: 0 0 auto !important;
	}

	/* --- b. Le resserrement, sur le tableau de bord -------------------- */
	#header-container.dashboard #header .container,
	body.page-template-template-dashboard #header .container {
		gap: 12px !important;
		padding-right: 24px !important;
	}

	#header-container.dashboard #header #logo,
	body.page-template-template-dashboard #header #logo {
		margin-right: 20px !important;
	}

	#header-container.dashboard #header #navigation.style-1 > ul > li > a,
	body.page-template-template-dashboard #header #navigation.style-1 > ul > li > a {
		padding-left: 11px !important;
		padding-right: 11px !important;
	}

	#header-container.dashboard #header .header-widget,
	body.page-template-template-dashboard #header .header-widget {
		gap: 10px !important;
	}
}

/* --- c. La bande etroite : on resserre encore, on ne retire rien ------
   Entre 1200 et 1500 px, le bouton « Publier une annonce » reste en place :
   c'est l'appel a l'action principal du site, il n'a pas a disparaitre des
   pages du compte. On gagne la quarantaine de pixels manquante sur les
   marges, pas sur la fonction. */
@media (min-width: 1200px) and (max-width: 1500px) {

	#header-container.dashboard #header #navigation.style-1 > ul > li > a,
	body.page-template-template-dashboard #header #navigation.style-1 > ul > li > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	#header-container.dashboard #header #logo,
	body.page-template-template-dashboard #header #logo {
		margin-right: 12px !important;
	}

	#header-container.dashboard #header .header-widget > a.button,
	body.page-template-template-dashboard #header .header-widget > a.button {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	#header-container.dashboard #header .container,
	body.page-template-template-dashboard #header .container {
		gap: 8px !important;
		padding-right: 18px !important;
	}
}

/* ==========================================================================
   2. LE VENDEUR EN COURS DE VERIFICATION

   Dokan affiche sa colonne de navigation avant le contenu, puis ses widgets
   de vente. Pour un vendeur qui n'est pas encore autorise a vendre, cette
   colonne ouvre des ecrans qui ne repondront pas, et les widgets n'ont aucune
   donnee a montrer. Surtout, l'ensemble repousse l'ecran d'attente sous la
   ligne de flottaison : il fallait faire defiler pour comprendre ce qui se
   passe.

   Le corps de page porte la classe drv-vendeur-en-attente (drivat/acces.php).
   On ne garde que l'ecran d'attente, seul et en haut.
   ========================================================================== */

body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-dash-sidebar,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-dashboard-menu,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-dashboard-nav,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dashboard-content-area,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-dash,
body.drv-vendeur-en-attente .dokan-dashboard-wrap #dokan-analytics-app,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-profile-completeness,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-announcement-wrapper {
	display: none !important;
}

body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-dashboard-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.drv-vendeur-en-attente .dokan-dashboard-wrap {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Dokan colore ses messages en rouge et en jaune vif. L'ecran d'attente de
   Drivat porte sa propre mise en forme (drivat-boutique.css) : on neutralise
   l'habillage que Dokan pose autour. */
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-alert,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-error,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-message,
body.drv-vendeur-en-attente .dokan-dashboard-wrap .dokan-panel-warning {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: inherit !important;
}

body.drv-vendeur-en-attente .drv-attente {
	margin: 0 auto !important;
}