/* =========================================
   FOOTER THEME — Direct values (no CSS vars)
   ========================================= */

:root {
    --color-black: #0f1020;
    --color-white: #fff;
    --spacing: .25rem;
    --color-primary-300: #8168f5;
    --color-primary-700: #1d087e;
    --ecomic-preheader-height: 48px;
    --color-black-opac: #0f102016;
    --z-navbar-bar: 200;
}

*, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}

body {
    margin: 100px 0 0 0;
}

.footer-container {
    background-color: #271E52;
    color: #FFFFFF;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 566px;
    position: relative;
    box-sizing: border-box;
}

/* =========================================
   INNER WRAPPER (Content alignment)
   ========================================= */
.footer-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

/* =========================================
   1. TOP SECTION
   ========================================= */
.footer-header {
    width: 100%;
    height: 194px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.footer-header-content {
    height: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.footer-brand-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin: 0;
    white-space: nowrap;
}


/* =========================================
   2. MIDDLE SECTION (With Full-Width Top Border)
   ========================================= */
.footer-main {
    width: 100%;
    height: 272px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    /* FULL WIDTH TOP BORDER */
    border-top: 1px solid #FFFFFF;
}

.footer-main-grid {
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.footer-column {
    flex: 1;
    height: 270px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* FULL HEIGHT VERTICAL BORDER */
    border-right: 1px solid #FFFFFF;
}

.footer-column:last-child {
    border-right: none;
}

.footer-column:not(:first-child) {
    padding-left: 31px;
}

.footer-column-inner {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-column-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #BCBCBC;
    height: 22px;
    display: flex;
    align-items: center;
}

.footer-link-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-link-item {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 17.6px;
    line-height: 27px;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* =========================================
   3. BOTTOM SECTION (With Full-Width Top Border)
   ========================================= */
.footer-bottom {
    width: 100%;
    height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    /* FULL WIDTH TOP BORDER */
    border-top: 1px solid #FFFFFF;
}

.footer-ridotta-content {
    width: 100%;
    height: 92px;
    display: flex;
    align-items: center;
    border-top: 1px solid #FFFFFF;
}

.footer-bottom-content {
    width: 100%;
    height: 44px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px; /* Centering Frame 44px inside 92px */
}

.footer-logos-left-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 34.92px;
    height: 44px;
}

.footer-logo-separator {
    width: 1px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

.footer-logos-right-container {
    height: 44px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
}

/* Ridotta state container adjustment */
.footer-container.desktop-ridotta {
    min-height: 92px;
    height: 92px;
}

/* =========================================
   MOBILE
   ========================================= */
@media (max-width: 992px) {
    .footer-container {
        min-height: unset;
    }

    .footer-header,
    .footer-main,
    .footer-bottom {
        height: auto;
    }

    .footer-main-grid {
        flex-direction: column;
        height: auto;
    }

    .footer-column {
        width: 100%;
        height: auto;
        padding-left: 0 !important;
        margin-bottom: 24px;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .footer-bottom-content {
        flex-direction: column;
        height: auto;
        gap: 40px;
        margin-top: 0;
        padding: 24px 0;
    }

    .footer-logos-left-container {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        gap: 24px;
    }

    .footer-logos-right-container {
        justify-content: flex-start;
        height: auto;
    }

    .footer-logo-separator {
        display: none;
    }

    .footer-ridotta-content {
        height: auto;
        padding: 16px 0;
    }
}

/* ─────────────────────────────────────────────────────────────────────────
   APPROFONDIMENTO LINKS (Fix for innerHTML)
   ───────────────────────────────────────────────────────────────────────── */
dpac-approfondimento a {
  color: #A491FA;
  text-decoration: underline;
  font-weight: 500;
  transition: opacity 0.2s;
  cursor: pointer;
}

dpac-approfondimento a:hover {
  opacity: 0.8;
}

/* ─────────────────────────────────────────────────────────────────────────
   COLOR PALETTE REFINEMENT (基于 Figma)
   ───────────────────────────────────────────────────────────────────────── */

/* 1. PANNELLO VANTAGGI (Left side - Secondary #493990) */
.bg-secondary-figma {
  background-color: #493990 !important;
  color: #FFFFFF !important;
}

/* 2. VERTICAL TAB PANEL OVERRIDES */
dpac-vertical-tab-panel button[role="tab"] {
  background-color: #271E52; /* Primary - Inactive */
  color: rgba(255, 255, 255, 0.5); /* Figma Label color */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease;
}

dpac-vertical-tab-panel button[aria-selected="true"] {
  background-color: #493990 !important; /* Secondary - Active */
  color: #FFFFFF !important;
  font-weight: 600;
}

dpac-vertical-tab-panel button[role="tab"]:hover:not([aria-selected="true"]) {
  background-color: #312666;
  color: #FFFFFF;
}

.action-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

/*.bg-navbar{*/
/*    background-color: var(--color-white);*/
/*    border-bottom: 2px solid #434050;*/
/*    box-sizing: border-box;*/
/*}*/

.iam-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    background: #f59e0b;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 10;
}

/*.bg-navbar .navbar-nav.ml-5.scroll-swap {*/
/*    display: inline-flex !important;*/
/*    flex-direction: row !important;*/
/*    flex-wrap: nowrap !important;*/
/*    align-items: center;*/
/*    gap: 1rem;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*.bg-navbar .navbar-nav.ms-5.scroll-swap > .nav-item {*/
/*    white-space: nowrap;*/
/*}*/


/*.bg-navbar .navbar-nav.ms-5.scroll-swap .nav-link {*/
/*    display: inline-block !important;*/
/*    width: auto !important;*/
/*    white-space: nowrap;*/
/*    margin-right: 0 !important;*/
/*}*/


.nav-item{
    color: var(--color-primary-300);

}

.logo-container{
    color: white;
}

.logo{
    font-size: xx-large;
}

.p-style{
    font-size:x-small;
    color: white;
}

.nav-link {
    color: #333;
    text-decoration: none;
    padding-bottom: 4px;
    position: relative;
    font-weight:normal;
    transition: color 0.15s ease;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #6b46c1;
    transition: width 0.15s ease-in-out;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

.nav-link.active {
    color: #6b46c1; /* Theme purple */
    font-weight: 600;
}

.main-title {
    color: #271E52;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1.125rem, 4.5vw, 1.625rem);
    line-height: 1.15;
    white-space: nowrap;
}

@media (min-width: 1321px) {
    .main-title {
        font-size: 2rem;
    }
}

.navbar-brand-title {
    min-width: 0;
}

.top-link, .plus{
    text-decoration: none;
    color: var(--color-black)   ;
    transition: all 0.3s ease;
}

.top-link:hover{
    text-decoration: underline;
    text-underline-offset: 3px;
}
.bg-top-navbar{
    background-color: var(--color-white);
    border-bottom: 2px solid var(--color-black-opac);

}

.footer-app-logo-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    flex-shrink: 0;
}

.footer-app-divider {
    width: 1px;
    height: 48px;
    background-color: #fff3;
    flex-shrink: 0;
}

.footer-app-brand {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.hamburger{
    width: 32px; height: 24px; position: relative;
    background: transparent; border: 0; padding: 0; cursor: pointer;
}
.hamburger:focus{ outline: none; }
.hamburger:focus-visible{ outline: 2px solid rgba(255,255,255,.6); outline-offset: 2px; }

/* bars */
.hamburger .bar{
    position: absolute; left: 0; right: 0; height: 3px;
    background: #fff; border-radius: 2px;
    transition: transform .25s ease, opacity .2s ease, top .25s ease, background-color .2s ease;
}
.hamburger .bar:nth-child(1){ top: 0;   }
.hamburger .bar:nth-child(2){ top: 10px;}
.hamburger .bar:nth-child(3){ top: 20px;}


.hamburger[aria-expanded="true"] .bar:nth-child(1){
    top: 10px; transform: rotate(45deg);
}
.hamburger[aria-expanded="true"] .bar:nth-child(2){
    opacity: 0; transform: scaleX(0.2);
}
.hamburger[aria-expanded="true"] .bar:nth-child(3){
    top: 10px; transform: rotate(-45deg);
}

/*.navbar-nav {*/
/*    display: flex !important;*/
/*    flex-direction: row !important;*/
/*    align-items: center;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*.nav-item {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.bg-navbar .navbar-nav.ml-5.scroll-swap {*/
/*    display: inline-flex !important;*/
/*    flex-direction: row !important;*/
/*    flex-wrap: nowrap !important;*/
/*    align-items: center;*/
/*    gap: 1rem;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

@media (max-width: 1000px) {
    .insert-btn {
        display: none !important;
    }
}

.logo-mpapp{
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:white;
}


.logo-mpapp .left .line1,
.logo-mpapp .left .line2{
    font-weight:300;
    font-size:15px;
    line-height:1;
}

.logo-mpapp .right{
    background-color: var(--color-primary-700);
    font-weight:250;
    font-size:30px;
    line-height:1;

}
.link-underline{
    cursor: pointer;
}





.menu__header {
    display: grid;
    gap: 0.15rem;
    padding: 0.25rem 0.5rem 0.4rem;
}

.menu__title {
    font-size: 0.85rem;
    opacity: 0.75;
}

.menu__user {
    font-size: 0.95rem;
    font-weight: 700;
}

.menu__divider {
    height: 1px;
    opacity: 0.12;
    background: currentColor;
    margin: 0.25rem 0;
}

.menu__item {
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0.55rem 0.6rem;
    cursor: pointer;
    font: inherit;
}

.menu__item:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.menu__item:hover {
    background: rgba(0, 0, 0, 0.06);
}







/**********************************************************************************************************************/



.bg-navbar {
    transition: padding 180ms ease, box-shadow 180ms ease;
}
.bg-navbar {
    background-color: var(--color-white);
    border-bottom: 2px solid #434050;
    box-sizing: border-box;
}

.navbar-toggler {
    border: none !important;
}

.mx-auto {
    margin-inline: auto;
}

.w-\[min\(1280px\,100\%_-_2rem\)\] {
    width: min(1280px, 100% - 2rem);
}

.navbar-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6rem;
    min-width: 0;
}
.h-20 {
    height: calc(var(--spacing) * 20);
}

header.app-shell-header {
    position: sticky;
    top: var(--ecomic-preheader-height, 52px);
    z-index: var(--z-navbar-bar);
    width: 100%;
    background-color: #fff;
}

.bg-navbar {
    background-color: var(--color-white);
    border-bottom: 2px solid #434050;
    box-sizing: border-box;
}

/*!* ── Navbar row: logo+title sx, link a sinistra con gap dal titolo, azioni dx ── *!*/
/*.navbar-row {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    flex-wrap: nowrap;*/
/*    gap: 6rem; !* distanza brand/titolo ↔ nav *!*/
/*    min-width: 0;*/
/*}*/

/*.navbar-brand {*/
/*    flex-shrink: 0;*/
/*}*/

/*.navbar-brand-mark {*/
/*    flex-shrink: 0;*/
/*}*/

/* Logo Ecomic: dimensione 150x54, non ridimensionabile */
.navbar-app-logo {
    display: block;
    width: 150px;
    height: 54px;
    max-width: none;
    flex-shrink: 0;
    object-fit: contain;
    object-position: left center;
}

/*.navbar-app-divider {*/
/*    width: 1px;*/
/*    height: 54px;*/
/*    flex-shrink: 0;*/
/*    background: rgba(67, 64, 80, 0.12);*/
/*}*/

/*.navbar-nav-wrap {*/
/*    flex: 1 1 auto;*/
/*    min-width: 0;*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*}*/

/*.navbar-actions {*/
/*    flex-shrink: 0;*/
/*}*/

/*.navbar-mobile-hamburger {*/
/*    flex-shrink: 0;*/
/*    margin-left: auto;*/
/*}*/

/*.navbar-nav {*/
/*    flex-wrap: nowrap !important;*/
/*    justify-content: flex-start;*/
/*}*/

/*.navbar-nav .nav-item {*/
/*    flex-shrink: 0;*/
/*}*/

/*!* Desktop compatto (1025px–1320px): stringe nav, mantiene gap brand ↔ link *!*/
/*@media (min-width: 1025px) and (max-width: 1320px) {*/
/*    .navbar-nav-wrap .navbar-nav {*/
/*        gap: 0.625rem !important;*/
/*    }*/

/*    .navbar-nav-wrap .nav-link {*/
/*        font-size: 0.875rem;*/
/*    }*/

/*    .navbar-actions ::ng-deep button {*/
/*        font-size: 0.8125rem !important;*/
/*        padding-left: 0.75rem !important;*/
/*        padding-right: 0.75rem !important;*/
/*        white-space: nowrap;*/
/*    }*/
/*}*/

/*!* Ancora più compatto vicino al breakpoint burger *!*/
/*@media (min-width: 1025px) and (max-width: 1150px) {*/
/*    .navbar-nav-wrap .nav-link {*/
/*        font-size: 0.8125rem;*/
/*    }*/
/*}*/

/*.navbar-app-logo--mobile {*/
/*    display: none;*/
/*}*/

/*!* ── Mobile menu trigger (hidden on desktop) ── *!*/
/*.navbar-mobile-hamburger {*/
/*    display: none;*/
/*}*/

/*!* ── Tablet/mobile: menu full-screen (≤1024px) ── *!*/
/*@media (max-width: 1024px) {*/
/*    !* Nascondi top bar (Ministero / Ecomic) *!*/
/*    .top-bar-desktop {*/
/*        display: none;*/
/*    }*/

/*    !* Nascondi nav links e pulsante area riservata *!*/
/*    .navbar-desktop-nav {*/
/*        display: none !important;*/
/*    }*/

/*    .bg-navbar .navbar-row {*/
/*        gap: 0.75rem;*/
/*    }*/

/*    .navbar-brand {*/
/*        flex: 1 1 auto;*/
/*        min-width: 0;*/
/*        gap: 0.5rem;*/
/*    }*/

/*    .navbar-brand-title {*/
/*        flex: 1 1 auto;*/
/*        min-width: 0;*/
/*        overflow: hidden;*/
/*    }*/

/*    .main-title {*/
/*        display: block !important;*/
/*        line-height: 1.2 !important;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*    }*/

/*    .navbar-app-divider {*/
/*        display: none !important;*/
/*    }*/

/*    .navbar-app-logo--desktop {*/
/*        display: none !important;*/
/*    }*/

/*    .navbar-app-logo--mobile {*/
/*        display: block;*/
/*        width: 50px;*/
/*        height: 40px;*/
/*        max-width: none;*/
/*        object-fit: contain;*/
/*        object-position: left center;*/
/*    }*/

/*    .navbar-mobile-hamburger {*/
/*        display: flex;*/
/*        align-items: center;*/
/*        flex-shrink: 0;*/
/*    }*/

/*    .mobile-menu-btn {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        justify-content: space-between;*/
/*        width: 44px;*/
/*        height: 44px;*/
/*        padding: 12px 10px;*/
/*        background: none;*/
/*        border: none;*/
/*        cursor: pointer;*/
/*        border-radius: 6px;*/
/*        transition: background 0.15s ease;*/
/*    }*/

/*    .mobile-menu-btn:hover {*/
/*        background: rgba(61, 44, 141, 0.07);*/
/*    }*/

/*    .mobile-bar {*/
/*        display: block;*/
/*        width: 100%;*/
/*        height: 2px;*/
/*        background-color: #3d2c8d;*/
/*        border-radius: 2px;*/
/*        transition: transform 0.25s ease, opacity 0.2s ease;*/
/*        transform-origin: center;*/
/*    }*/

/*    .mobile-bar:nth-child(1).bar-open {*/
/*        transform: translateY(7px) rotate(45deg);*/
/*    }*/

/*    .mobile-bar:nth-child(2).bar-open {*/
/*        opacity: 0;*/
/*        transform: scaleX(0);*/
/*    }*/

/*    .mobile-bar:nth-child(3).bar-open {*/
/*        transform: translateY(-7px) rotate(-45deg);*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .main-title {*/
/*        font-size: clamp(1rem, 5vw, 1.375rem) !important;*/
/*    }*/
/*}*/

/*!* scroll logics *!*/
/*.bg-navbar {*/
/*    transition: padding 180ms ease, box-shadow 180ms ease;*/
/*}*/

/*.bg-navbar.is-scrolled {*/
/*    box-shadow: 0 8px 24px rgba(0,0,0,0.12);*/
/*}*/

/*.scroll-swap {*/
/*    opacity: 0;*/
/*    transform: translateY(-6px);*/
/*    pointer-events: none;*/
/*    transition: opacity 180ms ease, transform 180ms ease;*/
/*}*/

/*!* Visibile *!*/
/*.scroll-swap.is-visible {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*    pointer-events: auto;*/
/*}*/

/*.scroll-swap--cta {*/
/*    display: inline-block;*/
/*}*/


/*.scroll-swap--bottom {*/
/*    transform: translateY(-10px);*/
/*    max-height: 0;*/
/*    border-bottom: 0 solid var(--color-black-opac);*/
/*    overflow: hidden;*/
/*    transition: opacity 180ms ease, transform 180ms ease, max-height 220ms ease, border-bottom 220ms ease;*/
/*}*/

/*.scroll-swap--bottom.is-visible {*/
/*    max-height: 200px;*/
/*    transform: translateY(0);*/
/*    border-bottom: 2px solid var(--color-black-opac);*/
/*    overflow: visible;*/
/*}*/

/*!* contenitore unico *!*/

/*.right-slot {*/
/*    position: relative;*/
/*    display: inline-flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    min-height:100px;*/
/*    min-width:100px;*/
/*}*/


/*.slot-item {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, calc(-50% - 6px));*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    transition: opacity 180ms ease, transform 180ms ease;*/
/*}*/

/*!* visibile *!*/
/*.slot-item.is-visible {*/
/*    opacity: 1;*/
/*    transform: translate(-50%, -50%);*/
/*    pointer-events: auto;*/
/*}*/

/*!* badge logic *!*/
/*.user-dd {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/

/*.user-dd__summary {*/
/*    list-style: none;*/
/*    cursor: pointer;*/
/*    user-select: none;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 0.35rem;*/
/*    padding: 0.25rem 0.4rem;*/
/*    border-radius: 0.5rem;*/

/*    color: var(--color-primary-900);*/
/*}*/

/*.user-dd__summary::-webkit-details-marker {*/
/*    display: none;*/
/*}*/

/*.user-dd__name {*/
/*    font-weight: 600;*/
/*    font-size: 0.95rem;*/
/*    width: max-content;*/
/*}*/

/*.user-dd__summary::after {*/
/*    content: '';*/
/*    width: 7px;*/
/*    height: 7px;*/
/*    border-right: 2px solid currentColor;*/
/*    border-bottom: 2px solid currentColor;*/
/*    transform: rotate(45deg);*/
/*    opacity: 0.8;*/
/*    margin-left: 0.15rem;*/
/*}*/


/*.user-dd__summary:focus-visible {*/
/*    outline: 2px solid var(--color-primary-600);*/
/*    outline-offset: 2px;*/
/*}*/

/*!* dropdown *!*/
/*.user-dd__menu {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: calc(100% + 8px);*/


/*    padding: 0.35rem;*/

/*    background: #fff;*/
/*    border: 1px solid rgba(0, 0, 0, 0.1);*/

/*    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16);*/

/*    z-index: 100;*/
/*}*/

/*.user-dd__item {*/
/*    width: 100%;*/
/*    text-align: left;*/

/*    border: 0;*/
/*    background: transparent;*/
/*    padding: 0.55rem 0.6rem;*/


/*    cursor: pointer;*/
/*    font: inherit;*/
/*    color: var(--color-primary-900);*/
/*}*/

/*.user-dd__item:hover {*/
/*    background: rgba(0, 0, 0, 0.06);*/
/*}*/

/*.user-dd__item:focus-visible {*/
/*    outline: 2px solid var(--color-primary-600);*/
/*    outline-offset: 2px;*/
/*}*/
/*!* caret *!*/
/*.user-dd__summary::after {*/
/*    content: '';*/
/*    width: 7px;*/
/*    height: 7px;*/
/*    border-right: 2px solid currentColor;*/
/*    border-bottom: 2px solid currentColor;*/
/*    transform: rotate(45deg);*/
/*    opacity: 0.8;*/
/*    margin-left: 0.25rem;*/

/*    transition: transform 160ms ease; !* 👈 smooth *!*/
/*}*/


/*.user-dd[open] .user-dd__summary::after {*/
/*    transform: rotate(-135deg);*/
/*}*/



/*!* ── Toolbar "Scopri Ecomic" (pre-header) ──────────────────────────────── *!*/
/*.ecomic-toolbar-wrap {*/
/*    position: relative;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*}*/

/*.ecomic-logo-btn {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    padding: 0;*/
/*    background: none;*/
/*    border: 0;*/
/*    cursor: pointer;*/
/*    opacity: 0.5;*/
/*    transition: opacity 0.2s ease;*/
/*    font-size: 17px; !* scala il mark: height 1.2em ≈ 20px (come l'img h-5) *!*/
/*    line-height: 0;*/
/*}*/
/*.ecomic-logo-btn:hover,*/
/*.ecomic-logo-btn:focus-visible {*/
/*    opacity: 1;*/
/*}*/

/*!* Backdrop trasparente: chiude il pannello al click esterno *!*/
/*.ecomic-toolbar-backdrop {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    z-index: 40;*/
/*}*/

/*.ecomic-toolbar-panel {*/
/*    position: absolute;*/
/*    top: calc(100% + 10px);*/
/*    right: 0;*/
/*    z-index: 50;*/
/*    width: 360px;*/
/*    max-width: calc(100vw - 32px);*/
/*    background: #fff;*/
/*    border-radius: 4px;*/
/*    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);*/
/*    padding: 16px;*/
/*    text-align: left;*/
/*}*/

/*!* Riga dedicata alla X: sta sopra l'header, non lo copre *!*/
/*.ecomic-toolbar-topbar {*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*    margin-bottom: 8px;*/
/*}*/
/*.ecomic-toolbar-close {*/
/*    display: inline-flex;*/
/*    padding: 4px;*/
/*    background: none;*/
/*    border: 0;*/
/*    color: #6b7280;*/
/*    cursor: pointer;*/
/*    line-height: 0;*/
/*}*/
/*.ecomic-toolbar-close:hover {*/
/*    color: #111827;*/
/*}*/

/*!* Header con il logo grande (stati base/selected), a tutta larghezza:*/
/*   in active il viola del selected riempie l'intera riga (niente spazi laterali) *!*/
/*.ecomic-toolbar-header {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 6px 0 20px;*/
/*    text-decoration: none;*/
/*}*/
/*.ecomic-toolbar-logo-wrap {*/
/*    position: relative;*/
/*    display: block;*/
/*    width: 100%;*/
/*}*/
/*.ecomic-toolbar-logo {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: auto;*/
/*    transition: opacity 0.2s ease;*/
/*}*/
/*!* Stato selected sovrapposto, mostrato DOPO il click (pressione) *!*/
/*.ecomic-toolbar-logo.logo-selected {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    opacity: 0;*/
/*}*/
/*.ecomic-toolbar-header:active .logo-base {*/
/*    opacity: 0;*/
/*}*/
/*.ecomic-toolbar-header:active .logo-selected {*/
/*    opacity: 1;*/
/*}*/

/*!* Freccia sopra il logo (parte destra), visibile in hover.*/
/*   In selected (click) diventa bianca sulla parte colorata. *!*/
/*.ecomic-toolbar-header-arrow {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 86%;*/
/*    color: #111827;*/
/*    opacity: 0;*/
/*    transform: translate(-50%, -50%) translateX(-4px);*/
/*    transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;*/
/*}*/
/*.ecomic-toolbar-header:hover .ecomic-toolbar-header-arrow,*/
/*.ecomic-toolbar-header:focus-visible .ecomic-toolbar-header-arrow {*/
/*    opacity: 1;*/
/*    transform: translate(-50%, -50%) translateX(0);*/
/*}*/
/*.ecomic-toolbar-header:active .ecomic-toolbar-header-arrow {*/
/*    opacity: 1;*/
/*    color: #fff;*/
/*    transform: translate(-50%, -50%) translateX(0);*/
/*}*/

/*.ecomic-toolbar-section {*/
/*    margin: 18px 0 8px;*/
/*    font-family: "Manrope", sans-serif;*/
/*    font-size: 16px;*/
/*    color: #1a1a1a;*/
/*}*/

/*.ecomic-toolbar-links {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 14px;*/
/*    align-items: stretch;*/
/*    margin: 14px 0 6px;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*}*/
/*.ecomic-toolbar-links li {*/
/*    width: 100%;*/
/*}*/
/*!* Link a tutta riga: testo centrato, freccia ancorata al bordo destro del popup *!*/
/*.ecomic-toolbar-links a {*/
/*    position: relative;*/
/*    display: flex;*/
/*    width: 100%;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 16px;*/
/*    font-family: "Manrope", sans-serif;*/
/*    font-size: 18px;*/
/*    font-weight: 700;*/
/*    color: #111827;*/
/*    text-underline-offset: 3px;*/
/*    transition: background-color 0.2s ease, color 0.2s ease;*/
/*}*/
/*.ecomic-toolbar-links .link-label {*/
/*    text-decoration: underline;*/
/*}*/
/*!* Hover: riga lilla *!*/
/*.ecomic-toolbar-links a:hover,*/
/*.ecomic-toolbar-links a:focus-visible {*/
/*    background: #A391FA;*/
/*    color: #111827;*/
/*}*/
/*!* Active (premuto): riga navy con testo bianco *!*/
/*.ecomic-toolbar-links a:active {*/
/*    background: #271E52;*/
/*    color: #fff;*/
/*}*/

/*!* Freccia ancorata a destra, visibile on hover *!*/
/*.ecomic-toolbar-links .link-arrow {*/
/*    position: absolute;*/
/*    right: 16px;*/
/*    top: 50%;*/
/*    opacity: 0;*/
/*    transform: translateY(-50%) translateX(-4px);*/
/*    transition: opacity 0.2s ease, transform 0.2s ease;*/
/*}*/
/*.ecomic-toolbar-links a:hover .link-arrow,*/
/*.ecomic-toolbar-links a:focus-visible .link-arrow {*/
/*    opacity: 1;*/
/*    transform: translateY(-50%) translateX(0);*/
/*}*/