/* ABOUT menu button — glow externe seulement (même que BLOG & STORE) */
.menu-box a[href="about.html"] {
  border: 1.5px solid #fdfdf4 !important;  /* bordure plus fine */
  color: #fdfdf4 !important;

  /* glow externe serré */
  box-shadow:
    0 0 1px #fdfdf4,
    0 0 2px #fdfdf4;
}



.digital-screen-content {
  position: relative;
  z-index: 6; /* contenu au-dessus */
}

/* garder l’overlay visible mais non bloquant */
.digital-screen-overlay {
  pointer-events: none;
}



.va-about { padding-top: 20px !important; }         
.va-about .va-about__frame { margin-top: 0 !important; }  


.subtitle-box {
  max-width: 1100px !important;   /* avant 1250px → réduction modérée */
  width: 60% !important;          /* avant 68% → légère réduction */
}



.va-about .va-about__frame {
  border-width: 3.5px !important;   
}

.va-about .va-about__frame {
  border-radius: 11px !important;  
  overflow: hidden;                
}





body:has(.va-about) .home-neon-frame.lavender,
body:has(.va-about) .home-neon-frame.pink {
  bottom: 75px !important;   
}    


body:has(.va-about) .digital-screen-overlay {
  top: -42.5px !important;
  bottom: 64px !important;   
  height: auto !important;
}






.shop-go-top{
  display: flex;
  justify-content: center;
  margin: 0 0 12px;             /* n'affecte plus la frame */
  transform: translateY(-32px);/* remonte visuellement le bouton */
}


/* ================= GO TO TOP (Blog) ================= */
/* Base bouton (fond transparent, texte dégradé, bordure dégradée) */
.shop-go-top .go-back-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:220px; padding:12px 24px;
  border-radius:8px;
  text-decoration:none; text-transform:uppercase; letter-spacing:.08em;
  cursor:pointer; font-family:'Orbitron','Montserrat',system-ui,sans-serif;

  /* Texte dégradé violet → rose */
  --violet-text:#cfc4ff;
  --rose-text:#ff66cc;
  --split:50%;
  --feather:4%;
  color: var(--violet-text); /* fallback */
  background-image: linear-gradient(
    90deg,
    var(--violet-text) 0%,
    var(--violet-text) calc(var(--split) - var(--feather)),
    var(--rose-text)   calc(var(--split) + var(--feather)),
    var(--rose-text)   100%
  );
  -webkit-background-clip: text; background-clip:text;
  -webkit-text-fill-color: transparent;

  /* Bordure dégradée */
  border:2px solid transparent;
  border-image-slice:1;
  border-image-source: linear-gradient(90deg,#4a1fb8 0%, #ff57b0 100%);

  background: transparent;
  box-shadow:none;
  transition: box-shadow .2s ease, transform .15s ease;
}

/* Hover/Focus */
.shop-go-top .go-back-btn:hover,
.shop-go-top .go-back-btn:focus-visible{
  box-shadow:
    0 0 14px rgba(74,31,184,.55),
    0 0 22px rgba(255,87,176,.45);
  transform: translateY(-1px);
  outline:none;
}

/* Active */
.shop-go-top .go-back-btn:active{ transform: translateY(0); }

/* Nettoyage des styles globaux de liens */
.shop-go-top .go-back-btn:link,
.shop-go-top .go-back-btn:visited{ text-decoration:none; }

.shop-go-top .go-to-top{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;

  border: 2px solid transparent;
  border-radius: 12px;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(90deg, #9c8cff, #ff66e0) border-box;
  -webkit-background-clip: padding-box, border-box;
          background-clip: padding-box, border-box;

  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;

  box-shadow:
    0 0 10px rgba(156,140,255,0.45),
    0 0 18px rgba(255,102,224,0.45);
}

.shop-go-top .go-to-top:hover,
.shop-go-top .go-to-top:focus{
  box-shadow:
    0 0 14px rgba(156,140,255,0.65),
    0 0 26px rgba(255,102,224,0.65);
  outline: none;
}




/* === About Frame Tweaks === */
.va-about{ padding:63px 0 78px !important; }
.va-about .va-about__frame{
  width:1100px !important;
  max-width:90% !important;
  margin:20px auto 50px !important;
  border:2px solid #fdfdf4 !important;
  border-radius:11px !important;
  box-shadow:
    0 0 10px rgba(253,253,244,0.45),
    0 0 18px rgba(253,253,244,0.35) !important;
  min-height:900px !important;
}


.va-about .shop-go-top{
  display:flex;
  justify-content:center;
  margin:0 0 12px;
  position:relative;
  transform:translateY(113px) !important; /* ajuste cette valeur */
}


.va-about {
  padding: 10px 0 78px !important; /* 10px d’espace au-dessus du cadre */
}