:root {
	--wd-text-font: "Gramatika CLS", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #000000;
	--wd-text-font-size: 18px;
	--wd-title-font: "Gramatika CLS", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(236,0,69);
	--wd-entities-title-font: Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(236, 0, 69);
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 18px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(236,0,69);
	--wd-alternative-color: rgb(0,0,0);
	--btn-default-font-family: Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-font-size: 24px;
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: rgb(236,0,69);
	--btn-default-color: rgb(236,0,69);
	--btn-accented-font-family: Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-font-size: 24px;
	--btn-accented-bgcolor: rgb(236,0,69);
	--btn-accented-bgcolor-hover: rgb(255,255,255);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(236,0,69);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(236,0,69);
	--wd-link-color-hover: rgb(236,0,69);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 710px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #EC0045;
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: #000000;
}
html .product-image-summary-wrap .product_title:hover, html .wd-single-title .product_title:hover {
	color: #000000;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 700;
	font-size: 35px;
	line-height: 40px;
	color: #000000;
}
html .product-image-summary-wrap .summary-inner > .price:hover, html .wd-single-price .price:hover {
	color: #000000;
}
.product-grid-item .product-title {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 600;
	font-size: 24px;
}
.price .amount {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 600;
	font-size: 20px;
	color: rgb(236,0,69);
}
.amount {
	font-family: Arial, Helvetica, sans-serif;	color: rgb(236,0,69);
}
 {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 400;
	font-size: 24px;
	color: rgb(255,255,255);
	background: rgb(236,0,69);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(236,0,69);
	--wd-form-placeholder-color: rgb(236,0,69);
	--wd-form-brd-color: rgb(236,0,69);
	--wd-form-brd-color-focus: rgb(236,0,69);
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #c7dbeb;
}

@font-face {
	font-family: "Gramatika CLS";
	src: url("//www.cls-bz.it/wp-content/uploads/2026/07/gramatika-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Gramatika CLS";
	src: url("//www.cls-bz.it/wp-content/uploads/2026/07/gramatika-light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Gramatika CLS";
	src: url("//www.cls-bz.it/wp-content/uploads/2026/07/gramatika-bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

/* =========================================================
   CLS - VARIABILI GLOBALI

   Artboard desktop XD: 1440px
   Container contenuto XD: 1196px
   Margini laterali a 1440px: 122px + 122px
   Mobile: padding laterale 25px
   ========================================================= */

:root {
  /* Colori */
  --cls-red: #EC0045;
  --cls-white: #ffffff;
  --cls-black: #000000;

  /* Font globale */
  --cls-font: "Gramatika CLS", Arial, Helvetica, sans-serif;

  /* Container */
  --cls-container-max: 1196px;
  --cls-container-fluid: 83.0556vw;
  --cls-mobile-padding: 25px;

  /* Spaziatura colonne */
  --cls-column-gap: 16px;
  --cls-column-gap-half: calc(var(--cls-column-gap) / 2);

  /* Variabili tipografiche WoodMart */
  --wd-text-font: var(--cls-font);
  --wd-title-font: var(--cls-font);
  --wd-alternative-font: var(--cls-font);
  --wd-widget-title-font: var(--cls-font);
  --btn-font-family: var(--cls-font);
  --btn-accented-font-family: var(--cls-font);
}

/* =========================================================
   GRAMATIKA CLS – VARIANTI NORMALI E CORSIVE
   ========================================================= */

@font-face {
  font-family: "Gramatika CLS";
  src: url("https://www.cls-bz.it/wp-content/uploads/2026/07/gramatika-light.woff2")
    format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gramatika CLS";
  src: url("https://www.cls-bz.it/wp-content/uploads/2026/07/gramatika-regular.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gramatika CLS";
  src: url("https://www.cls-bz.it/wp-content/uploads/2026/07/gramatika-bold.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Gramatika CLS";
  src: url("https://www.cls-bz.it/wp-content/uploads/2026/07/gramatika-light-italic.woff2")
    format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gramatika CLS";
  src: url("https://www.cls-bz.it/wp-content/uploads/2026/07/gramatika-regular-italic.woff2")
    format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gramatika CLS";
  src: url("https://www.cls-bz.it/wp-content/uploads/2026/07/gramatika-bold-italic.woff2")
    format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/* =========================================================
   BASE GLOBALE
   ========================================================= */

html body,
button,
input,
select,
textarea {
  font-family: var(--cls-font) !important;
}

html body a,
html body a:hover,
html body a:focus {
  color: var(--cls-red);
}


/* =========================================================
   CONTAINER GLOBALE PROPORZIONALE XD

   Da 700px in su:
   - a 1440px diventa 1196px;
   - sotto 1440px si ridimensiona in proporzione.
   ========================================================= */

@media (min-width: 700px) {
  html body .container,
  html body .wd-container,
  html body .main-page-wrapper > .container,
  html body .wd-page-content .container,
  html body .wd-prefooter .container,
  html body .wd-footer .container,
  html body .cls-container {
    width: min(var(--cls-container-max), var(--cls-container-fluid)) !important;
    max-width: min(var(--cls-container-max), var(--cls-container-fluid)) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }
}


/* =========================================================
   CONTAINER MOBILE

   Sotto 700px segue il layout mobile XD:
   25px di padding a sinistra e a destra.
   ========================================================= */

@media (max-width: 699.98px) {
  html body .container,
  html body .wd-container,
  html body .main-page-wrapper > .container,
  html body .wd-page-content .container,
  html body .wd-prefooter .container,
  html body .wd-footer .container,
  html body .cls-container {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: var(--cls-mobile-padding) !important;
    padding-right: var(--cls-mobile-padding) !important;

    box-sizing: border-box !important;
  }
}


/* =========================================================
   SEZIONI FULL WIDTH
   ========================================================= */

.cls-section-full {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  box-sizing: border-box !important;
}

.cls-section-red {
  background-color: var(--cls-red) !important;
}

.cls-section-white {
  background-color: var(--cls-white) !important;
}

.cls-section-black {
  background-color: var(--cls-black) !important;
}


/* =========================================================
   UTILITY RESPONSIVE WPBAKERY
   ========================================================= */

.cls-row-mobile,
.cls-row-tablet,
.cls-row-desktop {
  display: none !important;
}

@media (max-width: 699.98px) {
  .cls-row-mobile {
    display: block !important;
  }
}

@media (min-width: 700px) and (max-width: 1024.98px) {
  .cls-row-tablet {
    display: block !important;
  }
}

@media (min-width: 1025px) {
  .cls-row-desktop {
    display: block !important;
  }
}


/* =========================================================
   RESET GLOBALE IMMAGINI
   ========================================================= */

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.wpb_single_image figure {
  margin: 0;
}


/* =========================================================
   TIPOGRAFIA BASE — RESPONSIVE
   Mobile fino a 699px
   Ridimensionamento progressivo tra 700px e 1024px
   Desktop da 1025px
   ========================================================= */


/* =========================================================
   TESTO NORMALE

   Mobile:  16px / 20px
   Desktop: 18px / 24px
   ========================================================= */

body {
  font-style: normal;
  font-weight: 400;

  font-size: clamp(
    16px,
    calc(11.71px + 0.614vw),
    18px
  );

  line-height: clamp(
    20px,
    calc(11.42px + 1.227vw),
    24px
  );

  letter-spacing: 0;
}


/* =========================================================
   PROPRIETÀ COMUNI AI TITOLI
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--cls-red);
  opacity: 1;
}


/* =========================================================
   H1 E H2

   Mobile:  54px / 54px
   Desktop: 64px / 60px
   ========================================================= */

h1,
h2 {
  font-size: clamp(
    54px,
    calc(32.56px + 3.067vw),
    64px
  );

  line-height: clamp(
    54px,
    calc(41.14px + 1.84vw),
    60px
  );

  font-weight: 700;

  letter-spacing: clamp(
    -0.64px,
    calc(-0.326px - 0.031vw),
    -0.54px
  );
}


/* =========================================================
   H3

   Mobile:  20px / 24px
   Desktop: 24px / 30px
   ========================================================= */

h3 {
  font-size: clamp(
    20px,
    calc(11.42px + 1.227vw),
    24px
  );

  line-height: clamp(
    24px,
    calc(11.14px + 1.84vw),
    30px
  );

  font-weight: 700;

  letter-spacing: clamp(
    -0.24px,
    calc(-0.114px - 0.0123vw),
    -0.2px
  );
}


/* =========================================================
   H4 E H5

   Mobile:  16px / 20px
   Desktop: 18px / 24px
   ========================================================= */

h4,
h5 {
  font-size: clamp(
    16px,
    calc(11.71px + 0.614vw),
    18px
  );

  line-height: clamp(
    20px,
    calc(11.42px + 1.227vw),
    24px
  );

  font-weight: 400;
  letter-spacing: 0;
}


/* =========================================================
   H5
   ========================================================= */

h5 {
  text-decoration: underline;
}


/* =========================================================
   H6

   Mobile:  14px / 18px
   Desktop: 18px / 22px
   ========================================================= */

h6 {
  font-size: clamp(
    14px,
    calc(5.42px + 1.227vw),
    18px
  );

  line-height: clamp(
    18px,
    calc(9.42px + 1.227vw),
    22px
  );

  font-weight: 400;
  letter-spacing: 0;
}


/* =========================================================
   BOTTONI GLOBALI

   Stato normale:
   - sfondo bianco
   - bordo e testo rossi

   Hover / focus:
   - sfondo e bordo rossi
   - testo bianco

   Sono esclusi i controlli tecnici e le aree con una
   personalizzazione dedicata, come la newsletter.
   Le regole specifiche presenti nel CSS di Aspetto vengono
   caricate successivamente e mantengono la precedenza.
   ========================================================= */

/* Tipografia comune dei pulsanti */
.added_to_cart,
.btn,
.button,
[type="button"],
[type="submit"],
button {
  letter-spacing: 0 !important;
}

/* Pulsanti testuali standard del sito */
html body
:is(
  a.btn:not(.btn-style-link):not(.wd-btn-arrow),
  a.button,
  button.button,
  input.button,
  input[type="submit"]:not(.searchsubmit),
  button[type="submit"]:not(.searchsubmit):not(.cls-fs-search-btn):not(.cls-mob-search-btn),
  .vc_btn3,
  .wp-element-button,
  .woocommerce-button,
  .single_add_to_cart_button,
  .checkout-button
):not(.form_formattazione *) {
  color: var(--cls-red) !important;
  background-color: var(--cls-white) !important;

  border-color: var(--cls-red) !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  text-decoration: none !important;
}

html body
:is(
  a.btn:not(.btn-style-link):not(.wd-btn-arrow),
  a.button,
  button.button,
  input.button,
  input[type="submit"]:not(.searchsubmit),
  button[type="submit"]:not(.searchsubmit):not(.cls-fs-search-btn):not(.cls-mob-search-btn),
  .vc_btn3,
  .wp-element-button,
  .woocommerce-button,
  .single_add_to_cart_button,
  .checkout-button
):not(.form_formattazione *):hover,
html body
:is(
  a.btn:not(.btn-style-link):not(.wd-btn-arrow),
  a.button,
  button.button,
  input.button,
  input[type="submit"]:not(.searchsubmit),
  button[type="submit"]:not(.searchsubmit):not(.cls-fs-search-btn):not(.cls-mob-search-btn),
  .vc_btn3,
  .wp-element-button,
  .woocommerce-button,
  .single_add_to_cart_button,
  .checkout-button
):not(.form_formattazione *):focus {
  color: var(--cls-white) !important;
  background-color: var(--cls-red) !important;
  border-color: var(--cls-red) !important;

  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}


/* =========================================================
   COMPONENTE PULSANTE CLS RIUTILIZZABILE

   Uso WPBakery:
   cls-button cls-button-outline
   ========================================================= */

html body .cls-button {
  margin: 0 !important;
  padding: 0 !important;
}

html body .cls-button .vc_btn3,
html body a.cls-button,
html body button.cls-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 162px !important;
  width: auto !important;

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

  margin: 0 !important;
  padding: 0 24px !important;

  border: 2px solid var(--cls-red) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-family: var(--cls-font) !important;
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  font-style: normal !important;

  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;
  box-sizing: border-box !important;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease !important;
}

html body .cls-button-outline .vc_btn3,
html body a.cls-button-outline,
html body button.cls-button-outline {
  color: var(--cls-red) !important;
  background-color: var(--cls-white) !important;
  border-color: var(--cls-red) !important;
}

html body .cls-button-outline .vc_btn3:hover,
html body .cls-button-outline .vc_btn3:focus,
html body a.cls-button-outline:hover,
html body a.cls-button-outline:focus,
html body button.cls-button-outline:hover,
html body button.cls-button-outline:focus {
  color: var(--cls-white) !important;
  background-color: var(--cls-red) !important;
  border-color: var(--cls-red) !important;

  box-shadow: none !important;
  outline: none !important;
}

@media (max-width: 767px) {
  html body .cls-button .vc_btn3,
  html body a.cls-button,
  html body button.cls-button {
    min-width: 150px !important;

    padding-left: 20px !important;
    padding-right: 20px !important;

    font-size: 18px !important;
    line-height: 24px !important;
  }
}


/* =========================================================
   REGOLE SPECIFICHE SITO
   ========================================================= */

.product-grid-item .wd-entities-title {
  min-height: 50px;
}

.woocommerce-thankyou-order-received {
  display: none;
}

.wd-post-date.wd-style-with-bg {
  display: none !important;
}


/* =========================================================
   TITOLO NEWSLETTER PREFOOTER
   ========================================================= */

.cls-newsletter-title,
.cls-newsletter-title h2,
.wd-prefooter .cls-newsletter-title {
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  line-height: 43px !important;
  letter-spacing: -0.36px !important;
  color: var(--cls-white) !important;
  opacity: 1 !important;
}


/* =========================================================
   TITOLO NEWSLETTER PREFOOTER – MOBILE
   ========================================================= */

@media (max-width: 699.98px) {
  .cls-newsletter-title,
  .cls-newsletter-title h2,
  .wd-prefooter .cls-newsletter-title {
    font-size: 22px !important;
    line-height: 26px !important;
    letter-spacing: -0.22px !important;
  }
}


/* =========================================================
   PREZZO CARD CORSI
   ========================================================= */

.cls-corso-prezzo .price,
.cls-corso-prezzo .price .amount,
.cls-corso-prezzo .price .woocommerce-Price-amount {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  color: var(--cls-black) !important;
}

.cls-corso-prezzo .woocommerce-Price-currencySymbol {
  display: none !important;
}

.cls-corso-prezzo .price::before {
  content: "Euro";
  display: inline-block;
  margin-right: 0.25em !important;
}

.cls-corso-prezzo .woocommerce-Price-amount bdi {
  display: inline-block;
  margin-left: -0.25em !important;
}


/* =========================================================
   SPAZIATURA GLOBALE TRA COLONNE

   Gutter CLS unico: 16px a tutte le larghezze.
   Si applica alle griglie WoodMart, ai carousel, alle righe
   WPBakery con più colonne e ai blocchi colonne WordPress.

   Le componenti strutturali con una geometria autonoma
   (header, footer, menu, frecce, stack verticali) mantengono
   le proprie regole specifiche.
   ========================================================= */

.main-page-wrapper .wd-grid,
.main-page-wrapper .wd-grid-g,
.main-page-wrapper .wd-carousel {
  /*
   * WoodMart recente può scrivere direttamente --wd-gap
   * inline (per esempio 10px nei carousel corsi della Home).
   * Vengono quindi uniformate sia la variabile corrente sia
   * le tre varianti responsive storiche.
   */
  --wd-gap: var(--cls-column-gap) !important;
  --wd-gap-lg: var(--cls-column-gap) !important;
  --wd-gap-md: var(--cls-column-gap) !important;
  --wd-gap-sm: var(--cls-column-gap) !important;
}

.main-page-wrapper
.vc_row:has(> .wpb_column + .wpb_column):not(.vc_row-no-padding) {
  --wd-column-gap: var(--cls-column-gap) !important;

  margin-left: calc(var(--cls-column-gap-half) * -1) !important;
  margin-right: calc(var(--cls-column-gap-half) * -1) !important;

  column-gap: 0 !important;
  box-sizing: border-box !important;
}

.main-page-wrapper
.vc_row:has(> .wpb_column + .wpb_column):not(.vc_row-no-padding)
> .wpb_column {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.main-page-wrapper
.vc_row:has(> .wpb_column + .wpb_column):not(.vc_row-no-padding)
> .wpb_column
> .vc_column-inner {
  padding-left: var(--cls-column-gap-half) !important;
  padding-right: var(--cls-column-gap-half) !important;
  box-sizing: border-box !important;
}

.main-page-wrapper .wp-block-columns {
  column-gap: var(--cls-column-gap) !important;
}


/* =========================================================
   LINK TESTUALI GLOBALI

   Sottolineatura uniforme per i soli link inseriti nel testo
   corrente dei contenuti.

   Restano esclusi titoli, menu, navigazioni, breadcrumb,
   paginazioni, pulsanti, immagini, icone e link grafici.
   ========================================================= */

html body
:where(
  .wd-entry-content,
  .entry-content,
  .wp-block-post-content,
  .wpb_text_column,
  .woocommerce-MyAccount-content,
  .woocommerce-product-details__short-description,
  .woocommerce-Tabs-panel,
  .term-description,
  .archive-description,
  .cls-page-text-intro,
  .cls-page-text-body,
  .cls-corso-descrizione,
  .gfield_description,
  .gfield_html
)
:where(
  p,
  li,
  blockquote,
  figcaption,
  dd,
  dt
):not(
  :where(
    .menu *,
    .wd-nav *,
    .nav-links *,
    .page-numbers *,
    .pagination *,
    .woocommerce-pagination *,
    .woocommerce-MyAccount-navigation *,
    .wd-tabs *,
    .tabs *,
    .wc-tabs *,
    .social-icons *,
    .wd-social-icons *,
    .wd-tools-element *,
    .wd-action-btn *,
    .breadcrumbs *,
    .yoast-breadcrumb *,
    .cls-page-text-breadcrumb *,
    .wd-button-wrapper *
  )
)
a:not(
  .button,
  .btn,
  .vc_btn3,
  .wp-element-button,
  .wp-block-button__link,
  .woocommerce-button,
  .add_to_cart_button,
  .single_add_to_cart_button,
  .added_to_cart,
  .cls-button,
  .cls-button-outline,
  .cls-news-card-cta,
  .cls-corso-card-cta,
  [role="button"],
  [class*="button"],
  [class*="btn"]
):not(
  :has(
    img,
    picture,
    svg,
    i,
    .wd-icon,
    .wd-tools-icon,
    .wd-nav-img
  )
) {
  --wd-link-decor: underline !important;
  --wd-link-decor-hover: underline !important;

  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-color: currentColor !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  text-decoration-skip-ink: auto !important;

  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}