html {
    scroll-behavior: smooth;
}

.cnd-section {
    display: flex;            /* Enable flex layout */
    flex-direction: column;   /* Arrange child elements vertically */
    justify-content: center;  /* Center elements vertically */
    align-items: center;      /* Center elements horizontally */
    width: 100%;              /* 100% width */
    padding: 0;            /* Internal spacing (modifiable) */
}

/* Checkbox container */
.checkbox-container {
    display: none;
    position: absolute;
    background-color: white;
    border: 0px solid #ccc;
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    margin-top: 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    padding: 0;
}

/* Style for checkbox label */
.checkbox-container label {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 1.2em;

}

input.form-check-input {
    margin-right: 8px !important;
    min-width: 17px;
}

/* Font weight when checkbox is selected */
.checkbox-container label:has(input[type="checkbox"]:checked) {
    font-weight: 600;
}

/* Hover on label */
.checkbox-container label:hover {
    background-color: #e6f0ff;
}


.cnd-srch-res-box {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: space-around;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}

.cnd-cr-body {
    display: flex;            /* Set Flexbox layout */
    flex-direction: column;   /* Set child elements direction in column */
    justify-content: flex-end; /* Align child elements to the end of container (bottom) */
    align-items: flex-start;  /* Align child elements to the start of cross axis (left) */
    height: 100%;             /* Set a defined height to ensure bottom alignment */
}

.cnd-src-res-item {
    padding: 24px;
        display: flex;            /* Set Flexbox layout */
    flex-direction: column;   /* Set child elements direction in column */
    justify-content: space-between; /* Distribute space between children so one is at start and other at end */
    height: 100%; 
}


p.cnd-description {
    font-family: 'Lora';
    font-weight: 400;
    color: #2f475e;
    line-height: 1.4em;
    font-size: var(--ist-16);
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(1.4em * 2); /* Maximum height of 2 lines */
}


.select-container {
    position: relative;
}
.select-box::after {
    content: '\25BC';
    position: absolute;
    right: 10px;
    top: 14px;
    font-size: 12px;
}

.cnd-col-sel-cnt {
    border: 1px solid #D9DADB;
    padding: 4px;
    display: flex;
    gap: 4px;
    width: 100%;
    max-width: 270px;
    border-radius: 3px;
}

.columns-button {
    background-color: white;
    color: #003366;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.columns-button .icon-columns {
    font-weight: bold;
}

.columns-button.active {
    background-color: #0066CC;
    color: white;
}

.columns-button:focus {
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}

.cnd-src-col-lts {
    display: flex;
    flex-direction: column;  /* Ensure children are aligned vertically */

}

/* To align all elements to the bottom */
.cnd-src-col-lts > :first-child {
    margin-top: auto;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.chip {
    background-color: #ffffff;
    padding: 12px 14px;
    font-size: 14px;
    color: #0066cc;
    font-weight: 600;
    border: 2px solid #0066cc;
    border-radius: 200px;
    cursor: pointer;
}

.chip:hover {
    background-color: #0066CC !important;
    border-color: #0066CC !important;
    color: white; /* Add this if you want to change the text color too */
}

.chip .close-button {
    margin-left: 8px;
    font-size: 16px;
    cursor: pointer;
}

.chip .close-button:hover {
    background-color: #0066CC !important;
    color: white; /* Add this if you want to change the close button text color too */
}

.chip-small {
    font-family: Titillium Web;
  font-size: 16px;
  color: #0066cc;
  font-weight: 600;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 24px;
  padding-right: 24px;
  border-top-color: #0066cc;
  border-right-color: #0066cc;
  border-bottom-color: #0066cc;
  border-left-color: #0066cc;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-radius:
100px;
}


.columns-button {
    background-color: white;
    color: #003366;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.columns-button .icon-columns {
    font-weight: bold;
    filter: invert(0%); /* Ensure the icon is dark blue */
}

.columns-button.active .icon-columns {
    filter: invert(100%); /* Change the icon color to white */
}

.columns-button.active {
    background-color: #0066CC;
    color: white;
}

h3.cnd-crd-ttl {
    font-size: var(--ist-24);
    font-weight: 600;
    line-height: 1.3em;
    color: #0066cc;
    padding-bottom: 6px;
}

.cnd-crd-dsc {
    padding-bottom : 12px;
}

.search-noresults {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 600px;
    padding: 70px 40px;
}

h3.h3-nr {
    color: #0066CC;
    font-size: var(--ist-40);
    line-height: 1.1em;
    font-weight: 700;
    text-align: center;
}

p.txt-nr {
    color: #1A1A1A;
    font-size: var(--ist-24);
    font-weight: 600;
    text-align: center;
    max-width: 650px;
}

.chip-status {
    font-size: 14px;
    font-weight: 700;
    padding: 4px 24px;
    border: 1px solid;
    background-color: #ffffff;
    border-radius: 200px;
    margin: 0px 8px;
}

span.chip-status.chip-green {
    color: #0B7E18;
    border: 1px solid #0B7E18;
}
span.chip-status.chip-grey {
    color: #5f5f5f;
    border: 1px solid #5f5f5f;
}

.cnd-crd-srch-rs-top {
    display: flex;           /* Set Flexbox layout */
    align-items: flex-start; /* Align child elements to the left */
    margin-bottom: var(--ist-24);
}

.align-vert {
    display: flex;            /* Enable Flexbox layout */
    justify-content: center;  /* Center elements along the vertical axis */
    align-items: center !important;      

}
.cnd-themes-list {
      display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  margin-top: 2px;
  margin-bottom: 12px;
  max-width: 100%;
    
}

.it-card-title {
    font-size: 20px;       /* Font size */
    color: #1A1A1A;        /* Text color */
    font-weight: 600;      /* Font weight (semi-bold) */
    line-height: 1.3;      /* Line height for better readability */
    margin: 0;
    margin-bottom: 24px;/* Remove default margin (optional) */
}

.cnd-sc-box {
    padding: 16px 18px;   /* Internal spacing: 16px top and bottom, 18px left and right */
    font-size: 18px;      /* Font size */
}

.cnd-crd-lst div {
line-height: 1.2em;
  margin-bottom: 0px;
  margin-left: 6px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.cnd-themes-list div.cnd-themes-list-pdv {
  line-height: 1.2em;
  margin-bottom: 0px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;  
}

.cnd-crd-lst {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  margin-top: 12px;
  margin-bottom: 10px;
  width: 100%;
  max-width: 100%;
}

.cnd-src-res-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F2F7FC;
    height: 48px;
    padding: 14px 24px;
}

.cnd-pre-res-date img {
    margin-right: 4px;
    
}

.cnd-pre-res-date {
    color: #003366;
    font-size: 16px;
}

.cnd-date {
    color: #003366;
}

/***/

.btn.btn-vocabulary {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #ffffff;
  background-color: #077F7B;
}

.btn.btn-ontology {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #ffffff;
  background-color: #485DB4;
}

.btn.btn-schema {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #ffffff;
  background-color: #D8A004;
}

.cnd-btn-primary,
.btn.cnd-btn-primary {
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 600;
        cursor: default;
        margin-right: 10px;
}


/* Set cursor as default and disable mouse events */
.cnd-btn-primary,
.btn-vocabulary,
.btn-schema,
.btn-ontology {
    cursor: default;           /* Keep standard cursor */
    pointer-events: none;      /* Disable mouse events (if necessary) */
}

/* Remove any hover, focus and active effects */
.cnd-btn-primary:hover,
.cnd-btn-primary:focus,
.cnd-btn-primary:active,
.btn.cnd-btn-primary:hover,
.btn.cnd-btn-primary:focus,
.btn.cnd-btn-primary:active,
.btn-vocabulary:hover,
.btn-vocabulary:focus,
.btn-vocabulary:active,
.btn-schema:hover,
.btn-schema:focus,
.btn-schema:active,
.btn-ontology:hover,
.btn-ontology:focus,
.btn-ontology:active {
    background-color: inherit; /* Keep background unchanged */
    color: inherit;            /* Keep color unchanged */
    border-color: inherit;     /* Keep border unchanged */
    box-shadow: none;          /* Remove shadows or other visual effects */
}

.cnd-progress-cnt {
 height: 10px; 
 width: 100%;
}
.cnd-progress-bar {
    height: 100%;
}

.cnd-dtl-bg {

    z-index: 10;
}

.cnd-dt-hd {
    padding-top: 32px;
    padding-bottom: 72px;
    display: flex;            /* Set layout as flexbox */
    flex-direction: column;   /* Arrange elements vertically */
    justify-content: center;  /* Align children to center along vertical axis */ 
    align-items: center;      /* Align children to center along horizontal axis */
}

.cnd-dt-hd .ist-container {
       display: flex;            /* Set layout as flexbox */
    flex-direction: column;   /* Arrange elements vertically */
    justify-content: center;  /* Align children to center along vertical axis */  
}

.cnd-progress-cnt {
    background-color: #52E0DB; /* Background color for clarity */
    position: sticky;
    top: 49px; /* Adjust this value based on header height */
    z-index: 90;
}

html {
    scroll-padding-top: 100px; /* Adjust this value to navbar height */
}

.cnd-data {
    font-family: 'Roboto Mono', monospace;
}

.cnd-sticky {
    position: sticky;
    top: 180px;
}

#navbar {

    top: 100px; /* Must match the progress bar position */
    height: auto; /* Dynamically calculated height */
   /* overflow-y: auto;  Enable scrolling if content is long */
    z-index: 8; /* Below main sticky sections */
}

/* Breadcrumb Styles */
.breadcrumb {
    font-size: 18px;
    color: #2F475E;
    font-weight: 400;
    margin-bottom: 30px;
}

.breadcrumb-item a {
    font-weight: 600;
    color: #17324D;
        text-decoration: underline;
}

.breadcrumb-sliced {
    display: inline-block;       /* Necessary to limit width */
    max-width: 22ch;             /* Limit text to 22 characters */
    white-space: nowrap;         /* Prevent line break */
    overflow: hidden;            /* Hide excess text */
    text-overflow: ellipsis;     /* Add ellipsis (...) */
    vertical-align: middle;      /* Align vertically to center (optional) */
}

.cnd-dt-hd-meta {
font-family: 'Titillium Web';
    font-size: 16px;       /* Font size */
    color: #1A1A1A;        /* Text color */
    font-weight: 400;      /* Font weight */
}

.cnd-dt-hd-meta b {
    font-weight: 600;   
}

.icon {
    margin-bottom: 3px;
    
}

.cnd-dvd {
    height: 100%;
    width: 1px;
 color: #5C6F82;
 margin-right: 16px;
 margin-left: 16px;
}

.custom-icon {
    width: 15px;            /* Set a smaller width */
    height: 15px;           /* Set a smaller height */
    fill: #0066CC;     /* Change icon color */
    margin: 0 5px;
    margin-bottom: 2px;
} 
.custom-arrow-left {
       fill: #0066CC;  
    
}
.custom-external-link-icon {
        width: 20px;            /* Set a smaller width */
    height: 20px;
    fill: #ffffff;
}

a:hover .custom-external-link-icon {
    fill: #0066CC;
}

.custom-box-arrow-down {
        width: 13px;            /* Set a smaller width */
    height: 13px; 
    fill: #0066CC;
}
a.btn-main-ngt:hover .custom-box-arrow-down {
    fill: #ffffff;
}

.cnd-bk-btn {
    color: #0066CC;        /* Text color */
    font-size: 14px;       /* Font size */
    font-weight: 600;      /* Font weight (semi-bold) */
    padding: 0 0;     /* Internal spacing (modifiable) */
    transition: background-color 0.3s ease; /* Effetto di transizione */

}

.cnd-bk-btn:hover {
        text-decoration: underline;
}

.btn-main-ngt {
  background-color: #ffffff;
  color: #0066cc;
border: 2px solid #0066cc;
margin: 0 6px;
}
.btn-main-ngt:hover {
  background-color: #0066cc;
  color: #ffffff;
border: 2px solid #0066cc;
}

/* Navbar Styles */
#navbar .nav-link {
    font-size: 18px;
    font-weight: 600;
    color: #0066CC;
    padding: 10px 0;
}

#navbar .nav-link:active, 
#navbar .nav-link:focus {
    color: #003366;
}
#navbar .nav-link:hover {
    color: #003366;
}

#navbar ul li a.active {
    border-right: 2px solid #003366;
}

ul.nav {
    border-right: 1px solid #C5C7C9;
    
}


/* Hide .columnsContainer below 1200px */
@media (max-width: 1200px) {
    #columnsContainer {
        display: none;
    }
}

.dropdown-menu {
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,.1);
    z-index: 8;
    padding: 0.5rem 0 0.75rem 0;
    min-width: 200px;
    overflow: visible !important;
}

/* Styles for dropdown and its elements */
.btn-dropdown {
    color: #333 !important;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

.btn-dropdown:hover,
.btn-dropdown:focus {
    color: #333 !important;
    text-decoration: none;
    background: none;
}

#current-selection {
    color: #333 !important;
    font-weight: 500;
    display: inline-block;
}

.dropdown-item {
    color: #333 !important;
    text-decoration: none;
    padding: 0.5rem 1rem;
    display: block;
    width: 100%;
    text-align: left;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #333 !important;
    background-color: #f8f9fa;
    text-decoration: none;
}

/* Style for active element in dropdown */
.dropdown-item[aria-current="true"] {
    background-color: #f8f9fa;
    color: #0066cc !important;
    font-weight: 500;
}

/* Bordo inferiore blu per voci sottomenu: SOLO sul <li>, mai sull'<a> */
/* Riserva spazio per il bordo (trasparente di default) */
.dropdown-menu > li {
    border-bottom: 3px solid transparent !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Bordo blu quando voce sottomenu è attiva (pagina corrente) */
.dropdown-menu > li.active,
.dropdown-menu > li.current-menu-item,
.dropdown-menu > li:has(.dropdown-item[aria-current="page"]),
.dropdown-menu > li:has(.dropdown-item.active) {
    border-bottom: 3px solid #0066cc !important;
    padding-bottom: 0 !important;
}

/* Bordo blu quando voce sottomenu è in hover (sul link o sul li) */
.dropdown-menu > li:hover,
.dropdown-menu > li:has(.dropdown-item:hover),
.dropdown-menu > li:focus-within,
.dropdown-menu > li:has(.dropdown-item:focus) {
    border-bottom: 3px solid #0066cc !important;
    padding-bottom: 0 !important;
}

/* Nessun bordo mai sull'<a> nei sottomenu */
.dropdown-menu .dropdown-item {
    border-bottom: none !important;
    border-bottom-width: 0 !important;
    border-bottom-style: none !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0 !important;
}

.link-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.link-list-wrapper {
    padding: 0;
}

/* Contact Form 7 Privacy Consent - Fix layout with flexbox */
div.privacy-consent,
.wpcf7-form div.privacy-consent,
form div.privacy-consent {
    width: auto !important;
    max-width: 100% !important;
}

div.privacy-consent p,
.wpcf7-form div.privacy-consent p,
form div.privacy-consent p {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0.5em !important;
}

div.privacy-consent .wpcf7-list-item,
div.privacy-consent .wpcf7-acceptance .wpcf7-list-item,
.wpcf7-form div.privacy-consent .wpcf7-list-item,
form div.privacy-consent .wpcf7-list-item {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0.5em !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

div.privacy-consent .wpcf7-form-control-wrap,
div.privacy-consent .wpcf7-acceptance,
.wpcf7-form div.privacy-consent .wpcf7-form-control-wrap,
form div.privacy-consent .wpcf7-form-control-wrap {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

div.privacy-consent .wpcf7-list-item label,
.wpcf7-form div.privacy-consent .wpcf7-list-item label,
form div.privacy-consent .wpcf7-list-item label {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

div.privacy-consent .wpcf7-list-item input[type="checkbox"],
.wpcf7-form div.privacy-consent .wpcf7-list-item input[type="checkbox"],
form div.privacy-consent .wpcf7-list-item input[type="checkbox"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 0.5em 0 0 !important;
    flex: 0 0 auto !important;
}

div.privacy-consent .wpcf7-list-item-label,
.wpcf7-form div.privacy-consent .wpcf7-list-item-label,
form div.privacy-consent .wpcf7-list-item-label {
    white-space: nowrap !important;
    display: inline !important;
    width: auto !important;
    max-width: none !important;
}

/* Miglioramento skip link per accessibilità */
nav[aria-label="salto di blocco"] a.visually-hidden-focusable:focus {
  position: fixed !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 9999 !important;
  width: auto !important;
  height: auto !important;
  padding: 0.75rem 1.5rem !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  background-color: #0066cc !important;
  color: #ffffff !important;
  border: 3px solid #ffffff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
  outline: 3px solid #0066cc !important;
  outline-offset: 2px !important;
}

/* Feedback visivo menu principale: BORDO SOLO SUL <li>, MAI sull'<a> (evita doppio bordo) */
/* Applica il bordo al <li> quando: pagina corrente, ancestor/parent, o hover */
/* IMPORTANTE: Solo per <li> di primo livello, NON per quelli dentro .dropdown-menu */
#menu-main-left > li.active,
#menu-main-left > li.current-menu-ancestor,
#menu-main-left > li.current-menu-parent,
#menu-main-left li.active:not(.dropdown-menu li),
#menu-main-left li.current-menu-ancestor:not(.dropdown-menu li),
#menu-main-left li.current-menu-parent:not(.dropdown-menu li) {
  border-bottom: 3px solid #ffffff !important;
  padding-bottom: 0 !important;
}

/* Nessun bordo mai sull'<a> nel menu principale */
#menu-main-left li > a.nav-link,
#menu-main-left li > .nav-link:not(button) {
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  border-bottom-style: none !important;
  padding-bottom: 0.5rem !important;
}

/* Feedback visivo menu secondario: BORDO SOLO SUL <li>, MAI sull'<a> (evita doppio bordo) */
/* IMPORTANTE: Solo per <li> di primo livello, NON per quelli dentro .dropdown-menu */
#menu-main-right > li.active,
#menu-main-right > li.current-menu-ancestor,
#menu-main-right > li.current-menu-parent,
#menu-main-right li.active:not(.dropdown-menu li),
#menu-main-right li.current-menu-ancestor:not(.dropdown-menu li),
#menu-main-right li.current-menu-parent:not(.dropdown-menu li) {
  border-bottom: 3px solid #ffffff !important;
  padding-bottom: 0 !important;
}

/* Nessun bordo mai sull'<a> nel menu secondario */
#menu-main-right li > a.nav-link,
#menu-main-right li > .nav-link:not(button) {
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  border-bottom-style: none !important;
  padding-bottom: 0.5rem !important;
}

/* Rimuovi border-bottom dai pulsanti dropdown-toggle */
/* IMPORTANTE: I button NON devono mai avere border-bottom, nemmeno su hover */
#menu-main-left button.dropdown-toggle-icon,
#menu-main-right button.dropdown-toggle-icon,
#menu-main-left .dropdown-toggle-icon,
#menu-main-right .dropdown-toggle-icon,
#menu-main-left button.dropdown-toggle-icon:hover,
#menu-main-right button.dropdown-toggle-icon:hover,
#menu-main-left button.dropdown-toggle-icon:focus,
#menu-main-right button.dropdown-toggle-icon:focus,
#menu-main-left li:hover button.dropdown-toggle-icon,
#menu-main-right li:hover button.dropdown-toggle-icon,
#menu-main-left li:focus-within button.dropdown-toggle-icon,
#menu-main-right li:focus-within button.dropdown-toggle-icon {
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  border-bottom-style: none !important;
  padding-bottom: 0.5rem !important;
}

/* Allineamento freccette sottomenu: abbassate di qualche px rispetto al testo */
#menu-main-left button.dropdown-toggle-icon,
#menu-main-right button.dropdown-toggle-icon,
#menu-main-left .dropdown-toggle-icon,
#menu-main-right .dropdown-toggle-icon {
  margin-top: 17px !important;
}

/* Rimuovi border-left dai link del menu (sovrascrive regola .active di Oxygen) */
#menu-main-left .nav-link,
#menu-main-right .nav-link {
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Bordo inferiore sempre riservato SOLO sul <li> (trasparente di default) - evita salto su hover/active */
#menu-main-left > li,
#menu-main-right > li {
  border-bottom: 3px solid transparent !important;
  padding-bottom: 0 !important;
}

/* Allineamento verticale uniforme per tutte le voci del menu #menu-main-right */
/* Garantisce che voci con e senza sottomenu siano allineate alla stessa altezza */
#menu-main-right > li {
  display: flex !important;
  align-items: center !important;
}

/* FORZA rimozione text-decoration SOLO per i menu #menu-main-left e #menu-main-right (sovrascrive regola generica a {} di Bootstrap) */
/* Regola base per tutti i link dei menu E i loro elementi figli (span, etc.) */
/* CRITICO: Gli span dentro i link hanno underline, quindi dobbiamo rimuoverla anche da loro! */
/* IMPORTANTE: Sovrascrive anche #div_block-43-7 span da universal.css */
#div_block-43-7 #menu-main-left a.nav-link span,
#div_block-43-7 #menu-main-right a.nav-link span,
#div_block-43-7 #menu-main-left .nav-link span,
#div_block-43-7 #menu-main-right .nav-link span,
#div_block-43-7 #menu-main-left a.nav-link *,
#div_block-43-7 #menu-main-right a.nav-link *,
#div_block-43-7 #menu-main-left .nav-link *,
#div_block-43-7 #menu-main-right .nav-link *,
#menu-main-left a.nav-link,
#menu-main-right a.nav-link,
#menu-main-left .nav-link,
#menu-main-right .nav-link,
#menu-main-left a.nav-link span,
#menu-main-right a.nav-link span,
#menu-main-left .nav-link span,
#menu-main-right .nav-link span,
#menu-main-left a.nav-link *,
#menu-main-right a.nav-link *,
#menu-main-left .nav-link *,
#menu-main-right .nav-link * {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-style: none !important;
  text-decoration-color: transparent !important;
}

/* Rimuovi text-decoration su hover e applica border-bottom bianco - Menu principale */
/* SOLO per #menu-main-left - FORZA rimozione underline */
/* IMPORTANTE: Rimuovi underline anche dai span figli! */
/* APPLICA IL BORDO AL <li> quando il link è in hover per gestire correttamente i sottomenu */
/* IMPORTANTE: Solo per <li> di primo livello, NON per quelli dentro .dropdown-menu */
#menu-main-left > li:hover:has(a.nav-link:hover),
#menu-main-left > li:hover:has(.nav-link:hover),
#menu-main-left > li:focus-within:has(a.nav-link:focus),
#menu-main-left > li:focus-within:has(.nav-link:focus),
#menu-main-left li:hover:has(a.nav-link:hover):not(.dropdown-menu li),
#menu-main-left li:hover:has(.nav-link:hover):not(.dropdown-menu li),
#menu-main-left li:focus-within:has(a.nav-link:focus):not(.dropdown-menu li),
#menu-main-left li:focus-within:has(.nav-link:focus):not(.dropdown-menu li) {
  border-bottom: 3px solid #ffffff !important;
  padding-bottom: 0 !important;
}

/* Hover: bordo già applicato al <li> dalla regola li:hover sopra; nessun bordo sull'<a> */
/* Solo rimozione underline su link in hover */
#menu-main-left li:not(.menu-item-has-children) > a.nav-link:hover,
#menu-main-left li:not(.menu-item-has-children) > a.nav-link:focus,
#menu-main-left li:not(.menu-item-has-children) > .nav-link:hover:not(button),
#menu-main-left li:not(.menu-item-has-children) > .nav-link:focus:not(button),
#menu-main-left li:not(.menu-item-has-children) > a.nav-link:hover span,
#menu-main-left li:not(.menu-item-has-children) > a.nav-link:focus span,
#menu-main-left li:not(.menu-item-has-children) > .nav-link:hover span,
#menu-main-left li:not(.menu-item-has-children) > .nav-link:focus span {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-style: none !important;
  text-decoration-color: transparent !important;
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Assicura che la sottolineatura sia visibile anche su hover/focus - Menu principale (link attivi) */
/* Per i link con sottomenu, il bordo è sul <li>, quindi questa regola si applica solo ai link senza sottomenu */
#menu-main-left li:not(.menu-item-has-children).active .nav-link:not(.dropdown-toggle-icon):not(button):hover,
#menu-main-left li:not(.menu-item-has-children).active .nav-link:not(.dropdown-toggle-icon):not(button):focus,
#menu-main-left li:not(.menu-item-has-children) > .nav-link.active:not(.dropdown-toggle-icon):not(button):hover,
#menu-main-left li:not(.menu-item-has-children) > .nav-link.active:not(.dropdown-toggle-icon):not(button):focus,
#menu-main-left li:not(.menu-item-has-children) > .nav-link[aria-current="page"]:not(.dropdown-toggle-icon):not(button):hover,
#menu-main-left li:not(.menu-item-has-children) > .nav-link[aria-current="page"]:not(.dropdown-toggle-icon):not(button):focus {
  border-bottom: 3px solid #ffffff !important;
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Rimuovi text-decoration su hover e applica border-bottom bianco - Menu secondario */
/* SOLO per #menu-main-right - FORZA rimozione underline */
/* IMPORTANTE: Rimuovi underline anche dai span figli! */
/* APPLICA IL BORDO AL <li> quando il link è in hover per gestire correttamente i sottomenu */
/* IMPORTANTE: Solo per <li> di primo livello, NON per quelli dentro .dropdown-menu */
#menu-main-right > li:hover:has(a.nav-link:hover),
#menu-main-right > li:hover:has(.nav-link:hover),
#menu-main-right > li:focus-within:has(a.nav-link:focus),
#menu-main-right > li:focus-within:has(.nav-link:focus),
#menu-main-right li:hover:has(a.nav-link:hover):not(.dropdown-menu li),
#menu-main-right li:hover:has(.nav-link:hover):not(.dropdown-menu li),
#menu-main-right li:focus-within:has(a.nav-link:focus):not(.dropdown-menu li),
#menu-main-right li:focus-within:has(.nav-link:focus):not(.dropdown-menu li) {
  border-bottom: 3px solid #ffffff !important;
  padding-bottom: 0 !important;
}

/* Hover menu secondario: bordo già sul <li>; solo rimozione underline sui link */
#menu-main-right li:not(.menu-item-has-children) > a.nav-link:hover,
#menu-main-right li:not(.menu-item-has-children) > a.nav-link:focus,
#menu-main-right li:not(.menu-item-has-children) > .nav-link:hover:not(button),
#menu-main-right li:not(.menu-item-has-children) > .nav-link:focus:not(button),
#menu-main-right li:not(.menu-item-has-children) > a.nav-link:hover span,
#menu-main-right li:not(.menu-item-has-children) > a.nav-link:focus span,
#menu-main-right li:not(.menu-item-has-children) > .nav-link:hover span,
#menu-main-right li:not(.menu-item-has-children) > .nav-link:focus span {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-style: none !important;
  text-decoration-color: transparent !important;
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* REGOLA FINALE ULTRA-SPECIFICA per rimuovere text-decoration su hover - Menu principale e secondario */
/* Questa regola viene caricata per ultima e sovrascrive TUTTO, incluso Bootstrap Italia e universal.css */
/* Usa #main-menu-left per aumentare la specificità e sovrascrivere universal.css */
/* CRITICO: Rimuovi underline anche dai span figli che sono la vera causa del problema! */
/* IMPORTANTE: Sovrascrive anche #div_block-43-7 span:hover da universal.css */
#div_block-43-7 #main-menu-left #menu-main-left a.nav-link:hover,
#div_block-43-7 #main-menu-left #menu-main-left a.nav-link:focus,
#div_block-43-7 #main-menu-left #menu-main-left .nav-link:hover,
#div_block-43-7 #main-menu-left #menu-main-left .nav-link:focus,
#div_block-43-7 #main-menu-left #menu-main-left a.nav-link:hover span,
#div_block-43-7 #main-menu-left #menu-main-left a.nav-link:focus span,
#div_block-43-7 #main-menu-left #menu-main-left .nav-link:hover span,
#div_block-43-7 #main-menu-left #menu-main-left .nav-link:focus span,
#div_block-43-7 #main-menu-left #menu-main-right a.nav-link:hover,
#div_block-43-7 #main-menu-left #menu-main-right a.nav-link:focus,
#div_block-43-7 #main-menu-left #menu-main-right .nav-link:hover,
#div_block-43-7 #main-menu-left #menu-main-right .nav-link:focus,
#div_block-43-7 #main-menu-left #menu-main-right a.nav-link:hover span,
#div_block-43-7 #main-menu-left #menu-main-right a.nav-link:focus span,
#div_block-43-7 #main-menu-left #menu-main-right .nav-link:hover span,
#div_block-43-7 #main-menu-left #menu-main-right .nav-link:focus span,
#div_block-43-7 #menu-main-left a.nav-link:hover span,
#div_block-43-7 #menu-main-left a.nav-link:focus span,
#div_block-43-7 #menu-main-left .nav-link:hover span,
#div_block-43-7 #menu-main-left .nav-link:focus span,
#div_block-43-7 #menu-main-right a.nav-link:hover span,
#div_block-43-7 #menu-main-right a.nav-link:focus span,
#div_block-43-7 #menu-main-right .nav-link:hover span,
#div_block-43-7 #menu-main-right .nav-link:focus span,
#main-menu-left #menu-main-left a.nav-link:hover,
#main-menu-left #menu-main-left a.nav-link:focus,
#main-menu-left #menu-main-left .nav-link:hover,
#main-menu-left #menu-main-left .nav-link:focus,
#main-menu-left #menu-main-left a.nav-link:hover span,
#main-menu-left #menu-main-left a.nav-link:focus span,
#main-menu-left #menu-main-left .nav-link:hover span,
#main-menu-left #menu-main-left .nav-link:focus span,
#main-menu-left #menu-main-right a.nav-link:hover,
#main-menu-left #menu-main-right a.nav-link:focus,
#main-menu-left #menu-main-right .nav-link:hover,
#main-menu-left #menu-main-right .nav-link:focus,
#main-menu-left #menu-main-right a.nav-link:hover span,
#main-menu-left #menu-main-right a.nav-link:focus span,
#main-menu-left #menu-main-right .nav-link:hover span,
#main-menu-left #menu-main-right .nav-link:focus span,
#menu-main-left a.nav-link:hover,
#menu-main-left a.nav-link:focus,
#menu-main-left .nav-link:hover,
#menu-main-left .nav-link:focus,
#menu-main-left a.nav-link:hover span,
#menu-main-left a.nav-link:focus span,
#menu-main-left .nav-link:hover span,
#menu-main-left .nav-link:focus span,
#menu-main-right a.nav-link:hover,
#menu-main-right a.nav-link:focus,
#menu-main-right .nav-link:hover,
#menu-main-right .nav-link:focus,
#menu-main-right a.nav-link:hover span,
#menu-main-right a.nav-link:focus span,
#menu-main-right .nav-link:hover span,
#menu-main-right .nav-link:focus span {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-style: none !important;
  text-decoration-color: transparent !important;
}

/* Regole specifiche per sottomenu dei menu principali - Bordo bianco di default, blu in hover/active */
/* Assicura che i sottomenu abbiano spazio per il bordo */
#menu-main-left .dropdown-menu,
#menu-main-right .dropdown-menu {
    padding-bottom: 0.75rem !important;
    overflow: visible !important;
}

/* BORDO BIANCO DI DEFAULT per tutte le voci sottomenu - evita scatti */
#menu-main-left .dropdown-menu > li,
#menu-main-right .dropdown-menu > li {
    border-bottom: 3px solid #ffffff !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Bordo blu quando voce sottomenu è attiva (pagina corrente) */
#menu-main-left .dropdown-menu > li.active,
#menu-main-right .dropdown-menu > li.active,
#menu-main-left .dropdown-menu > li.current-menu-item,
#menu-main-right .dropdown-menu > li.current-menu-item,
#menu-main-left .dropdown-menu > li:has(.dropdown-item[aria-current="page"]),
#menu-main-right .dropdown-menu > li:has(.dropdown-item[aria-current="page"]),
#menu-main-left .dropdown-menu > li:has(.dropdown-item.active),
#menu-main-right .dropdown-menu > li:has(.dropdown-item.active) {
    border-bottom: 3px solid #0066cc !important;
    padding-bottom: 0 !important;
}

/* IMPORTANTE: Sovrascrivi esplicitamente il bordo bianco delle regole generali per i sottomenu in hover */
/* Questa regola deve avere maggiore specificità delle regole generali */
#menu-main-left .dropdown-menu li:hover:has(a.nav-link:hover),
#menu-main-left .dropdown-menu li:hover:has(.nav-link:hover),
#menu-main-left .dropdown-menu li:focus-within:has(a.nav-link:focus),
#menu-main-left .dropdown-menu li:focus-within:has(.nav-link:focus),
#menu-main-right .dropdown-menu li:hover:has(a.nav-link:hover),
#menu-main-right .dropdown-menu li:hover:has(.nav-link:hover),
#menu-main-right .dropdown-menu li:focus-within:has(a.nav-link:focus),
#menu-main-right .dropdown-menu li:focus-within:has(.nav-link:focus) {
    border-bottom: 3px solid #0066cc !important;
    padding-bottom: 0 !important;
}

/* Bordo blu quando voce sottomenu è in hover */
#menu-main-left .dropdown-menu > li:hover,
#menu-main-right .dropdown-menu > li:hover,
#menu-main-left .dropdown-menu > li:hover:has(.dropdown-item:hover),
#menu-main-right .dropdown-menu > li:hover:has(.dropdown-item:hover),
#menu-main-left .dropdown-menu > li:focus-within,
#menu-main-right .dropdown-menu > li:focus-within,
#menu-main-left .dropdown-menu > li:focus-within:has(.dropdown-item:focus),
#menu-main-right .dropdown-menu > li:focus-within:has(.dropdown-item:focus) {
    border-bottom: 3px solid #0066cc !important;
    padding-bottom: 0 !important;
}

/* Nessun bordo mai sull'<a> nei sottomenu dei menu principali */
#menu-main-left .dropdown-menu .dropdown-item,
#menu-main-right .dropdown-menu .dropdown-item {
    border-bottom: none !important;
    border-bottom-width: 0 !important;
    border-bottom-style: none !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0 !important;
}

/* ============================================
   OUTLINE DI FOCUS CON CONTRASTO MIGLIORATO
   per aree con sfondo scuro (header, footer)
   Replica lo stile del sito di produzione schema.gov.it
   ============================================ */

/* Outline di focus per header e banner (sfondo scuro) */
/* IMPORTANTE: L'outline deve apparire SOLO con Tab (tastiera), NON al click del mouse */
/* Nascondi l'outline quando si clicca con il mouse */
header *:focus:not(:focus-visible),
[role="banner"] *:focus:not(:focus-visible),
.it-header-wrapper *:focus:not(:focus-visible),
.banner *:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Mostra l'outline solo con focus-visible (Tab) */
header *:focus-visible,
[role="banner"] *:focus-visible,
.it-header-wrapper *:focus-visible,
.banner *:focus-visible {
    outline: rgba(0, 0, 0, 0) solid 2.84444px !important;
    outline-offset: 3px !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 5px !important;
}

/* Regole specifiche per i link del menu principale nell'header (maggiore specificità) */
/* IMPORTANTE: Queste regole devono sovrascrivere Bootstrap Italia che applica box-shadow arancione */
/* IMPORTANTE: L'outline deve apparire SOLO con Tab (tastiera), NON al click del mouse */
/* Nascondi l'outline quando si clicca con il mouse */
header nav #menu-main-left li.nav-item a.nav-link:focus:not(:focus-visible),
header nav #menu-main-right li.nav-item a.nav-link:focus:not(:focus-visible),
#menu-main-left li a.nav-link:focus:not(:focus-visible),
#menu-main-right li a.nav-link:focus:not(:focus-visible),
header #menu-main-left li a:focus:not(:focus-visible),
header #menu-main-right li a:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Mostra l'outline solo con focus-visible (Tab) */
header nav #menu-main-left li.nav-item a.nav-link:focus-visible:not(.focus--mouse),
header nav #menu-main-left li.nav-item .nav-link:focus-visible:not(.focus--mouse),
header nav #menu-main-right li.nav-item a.nav-link:focus-visible:not(.focus--mouse),
header nav #menu-main-right li.nav-item .nav-link:focus-visible:not(.focus--mouse),
[role="banner"] nav #menu-main-left li.nav-item a.nav-link:focus-visible:not(.focus--mouse),
[role="banner"] nav #menu-main-left li.nav-item .nav-link:focus-visible:not(.focus--mouse),
[role="banner"] nav #menu-main-right li.nav-item a.nav-link:focus-visible:not(.focus--mouse),
[role="banner"] nav #menu-main-right li.nav-item .nav-link:focus-visible:not(.focus--mouse),
header nav #menu-main-left li.nav-item a.nav-link:focus-visible,
header nav #menu-main-left li.nav-item .nav-link:focus-visible,
header nav #menu-main-right li.nav-item a.nav-link:focus-visible,
header nav #menu-main-right li.nav-item .nav-link:focus-visible,
[role="banner"] nav #menu-main-left li.nav-item a.nav-link:focus-visible,
[role="banner"] nav #menu-main-left li.nav-item .nav-link:focus-visible,
[role="banner"] nav #menu-main-right li.nav-item a.nav-link:focus-visible,
[role="banner"] nav #menu-main-right li.nav-item .nav-link:focus-visible,
#menu-main-left li a.nav-link:focus-visible,
#menu-main-left li .nav-link:focus-visible,
#menu-main-right li a.nav-link:focus-visible,
#menu-main-right li .nav-link:focus-visible,
#menu-main-left a.nav-link:focus-visible,
#menu-main-left .nav-link:focus-visible,
#menu-main-right a.nav-link:focus-visible,
#menu-main-right .nav-link:focus-visible,
header #menu-main-left li a:focus-visible,
header #menu-main-right li a:focus-visible,
header #menu-main-left a:focus-visible,
header #menu-main-right a:focus-visible,
[role="banner"] #menu-main-left li a:focus-visible,
[role="banner"] #menu-main-right li a:focus-visible,
[role="banner"] #menu-main-left a:focus-visible,
[role="banner"] #menu-main-right a:focus-visible,
header li .nav-link:focus-visible,
header .nav-link:focus-visible,
[role="banner"] li .nav-link:focus-visible,
[role="banner"] .nav-link:focus-visible {
    outline: rgba(0, 0, 0, 0) solid 2.84444px !important;
    outline-offset: 3px !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 5px !important;
}

/* Outline di focus per footer (sfondo scuro) - Regole con maggiore specificità */
/* Usa l'ID del footer per aumentare la specificità e sovrascrivere Bootstrap Italia */
/* IMPORTANTE: L'outline deve apparire SOLO con Tab (tastiera), NON al click del mouse */
/* Nascondi l'outline quando si clicca con il mouse */
#div_block-25-7 *:focus:not(:focus-visible),
footer *:focus:not(:focus-visible),
[role="contentinfo"] *:focus:not(:focus-visible),
.it-footer *:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Mostra l'outline solo con focus-visible (Tab) */
#div_block-25-7 *:focus-visible,
#div_block-25-7 a:focus-visible,
#div_block-25-7 button:focus-visible,
#div_block-25-7 nav a:focus-visible,
#div_block-25-7 ul a:focus-visible,
#div_block-25-7 li a:focus-visible,
#div_block-25-7 .menu-item a:focus-visible,
#div_block-25-7 li.menu-item a:focus-visible,
footer *:focus-visible,
[role="contentinfo"] *:focus-visible,
.it-footer *:focus-visible,
footer a:focus-visible,
footer button:focus-visible,
[role="contentinfo"] a:focus-visible,
[role="contentinfo"] button:focus-visible,
.it-footer a:focus-visible,
.it-footer button:focus-visible,
footer nav a:focus-visible,
footer nav button:focus-visible,
[role="contentinfo"] nav a:focus-visible,
[role="contentinfo"] nav button:focus-visible,
footer ul a:focus-visible,
footer li a:focus-visible,
[role="contentinfo"] ul a:focus-visible,
[role="contentinfo"] li a:focus-visible,
footer .menu-item a:focus-visible,
footer li.menu-item a:focus-visible {
    outline: rgba(0, 0, 0, 0) solid 2.84444px !important;
    outline-offset: 3px !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 5px !important;
}

/* Regole specifiche per link e bottoni nel header/footer - solo con focus-visible (Tab) */
header a:focus-visible,
header button:focus-visible,
[role="banner"] a:focus-visible,
[role="banner"] button:focus-visible,
.it-header-wrapper a:focus-visible,
.it-header-wrapper button:focus-visible,
.banner a:focus-visible,
.banner button:focus-visible,
/* Regole aggiuntive per link con classi specifiche nell'header - solo con focus-visible (Tab) */
header a.ct-link-text:focus-visible,
header a.cnd-hd-tp-lnk:focus-visible {
    outline: rgba(0, 0, 0, 0) solid 2.84444px !important;
    outline-offset: 3px !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 5px !important;
}

/* ============================================
   OUTLINE DI FOCUS PER CORPO PAGINA (main)
   Applica lo stesso doppio bordo bianco/nero dell'header e footer
   IMPORTANTE: L'outline deve apparire SOLO con Tab (tastiera), NON al click del mouse
   ============================================ */
/* Rimuovi il box-shadow arancione di Bootstrap Italia e applica il doppio bordo bianco/nero */
/* IMPORTANTE: Usa solo :focus-visible per mostrare l'outline solo con Tab, non al click */
/* Nascondi l'outline quando si clicca con il mouse */
main *:focus:not(:focus-visible),
[role="main"] *:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Regola globale per TUTTI gli elementi nel main - solo con focus-visible (Tab) */
main *:focus-visible:not(.focus--mouse),
[role="main"] *:focus-visible:not(.focus--mouse) {
    outline: rgba(0, 0, 0, 0) solid 2.84444px !important;
    outline-offset: 3px !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 5px !important;
}

/* Regole specifiche per link con classi specifiche - solo con focus-visible (Tab) */
main a.ct-link:focus-visible:not(.focus--mouse),
main a.cnt-bx-btn:focus-visible:not(.focus--mouse),
main a.cnd-btn-bx-drk:focus-visible:not(.focus--mouse),
main a.cnd-btn-bx-lgt-ng:focus-visible:not(.focus--mouse),
main a.ct-link:focus-visible,
main a.cnt-bx-btn:focus-visible,
main a.cnd-btn-bx-drk:focus-visible,
main a.cnd-btn-bx-lgt-ng:focus-visible,
[role="main"] a.ct-link:focus-visible,
[role="main"] a.cnt-bx-btn:focus-visible,
[role="main"] a.cnd-btn-bx-drk:focus-visible,
[role="main"] a.cnd-btn-bx-lgt-ng:focus-visible,
/* Regole per link dentro span - solo con focus-visible (Tab) */
main span a:focus-visible:not(.focus--mouse),
main .ct-span a:focus-visible:not(.focus--mouse),
main span a:focus-visible,
main .ct-span a:focus-visible,
[role="main"] span a:focus-visible,
[role="main"] .ct-span a:focus-visible,
/* Regole per link generici nel main - solo con focus-visible (Tab) */
main a:focus-visible:not(.focus--mouse),
main a:focus-visible,
[role="main"] a:focus-visible,
/* Regole per input e button nei form - solo con focus-visible (Tab) */
main input:focus-visible:not(.focus--mouse),
main button:focus-visible:not(.focus--mouse),
main form input:focus-visible:not(.focus--mouse),
main form button:focus-visible:not(.focus--mouse),
main input.cnd-hm-src-btn:focus-visible:not(.focus--mouse),
main button.cnd-src-btn:focus-visible:not(.focus--mouse),
main input:focus-visible,
main button:focus-visible,
main form input:focus-visible,
main form button:focus-visible,
main input.cnd-hm-src-btn:focus-visible,
main button.cnd-src-btn:focus-visible,
[role="main"] input:focus-visible,
[role="main"] button:focus-visible,
[role="main"] form input:focus-visible,
[role="main"] form button:focus-visible {
    outline: rgba(0, 0, 0, 0) solid 2.84444px !important;
    outline-offset: 3px !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 0, 0) 0px 0px 0px 5px !important;
}