/*
 Theme Name:   New Art Times Child
 Theme URI:    https://new-art-times.com
 Description:  Thème enfant officiel New Art Times pour Hello Elementor.
 Author:       VVVDesigner
 Author URI:   https://vvvdesigner.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  newarttimes-child
*/

/* ======================== */
/*      STYLES CUSTOM       */
/* ======================== */



/* Enlever le bleu autour des éléments Elementor */
a:focus,
button:focus,
input:focus,
select:focus {
    outline: none !important;
}

/* Suppression des marges du body */
body {
    margin: 0px !important;
}

/* =========================================================
   NEW ART TIMES — GTRANSLATE
   ---------------------------------------------------------
   DESIGN GALERIE / MAISON D'ART
   CSS UNIQUEMENT — aucune logique GTranslate modifiée.
   IMPORTANT : aucun positionnement du widget n'est imposé ici.
   L'emplacement choisi dans GTranslate (haut droite) reste maître.
========================================================= */

.gt_switcher_wrapper,
.gt_switcher_wrapper *,
.gt_switcher_wrapper *::before,
.gt_switcher_wrapper *::after,
.gt_white_content,
.gt_white_content *,
.gt_white_content *::before,
.gt_white_content *::after{
  box-sizing:border-box!important;
}

/* ---------------------------------------------------------
   DÉCLENCHEUR FLOTTANT
   Petit médaillon sobre, pensé pour le haut droit.
   Aucun top/right/left/bottom ici.
--------------------------------------------------------- */
.gt_switcher_wrapper{
  width:auto!important;
  height:auto!important;
  margin:0!important;
  font-family:"Manrope",Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  line-height:1!important;
}

.gt_switcher_wrapper a.gt_switcher-popup.glink,
.gt_switcher_wrapper a.gt_switcher-popup.glink:visited{
  position:relative!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;

  border:1px solid rgba(245,243,239,.34)!important;
  border-radius:50%!important;
  background:#090909!important;

  color:#f5f3ef!important;
  -webkit-text-fill-color:#f5f3ef!important;
  text-decoration:none!important;

  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 12px 30px rgba(0,0,0,.22)!important;

  overflow:hidden!important;
  transition:
    transform .24s ease,
    background-color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease!important;
}

.gt_switcher_wrapper a.gt_switcher-popup.glink:hover,
.gt_switcher_wrapper a.gt_switcher-popup.glink:focus-visible{
  transform:translateY(-2px)!important;
  background:#f3efe7!important;
  border-color:#f3efe7!important;
  color:#090909!important;
  -webkit-text-fill-color:#090909!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.40) inset,
    0 16px 34px rgba(0,0,0,.24)!important;
  outline:none!important;
}

.gt_switcher_wrapper a.gt_switcher-popup.glink:active{
  transform:translateY(0)!important;
}

/* Le drapeau actif reste le seul élément visible dans le bouton. */
.gt_switcher_wrapper a.gt_switcher-popup.glink > img{
  position:static!important;
  width:25px!important;
  min-width:25px!important;
  height:18px!important;
  margin:0!important;
  display:block!important;
  opacity:1!important;
  object-fit:cover!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;
  pointer-events:none!important;
}

.gt_switcher_wrapper a.gt_switcher-popup.glink > span{
  display:none!important;
}

/* ---------------------------------------------------------
   FOND DU POPUP
--------------------------------------------------------- */
.gt_black_overlay{
  background:rgba(5,5,5,.72)!important;
  opacity:1!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}

/* ---------------------------------------------------------
   POPUP — ESPRIT CARTEL DE GALERIE
   Aucun left/right/top/bottom imposé.
--------------------------------------------------------- */
.gt_white_content{
  width:min(430px,calc(100vw - 28px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(680px,calc(100dvh - 42px))!important;
  margin:0!important;
  padding:26px!important;

  border:1px solid rgba(12,12,12,.14)!important;
  border-radius:4px!important;
  background:#f2eee6!important;
  color:#0a0a0a!important;
  -webkit-text-fill-color:#0a0a0a!important;

  box-shadow:
    0 1px 0 rgba(255,255,255,.90) inset,
    0 32px 90px rgba(0,0,0,.34)!important;

  overflow:auto!important;
  overscroll-behavior:contain!important;
  text-align:left!important;
  font-family:"Manrope",Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
}

/* Signature éditoriale New Art Times */
.gt_white_content::before{
  content:"NEW ART TIMES\A LANGUAGES";
  display:block!important;
  margin:0 0 22px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid rgba(10,10,10,.16)!important;

  white-space:pre!important;
  color:#0a0a0a!important;
  -webkit-text-fill-color:#0a0a0a!important;

  font-family:Georgia,"Times New Roman",serif!important;
  font-size:29px!important;
  line-height:1.02!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}

.gt_white_content::after{
  content:"SELECT YOUR LANGUAGE · NEW-ART-TIMES.COM";
  display:block!important;
  margin:20px 0 0!important;
  padding-top:14px!important;
  border-top:1px solid rgba(10,10,10,.12)!important;

  color:rgba(10,10,10,.48)!important;
  -webkit-text-fill-color:rgba(10,10,10,.48)!important;

  font-size:8px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* ---------------------------------------------------------
   GRILLE DES LANGUES
--------------------------------------------------------- */
.gt_white_content .gt_languages{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}

.gt_white_content .gt_languages::before{
  content:"Choisissez votre langue";
  grid-column:1 / -1!important;
  display:block!important;
  margin:0 0 6px!important;

  color:rgba(10,10,10,.58)!important;
  -webkit-text-fill-color:rgba(10,10,10,.58)!important;

  font-size:9px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

/* Carte langue — état normal */
.gt_white_content .gt_languages > a.glink,
.gt_white_content .gt_languages > a.glink:visited{
  position:relative!important;
  min-height:62px!important;
  padding:12px 13px!important;

  display:flex!important;
  align-items:center!important;
  gap:11px!important;

  border:1px solid rgba(10,10,10,.14)!important;
  border-radius:2px!important;
  background:rgba(255,255,255,.34)!important;

  color:#0a0a0a!important;
  -webkit-text-fill-color:#0a0a0a!important;
  text-decoration:none!important;

  box-shadow:none!important;
  transition:
    background-color .20s ease,
    border-color .20s ease,
    color .20s ease,
    transform .20s ease!important;
}

/* IMPORTANT : on force aussi les enfants pour supprimer tout blanc-sur-blanc. */
.gt_white_content .gt_languages > a.glink > span,
.gt_white_content .gt_languages > a.glink > small,
.gt_white_content .gt_languages > a.glink > b,
.gt_white_content .gt_languages > a.glink > strong{
  color:#0a0a0a!important;
  -webkit-text-fill-color:#0a0a0a!important;
}

/* Drapeau */
.gt_white_content .gt_languages > a.glink > img{
  position:static!important;
  flex:0 0 auto!important;
  width:27px!important;
  min-width:27px!important;
  height:19px!important;
  margin:0!important;
  display:block!important;
  opacity:1!important;
  object-fit:cover!important;
  border-radius:1px!important;
  box-shadow:0 0 0 1px rgba(10,10,10,.12)!important;
}

/* Libellé */
.gt_white_content .gt_languages > a.glink > span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
}

/* Hover/focus = noir franc + texte blanc, contraste garanti */
.gt_white_content .gt_languages > a.glink:hover,
.gt_white_content .gt_languages > a.glink:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#090909!important;
  background:#090909!important;
  color:#f5f3ef!important;
  -webkit-text-fill-color:#f5f3ef!important;
  outline:none!important;
}

.gt_white_content .gt_languages > a.glink:hover > span,
.gt_white_content .gt_languages > a.glink:hover > small,
.gt_white_content .gt_languages > a.glink:hover > b,
.gt_white_content .gt_languages > a.glink:hover > strong,
.gt_white_content .gt_languages > a.glink:focus-visible > span,
.gt_white_content .gt_languages > a.glink:focus-visible > small,
.gt_white_content .gt_languages > a.glink:focus-visible > b,
.gt_white_content .gt_languages > a.glink:focus-visible > strong{
  color:#f5f3ef!important;
  -webkit-text-fill-color:#f5f3ef!important;
}

/* Langue active = contraste distinct, sans copier le hover */
.gt_white_content .gt_languages > a.glink.gt-current-lang{
  border-color:#090909!important;
  background:transparent!important;
  color:#090909!important;
  -webkit-text-fill-color:#090909!important;
}

.gt_white_content .gt_languages > a.glink.gt-current-lang > span,
.gt_white_content .gt_languages > a.glink.gt-current-lang > small,
.gt_white_content .gt_languages > a.glink.gt-current-lang > b,
.gt_white_content .gt_languages > a.glink.gt-current-lang > strong{
  color:#090909!important;
  -webkit-text-fill-color:#090909!important;
}

.gt_white_content .gt_languages > a.glink.gt-current-lang:hover,
.gt_white_content .gt_languages > a.glink.gt-current-lang:focus-visible{
  background:#090909!important;
  color:#f5f3ef!important;
  -webkit-text-fill-color:#f5f3ef!important;
}

.gt_white_content .gt_languages > a.glink.gt-current-lang:hover > span,
.gt_white_content .gt_languages > a.glink.gt-current-lang:focus-visible > span{
  color:#f5f3ef!important;
  -webkit-text-fill-color:#f5f3ef!important;
}

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */
@media(max-width:767px){
  .gt_switcher_wrapper a.gt_switcher-popup.glink,
  .gt_switcher_wrapper a.gt_switcher-popup.glink:visited{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }

  .gt_switcher_wrapper a.gt_switcher-popup.glink > img{
    width:23px!important;
    min-width:23px!important;
    height:16px!important;
  }

  .gt_white_content{
    width:min(94vw,420px)!important;
    padding:22px 18px 18px!important;
    border-radius:3px!important;
  }

  .gt_white_content::before{
    margin-bottom:18px!important;
    padding-bottom:15px!important;
    font-size:25px!important;
  }

  .gt_white_content .gt_languages{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .gt_white_content .gt_languages > a.glink,
  .gt_white_content .gt_languages > a.glink:visited{
    min-height:56px!important;
    padding:11px 12px!important;
  }

  .gt_white_content::after{
    font-size:7px!important;
    letter-spacing:.11em!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .gt_switcher_wrapper a.gt_switcher-popup.glink,
  .gt_white_content .gt_languages > a.glink{
    transition:none!important;
  }
}

/* =========================================================
   NEW ART TIMES — GTRANSLATE / PLACEMENT HEADER
   ---------------------------------------------------------
   CSS UNIQUEMENT.
   Desktop : le sélecteur vient visuellement juste après
   « Voir les œuvres ».
   Tablette/mobile : il se place entre « Voir les œuvres »
   et le bouton menu.
   Le popup est toujours centré dans la fenêtre.
========================================================= */

/* On réserve réellement la place du sélecteur dans le header,
   sans toucher au HTML ni au JavaScript du site. */
@media(min-width:921px){
  #newartimes-vvvdesigner-racine .newartimes-vvvdesigner-entete-actions{
    padding-right:56px!important;
  }
}

@media(max-width:920px){
  #newartimes-vvvdesigner-racine .newartimes-vvvdesigner-entete-actions{
    gap:56px!important;
  }
}

@media(max-width:480px){
  #newartimes-vvvdesigner-racine .newartimes-vvvdesigner-entete-actions{
    gap:64px!important;
  }
}

@media(max-width:360px){
  #newartimes-vvvdesigner-racine .newartimes-vvvdesigner-entete-actions{
    gap:0!important;
    padding-left:46px!important;
  }
}

/* ---------------------------------------------------------
   BOUTON GTRANSLATE — ALIGNÉ SUR LE HEADER NEW ART TIMES
--------------------------------------------------------- */
.gt_switcher_wrapper{
  position:fixed!important;
  z-index:99972!important;
  margin:0!important;
}

/* Desktop :
   bord droit interne du header = 12px,
   header max = 1180px / marge mini = 16px. */
@media(min-width:921px){
  .gt_switcher_wrapper{
    top:29px!important;
    right:max(28px,calc((100vw - 1180px) / 2 + 12px))!important;
    bottom:auto!important;
    left:auto!important;
  }

  .gt_switcher_wrapper a.gt_switcher-popup.glink,
  .gt_switcher_wrapper a.gt_switcher-popup.glink:visited{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
}

/* Tablette :
   ordre visuel = Voir les œuvres / langue / burger */
@media(min-width:481px) and (max-width:920px){
  .gt_switcher_wrapper{
    top:18px!important;
    right:68px!important;
    bottom:auto!important;
    left:auto!important;
  }

  .gt_switcher_wrapper a.gt_switcher-popup.glink,
  .gt_switcher_wrapper a.gt_switcher-popup.glink:visited{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
}

/* Mobile */
@media(max-width:480px){
  .gt_switcher_wrapper{
    top:20px!important;
    right:72px!important;
    bottom:auto!important;
    left:auto!important;
  }

  .gt_switcher_wrapper a.gt_switcher-popup.glink,
  .gt_switcher_wrapper a.gt_switcher-popup.glink:visited{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }

  .gt_switcher_wrapper a.gt_switcher-popup.glink > img{
    width:22px!important;
    min-width:22px!important;
    height:15px!important;
  }
}

/* ---------------------------------------------------------
   POPUP — VRAIMENT CENTRÉ
   On écrase ici les coordonnées inline de GTranslate.
--------------------------------------------------------- */
.gt_black_overlay{
  position:fixed!important;
  inset:0!important;
  z-index:999900!important;
}

.gt_white_content{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;

  width:min(430px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 36px)!important;
  margin:0!important;

  z-index:999901!important;
}

/* Le sélecteur du header reste derrière l'overlay/popup ouvert :
   il ne peut plus venir recouvrir la croix de fermeture. */
.gt_black_overlay ~ .gt_switcher_wrapper,
.gt_white_content ~ .gt_switcher_wrapper{
  z-index:99972!important;
}

@media(max-width:767px){
  .gt_white_content{
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(420px,calc(100vw - 22px))!important;
    max-width:calc(100vw - 22px)!important;
    max-height:calc(100dvh - 24px)!important;
  }
}



/* NEW ART TIMES — GTRANSLATE / ESPACEMENT MOBILE */

@media(max-width:360px){
  .gt_switcher_wrapper{
    right:68px!important;
  }
}

/* ============================================================
   NEW ART TIMES — GTRANSLATE
   VISIBLE UNIQUEMENT AVEC LE HEADER
   MASQUÉ PENDANT INTRO + MODALES
   ============================================================ */

/* INTRO D'OUVERTURE */
body:has(
  #newartimes-vvvdesigner-racine
  .newartimes-vvvdesigner-intro-ecran
) .gt_switcher_wrapper,

/* POPUP ŒUVRE */
body:has(
  #newartimes-vvvdesigner-racine
  .newartimes-vvvdesigner-modale.newartimes-vvvdesigner-modale-ouverte
) .gt_switcher_wrapper,

/* POPUP IN SITU */
body:has(
  #newartimes-vvvdesigner-racine
  .newartimes-vvvdesigner-insitu-modale.newartimes-vvvdesigner-insitu-modale-ouverte
) .gt_switcher_wrapper,

/* POPUP JURIDIQUE */
body:has(
  #newartimes-vvvdesigner-racine
  .newartimes-vvvdesigner-juridique-modale[aria-hidden="false"]
) .gt_switcher_wrapper{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}