/*
Theme Name: Astra Child
Template: astra
Author: Lauxane
Version: 1.0
Description: Thème enfant personnalisé pour Lauxane Home
*/


/* NETTOYAGE PAGE INITIALE */
#secondary.widget-area.secondary {
  display: none !important;
}



/*
Theme Name: Astra Child
Template: astra
Author: Lauxane
Version: 1.0
Description: Thème enfant personnalisé pour Lauxane Home
*/

/* =========================================================
   Base site — s’appuie sur les tokens du bundle
   (voir assets/css/tokens.css)
   ========================================================= */

/* Fond, couleur texte, typo globale */
body,
.site,
.ast-site-background,
.site-content,
.ast-container{
  background-color: var(--fond-blanc, #fff) !important;
  color: var(--texte-principal, #1f2328);
  font-family: var(--body-font, "Spectral", Georgia, serif);
  font-size: 16px;
  line-height: 1.6;
}

/* ==========================================
   En-tête Astra
   ========================================== */

.site-header{
  background-color: var(--fond-blanc, #fff) !important;
  border-bottom: 1.5px solid var(--doré-naturel, #9C6B2F);
  padding: 10px 0;
  box-shadow: 0 2px 4px rgba(0,0,0,.02);
  position: relative;
  z-index: 10;
}

/* Navigation principale */
.main-navigation ul{
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Liens du menu */
.main-navigation a.menu-link{
  font-family: var(--ui-font, "Inter", system-ui, sans-serif);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .3px;
  color: var(--texte-principal, #1f2328);
  text-transform: none;
  text-decoration: none;
  transition: color .3s ease, text-decoration-color .3s ease;
  padding: 12px 4px;
  position: relative;
}

.main-navigation a.menu-link:hover{
  color: var(--doré-naturel, #9C6B2F) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--doré-naturel, #9C6B2F) !important;
}

/* Élément actif */
.main-navigation li.current-menu-item a.menu-link{
  color: var(--doré-naturel, #9C6B2F);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: color-mix(in srgb, var(--doré-naturel, #9C6B2F) 70%, #c97c5d 30%);
}

/* Responsive nav */
@media (max-width: 768px){
  .main-navigation ul{ flex-direction: column; gap: 16px; align-items: flex-start }
  .main-navigation a.menu-link{ padding: 10px 0 }
}


/* ==========================================
   Liens globaux
   ========================================== */

/*a{
  color: var(--couleur-principale, var(--cta-stroke, #A7742F));
  text-decoration: none;
  transition: color .3s ease, text-decoration-color .3s ease;
}

a:hover{
  color: var(--doré-naturel, #9C6B2F);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: #dfa173; /* nuance chaude utilisée sur ton site */
/*}*/

/* Le menu d’en-tête garde sa teinte de texte par défaut */
/*.main-header-menu a{ font-weight: 600; color: var(--texte-principal, #1f2328) }
.main-header-menu a:hover{ color: var(--couleur-principale, var(--cta-stroke, #A7742F)) }*/


/* Dans style.css, juste au-dessus des règles de lien */
:root{ --ease-smooth: cubic-bezier(.22,.61,.36,1); }




/* Base commune liens (hors boutons) */
a:not(.button){
  color: var(--link-ui);
  text-decoration: none;
  transition: color .18s var(--ease-smooth), opacity .18s var(--ease-smooth);
  -webkit-tap-highlight-color: transparent;
}
a:not(.button):focus-visible{
  outline: 2px solid var(--ring);
  outline-offset: 3px;
  border-radius: 6px;
}
a:visited:not(.button){ color: var(--link-ui); } /* pas de violet */

/* Classe utilitaire pour tous les liens UI */
a.ui-link{
  color: var(--link-ui);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .42rem;                 /* utile si on ajoute une icône/chevron */
  transition:
    color .18s var(--ease-smooth),
    transform .18s var(--ease-smooth),
    letter-spacing .18s var(--ease-smooth);
}
a.ui-link:hover{
  color: var(--link-ui-hover);
  transform: translateY(-1px); /* micro-lift, raffiné */
  letter-spacing: .08px;       /* respiration subtile */
}
@media (prefers-reduced-motion: reduce){
  a.ui-link{ transition: none !important; }
}


/* Contexte RTE : parent .content, .entry-content, .woocommerce-Tabs-panel, etc. */
.content a,
.entry-content a,
.woocommerce-Tabs-panel a{
  color: var(--link-rte);
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-offset: 3px;
  text-decoration-color: currentColor;
  transition: color .18s var(--ease-smooth), text-decoration-color .18s var(--ease-smooth);
}
.content a:hover,
.entry-content a:hover,
.woocommerce-Tabs-panel a:hover{
  color: var(--link-rte-hover);
  text-decoration-color: var(--link-rte-hover);
}
.content a:focus-visible,
.entry-content a:focus-visible,
.woocommerce-Tabs-panel a:focus-visible{
  outline: 2px solid var(--ring);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Donne le comportement “ui-link” à ces liens si la classe n’est pas posée */
.woocommerce ul.products li.product .woocommerce-loop-product__title a:not(.button),
.woocommerce ul.products li.product .lh-supplier-loop:not(.button),
.single-product .related.products ul.products li.product .woocommerce-loop-product__title a:not(.button),
.ast-breadcrumbs a:not(.button) {
  color: var(--link-ui);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  transition: color .18s var(--ease-smooth), transform .18s var(--ease-smooth), letter-spacing .18s var(--ease-smooth);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a:not(.button):hover,
.woocommerce ul.products li.product .lh-supplier-loop:not(.button):hover,
.single-product .related.products ul.products li.product .woocommerce-loop-product__title a:not(.button):hover,
.ast-breadcrumbs a:not(.button):hover{
  color: var(--link-ui-hover);
  transform: translateY(-1px);
  letter-spacing: .08px;
}






/* ==========================================
   Titres
   ========================================== */

h1, h2, h3, h4, h5, h6{
  color: var(--texte-principal, #1f2328);
  font-family: var(--heading-font, "Cormorant Garamond", Georgia, serif);
}

h1{ font-size: 32px; margin-bottom: 24px }
h2{
  font-size: 24px; margin-bottom: 20px;
  color: var(--doré-naturel, #9C6B2F);
  text-transform: none;
  font-weight: 400;
  font-style: normal;
}
h3{ font-size: 20px; margin-bottom: 16px }
h4{ font-size: 18px; margin-bottom: 12px }
h5{ font-size: 16px; margin-bottom: 10px }


/* ==========================================
   Boutons globaux
   ========================================== */

/* ⚠️ On n’écrase plus “tous les .button” (Woo) pour éviter des effets
      non désirés sur le panier, filtres, etc. On se contente d’un
      arrondi cohérent. Les vrais CTA utilisent .btn / .btn-stroke
      (déjà définis dans assets/css/components.css). */

button,
input[type="submit"],
.ast-button{
  border-radius: 999px;
  font-weight: 600;
}

/* Bouton Astra “personnalisé” → skin proche .btn-stroke */
a.ast-custom-button-link{
  background-color: transparent;
  border: 1.5px solid var(--doré-naturel, #9C6B2F);
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--doré-naturel, #9C6B2F);
  transition: background-color .3s ease, color .3s ease, border-color .3s ease, text-decoration-color .3s ease;
  display: inline-block;
  text-align: center;
}

a.ast-custom-button-link:hover{
  background-color: var(--doré-naturel, #9C6B2F);
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #dfa173;
}

/* Évite le texte “invisible” au hover */
a.ast-custom-button-link:hover,
a.ast-custom-button-link:hover .ast-custom-button{
  color: #fff !important;
}

/* ==========================================
   Menu latéral (Nos produits)
   ========================================== */

.nos-produits-sidebar{
  position: fixed; top: 0; left: 0; height: 100%; width: 100%;
  background: var(--fond-blanc, #fff); z-index: 9999; overflow-y: auto;
  transform: translateX(-100%); transition: transform .3s ease;
  padding: 40px 24px;
}
.nos-produits-sidebar.open{ transform: translateX(0) }

@media (min-width: 768px){
  .nos-produits-sidebar{ width: 320px }
}

.nos-produits-overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.3); z-index: 9998; display: none;
}
.nos-produits-overlay.visible{ display: block }

/* Titre panneau */
.menu-header h2{
  font-size: 18px; font-weight: 600; color: var(--texte-principal, #1f2328);
  margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--gris-clair, #e9e9e9);
}

/* Fermer */
.close-menu-btn{
  position: absolute; top: 16px; right: 16px; font-size: 1.5rem;
  background: none; border: none; color: var(--texte-principal, #1f2328);
  cursor: pointer; transition: transform .2s ease;
}
.close-menu-btn:hover{ transform: scale(1.2) }

/* Liste catégories */
.menu-list{ list-style: none; margin: 0; padding: 0 }
.menu-list li{ padding: 10px 0; border-bottom: 1px solid var(--gris-clair, #e9e9e9) }

/* Ligne caté + chevron */
.category-row{
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.category-row a{
  color: var(--texte-principal, #1f2328); text-decoration: none; flex-grow: 1; font-weight: 500; font-size: 1rem;
}
.category-row a:hover{ color: var(--doré-naturel, #9C6B2F) }

.toggle-sub{
  background: none; border: none; cursor: pointer; padding: 0;
  font-size: 1.3rem; display: flex; align-items: center; color: var(--texte-principal, #1f2328);
  transition: transform .3s ease;
}
.toggle-sub:hover,
.toggle-sub:focus,
.toggle-sub:active,
.toggle-sub:focus-visible{
  background-color: transparent !important;
  outline: none !important; box-shadow: none !important;
}

.toggle-sub .chevron{
  display: inline-block; transition: transform .3s ease; font-size: 1.3rem;
}
.category-item.open .toggle-sub .chevron{ transform: rotate(90deg) }
.toggle-sub:hover .chevron{ color: var(--doré-naturel, #9C6B2F) }

/* Sous-catégories */
.subcategory{
  list-style: none; padding-left: 16px; margin: 0;
  max-height: 0; overflow: hidden; opacity: 0; visibility: hidden;
  transition: all .3s ease;
}
.category-item.open .subcategory{
  max-height: 1000px; opacity: 1; visibility: visible; margin-top: 8px;
}
.subcategory li{ margin: 6px 0 }
.subcategory li a{
  font-size: .95rem; color: var(--texte-principal, #1f2328); text-decoration: none;
}
.subcategory li a:hover{ color: var(--doré-naturel, #9C6B2F) }


/* ==========================================
/* Mobile — Bouton "remonter en haut" toujours visible (safe-areas iOS/Android) */
   ========================================== */

@media (hover:none) and (pointer:coarse), (max-width:768px){
  .to-top, /* remplace par ton sélecteur réel, ex: .lauxane-doc .to-toc */
  .lauxane-doc .to-toc{
    position: fixed;
    /* ✅ Décalé du bord en fonction de l’encoche / barre gestuelle */
    right: max(12px, env(safe-area-inset-right) + 12px);
    bottom: max(14px, env(safe-area-inset-bottom) + 14px);

    /* Compat Safari old (constant() ancien) */
    right: max(12px, constant(safe-area-inset-right) + 12px);
    bottom: max(14px, constant(safe-area-inset-bottom) + 14px);

    width: 48px; height: 48px; /* taille confortable */
    z-index: 9999;             /* au-dessus des overlays */
  }

  /* Téléphones très étroits : bouton un poil plus petit */
  @media (max-width:360px){
    .to-top,
    .lauxane-doc .to-toc{
      width: 44px; height: 44px;
      right: max(10px, env(safe-area-inset-right) + 10px);
      bottom: max(12px, env(safe-area-inset-bottom) + 12px);
    }
  }
}

/* Fallback si max()/env() non supportés */
@supports not (right: max(0px, 0px)){
  .to-top,
  .lauxane-doc .to-toc{ right: 12px; bottom: 14px; }
}

/* ============== */
/* ASTRA: Scroll-to-top – éviter qu'il soit rogné à droite sur mobile */
/* ============== */
@media (hover:none) and (pointer:coarse), (max-width:768px){
  /* Position & dimensions confortables */
  #ast-scroll-top.ast-scroll-top-icon{
    position: fixed !important;
    z-index: 9999 !important;
    width: 48px; height: 48px;            /* 44–48px : cible tactile */
    transform: translateZ(0);              /* évite certains glitches iOS */
  }

  /* Variante à droite (ton cas) — tient compte des safe-areas */
  #ast-scroll-top.ast-scroll-to-top-right{
    right: max(12px, env(safe-area-inset-right) + 12px) !important;
    bottom: max(14px, env(safe-area-inset-bottom) + 14px) !important;
    /* Compat Safari ancien (constant()) */
    right: max(12px, constant(safe-area-inset-right) + 12px) !important;
    bottom: max(14px, constant(safe-area-inset-bottom) + 14px) !important;
  }

  /* Si un jour tu passes le chevron à gauche, on prévoit aussi : */
  #ast-scroll-top.ast-scroll-to-top-left{
    left: max(12px, env(safe-area-inset-left) + 12px) !important;
    bottom: max(14px, env(safe-area-inset-bottom) + 14px) !important;
    left: max(12px, constant(safe-area-inset-left) + 12px) !important;
  }

  /* Très petits écrans : bouton un peu plus compact */
  @media (max-width:360px){
    #ast-scroll-top.ast-scroll-top-icon{ width:44px; height:44px; }
  }
}

/* Fallback pour navigateurs sans support de max()/env() */
@supports not (right: max(0px, 0px)){
  #ast-scroll-top.ast-scroll-top-icon{ right:12px !important; bottom:14px !important; }
}

/* ==========================================================
   Catalogue — retour en haut discret
   ========================================================== */

/* On évite un doublon avec le bouton natif Astra sur le catalogue. */
body.post-type-archive-product #ast-scroll-top,
body.tax-product_cat #ast-scroll-top,
body.tax-product_tag #ast-scroll-top,
body.woocommerce-shop #ast-scroll-top{
  display:none !important;
}

.lh-catalog-scroll-top{
  position:fixed;
  right:max(18px, env(safe-area-inset-right));
  bottom:max(20px, env(safe-area-inset-bottom));
  z-index:9998;

  width:42px;
  height:42px;
  padding:0;

  display:grid;
  place-items:center;

  border:1px solid rgba(156,107,47,.32);
  border-radius:12px;

  background:rgba(255,253,249,.94);
  color:var(--gold-strong, #805424);

  box-shadow:0 8px 24px rgba(31,35,40,.09);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);

  cursor:pointer;

  opacity:0;
  visibility:hidden;
  transform:translateY(8px);

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}

.lh-catalog-scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.lh-catalog-scroll-top:hover{
  background:var(--champagne, #FBF7F2);
  border-color:rgba(156,107,47,.48);
}

.lh-catalog-scroll-top:focus-visible{
  outline:2px solid var(--ring, rgba(198,161,91,.28));
  outline-offset:3px;
}

.lh-catalog-scroll-top svg{
  width:20px;
  height:20px;
  display:block;
}

@media (max-width:520px){
  .lh-catalog-scroll-top{
    right:max(12px, env(safe-area-inset-right));
    bottom:max(14px, env(safe-area-inset-bottom));
    width:40px;
    height:40px;
    border-radius:10px;
  }

  .lh-catalog-scroll-top svg{
    width:19px;
    height:19px;
  }
}

@media (prefers-reduced-motion: reduce){
  .lh-catalog-scroll-top{
    transition:none;
  }
}

/* ==========================================================
   MENU « NOS PRODUITS » — bouton de fermeture
   Sélecteur très spécifique pour neutraliser les styles
   globaux appliqués aux boutons du thème.
   ========================================================== */
#nosProduitsMenu #closeMenu.close-menu-btn{
  -webkit-appearance:none !important;
  appearance:none !important;

  position:absolute !important;
  top:12px !important;
  right:14px !important;
  z-index:2 !important;

  display:grid !important;
  place-items:center !important;

  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;

  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;

  margin:0 !important;
  padding:0 !important;

  border:1px solid rgba(156,107,47,.20) !important;
  border-radius:50% !important;

  background:#fffdf9 !important;
  background-image:none !important;

  color:#1f2328 !important;
  -webkit-text-fill-color:#1f2328 !important;

  font-family:var(--ui-font, Inter, system-ui, sans-serif) !important;
  font-size:0 !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1 !important;

  box-shadow:0 3px 12px rgba(31,35,40,.055) !important;
  text-transform:none !important;
  text-decoration:none !important;

  cursor:pointer !important;
  transform:none !important;

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

/* Croix dessinée en CSS : fine et régulière */
#nosProduitsMenu #closeMenu.close-menu-btn::before,
#nosProduitsMenu #closeMenu.close-menu-btn::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;

  width:14px !important;
  height:1.5px !important;

  border:0 !important;
  border-radius:999px !important;
  background:#1f2328 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

#nosProduitsMenu #closeMenu.close-menu-btn::before{
  transform:translate(-50%,-50%) rotate(45deg) !important;
}

#nosProduitsMenu #closeMenu.close-menu-btn::after{
  transform:translate(-50%,-50%) rotate(-45deg) !important;
}

#nosProduitsMenu #closeMenu.close-menu-btn:hover{
  border-color:rgba(156,107,47,.42) !important;
  background:#fbf7f2 !important;
  color:#805424 !important;
  transform:none !important;
  box-shadow:0 4px 14px rgba(31,35,40,.07) !important;
}

#nosProduitsMenu #closeMenu.close-menu-btn:hover::before,
#nosProduitsMenu #closeMenu.close-menu-btn:hover::after{
  background:#805424 !important;
}

#nosProduitsMenu #closeMenu.close-menu-btn:focus-visible{
  outline:2px solid rgba(198,161,91,.28) !important;
  outline-offset:3px !important;
}

@media (max-width:480px){
  #nosProduitsMenu #closeMenu.close-menu-btn{
    top:10px !important;
    right:12px !important;

    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;

    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
  }

  #nosProduitsMenu #closeMenu.close-menu-btn::before,
  #nosProduitsMenu #closeMenu.close-menu-btn::after{
    width:13px !important;
  }
}


/* ==========================================================
   RETOUR EN HAUT ASTRA — style global LauXane
   Même langage visuel que le bouton de la boutique/home.
   ========================================================== */

/* Bouton natif Astra sur les pages qui ne disposent pas
   déjà d'un bouton personnalisé. */
#ast-scroll-top.ast-scroll-top-icon{
  position:fixed !important;
  z-index:9998 !important;

  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;

  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;

  padding:0 !important;
  margin:0 !important;

  display:grid !important;
  place-items:center !important;

  right:max(18px, env(safe-area-inset-right)) !important;
  bottom:max(20px, env(safe-area-inset-bottom)) !important;

  border:1px solid rgba(156,107,47,.32) !important;
  border-radius:12px !important;

  background:rgba(255,253,249,.94) !important;
  background-image:none !important;

  color:var(--gold-strong, #805424) !important;
  -webkit-text-fill-color:var(--gold-strong, #805424) !important;

  box-shadow:0 8px 24px rgba(31,35,40,.09) !important;

  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);

  line-height:1 !important;
  transform:none !important;
}

/* Neutralise le carré doré / fond historique Astra. */
#ast-scroll-top.ast-scroll-top-icon,
#ast-scroll-top.ast-scroll-top-icon:hover,
#ast-scroll-top.ast-scroll-top-icon:focus,
#ast-scroll-top.ast-scroll-top-icon:active{
  background-color:rgba(255,253,249,.94) !important;
  border-color:rgba(156,107,47,.32) !important;
}

/* Icône / chevron */
#ast-scroll-top.ast-scroll-top-icon .ast-icon,
#ast-scroll-top.ast-scroll-top-icon svg,
#ast-scroll-top.ast-scroll-top-icon .ast-arrow-svg{
  width:20px !important;
  height:20px !important;

  color:var(--gold-strong, #805424) !important;
  fill:var(--gold-strong, #805424) !important;
  stroke:var(--gold-strong, #805424) !important;

  margin:0 !important;
  padding:0 !important;
}

/* Si Astra utilise un caractère plutôt qu'un SVG. */
#ast-scroll-top.ast-scroll-top-icon span{
  color:var(--gold-strong, #805424) !important;
  font-size:18px !important;
  line-height:1 !important;
}

#ast-scroll-top.ast-scroll-top-icon:hover{
  background:var(--champagne, #FBF7F2) !important;
  border-color:rgba(156,107,47,.48) !important;
  box-shadow:0 8px 24px rgba(31,35,40,.10) !important;
}

#ast-scroll-top.ast-scroll-top-icon:focus-visible{
  outline:2px solid var(--ring, rgba(198,161,91,.28)) !important;
  outline-offset:3px !important;
}

/* Mobile : même proportions que le bouton boutique. */
@media (max-width:520px){
  #ast-scroll-top.ast-scroll-top-icon{
    right:max(12px, env(safe-area-inset-right)) !important;
    bottom:max(14px, env(safe-area-inset-bottom)) !important;

    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;

    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;

    border-radius:10px !important;
  }

  #ast-scroll-top.ast-scroll-top-icon .ast-icon,
  #ast-scroll-top.ast-scroll-top-icon svg,
  #ast-scroll-top.ast-scroll-top-icon .ast-arrow-svg{
    width:19px !important;
    height:19px !important;
  }
}

/* ==========================================================
   RETOUR EN HAUT — ajustement final compact LauXane
   ========================================================== */
#ast-scroll-top.ast-scroll-top-icon{
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  border:1px solid rgba(156,107,47,.24) !important;
  border-radius:10px !important;
  background:rgba(255,253,249,.92) !important;
  background-color:rgba(255,253,249,.92) !important;
  color:var(--gold-strong, #805424) !important;
  box-shadow:0 4px 14px rgba(31,35,40,.06) !important;
}

#ast-scroll-top.ast-scroll-top-icon .ast-icon,
#ast-scroll-top.ast-scroll-top-icon svg,
#ast-scroll-top.ast-scroll-top-icon .ast-arrow-svg{
  width:16px !important;
  height:16px !important;
}

#ast-scroll-top.ast-scroll-top-icon:hover{
  background:var(--champagne, #FBF7F2) !important;
  border-color:rgba(156,107,47,.38) !important;
  box-shadow:0 5px 16px rgba(31,35,40,.075) !important;
}

@media (max-width:520px){
  #ast-scroll-top.ast-scroll-top-icon{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    border-radius:9px !important;
  }

  #ast-scroll-top.ast-scroll-top-icon .ast-icon,
  #ast-scroll-top.ast-scroll-top-icon svg,
  #ast-scroll-top.ast-scroll-top-icon .ast-arrow-svg{
    width:15px !important;
    height:15px !important;
  }
}