/**
 * Stili personalizzati UltimaOfferta - Navbar & Footer.
 *
 * Replica il design del sito NextJS (Tailwind) usando CSS puro.
 * Variabili colore allineate al tema NextJS (shadcn-like).
 */

/* ==========================================================================
   Variabili colore (allineate al tema NextJS shadcn)
   ========================================================================== */
:root {
    --uo-bg: #ffffff;
    --uo-card: #ffffff;
    --uo-popover: #ffffff;
    --uo-foreground: #0a0a0a;
    --uo-muted: #f5f5f5;
    --uo-muted-foreground: #737373;
    --uo-border: #e5e5e5;
    --uo-secondary: #ff9724;
    --uo-primary: #ff4c02;
    --uo-primary-foreground: #fafafa;
    --uo-ring: #a1a1a1;
    --uo-destructive: #e7000b;
    --uo-radius: 0.625rem;
    --uo-max-width: 1300px;
    --uo-telegram: #229ED9;
    --uo-whatsapp: #25D366;
    --uo-facebook: #1877F2;
    --uo-instagram: #E1306C;
}

/* Dark mode (se il tema la attiva) */
.s-dark .uo-nav,
.s-dark .uo-footer {
    --uo-bg: #0a0a0a;
    --uo-card: #171717;
    --uo-popover: #0a0a0a;
    --uo-foreground: #fafafa;
    --uo-muted: #262626;
    --uo-muted-foreground: #a3a3a3;
    --uo-border: #262626;
    --uo-secondary: #262626;
    --uo-primary: #fafafa;
    --uo-primary-foreground: #0a0a0a;
    --uo-ring: #a3a3a3;
}

/* ==========================================================================
   NAVBAR
   ========================================================================== */
.uo-nav {
    border-bottom: 1px solid var(--uo-border);
    background: var(--uo-bg);
    position: relative;
    z-index: 100;
}

.uo-nav__inner {
    max-width: var(--uo-max-width);
    margin: 0 auto;
    padding: 0.75rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.uo-nav__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Logo */
.uo-nav__logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.uo-nav__logo-img {
    height: 40px !important; /* h-10 = 40px, come NextJS */
    width: auto !important;
}

.uo-nav__logo-text {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--uo-foreground);
}

/* Search desktop */
.uo-nav__search-desktop {
    display: none;
    flex: 1;
    justify-content: flex-end;
}

/* Desktop nav links */
.uo-nav__links {
    display: none;
    align-items: center;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
}

.uo-nav__link {
    color: var(--uo-muted-foreground);
    text-decoration: none;
    transition: color 0.15s;
}

.uo-nav__link:hover {
    color: var(--uo-foreground);
}

/* Hamburger (mobile only) */
.uo-nav__hamburger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.uo-nav__hamburger-icon,
.uo-nav__sheet-close-icon {
    background-color: var(--uo-foreground);
}

/* HiMenu (hamburger) - fill, viewBox 0 0 20 20, come NextJS */
.uo-nav__hamburger-icon {
    width: 24px;
    height: 24px;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path fill-rule='evenodd' d='M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path fill-rule='evenodd' d='M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd'/></svg>") center / contain no-repeat;
}

/* IoClose (X) - fill, viewBox 0 0 512 512, come NextJS */
.uo-nav__sheet-close-icon {
    width: 24px;
    height: 24px;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z'/></svg>") center / contain no-repeat;
}

/* Search mobile */
.uo-nav__search-mobile {
    display: block;
}

/* Mobile icons: cashback + user + hamburger */
.uo-nav__mobile-icons {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.uo-nav__mobile-cashback {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 6px; /* p-1.5 come NextJS */
    background: #fc9a00; /* amber-500, come NextJS */
    color: #fff;
    box-shadow: 0 10px 15px -3px rgba(252, 154, 0, 0.4);
    transition: all 0.15s;
    cursor: pointer;
    border: none;
    text-decoration: none;
}

.uo-nav__mobile-cashback:hover {
    box-shadow: 0 20px 25px -5px rgba(252, 154, 0, 0.5);
    transform: scale(1.1);
}

.uo-nav__mobile-cashback:active {
    transform: scale(0.95);
}

.uo-nav__mobile-cashback-icon {
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14.5 5.5H10.5C6.91015 5.5 4 8.41015 4 12C4 14.3012 5.19584 16.3231 7 17.4782L7.28751 19.2158C7.35758 19.6393 7.39262 19.851 7.4905 20.0143C7.6037 20.2031 7.77604 20.3492 7.98078 20.4301C8.1578 20.5 8.37243 20.5 8.80169 20.5C9.19947 20.5 9.39836 20.5 9.56635 20.4378C9.76071 20.3659 9.92792 20.2353 10.0449 20.0642C10.1459 19.9163 10.1942 19.7234 10.2906 19.3375L10.5 18.5H13.5L13.7094 19.3375C13.8058 19.7234 13.8541 19.9163 13.9551 20.0642C14.0721 20.2353 14.2393 20.3659 14.4337 20.4378C14.6016 20.5 14.8005 20.5 15.1983 20.5C15.6276 20.5 15.8422 20.5 16.0192 20.4301C16.224 20.3492 16.3963 20.2031 16.5095 20.0143C16.6074 19.851 16.6424 19.6393 16.7125 19.2158L17 17.4782C18.1096 16.7678 18.9891 15.7295 19.5018 14.5L20.3925 14.3217C21.162 14.1677 21.5468 14.0907 21.7734 13.8142C22 13.5378 22 13.1454 22 12.3606V12.0616C22 11.3116 22 10.9366 21.7882 10.6654C21.5764 10.3941 21.2126 10.3032 20.4851 10.1213L20 10C20 8.5 18.8333 7.16667 18 6.5V3.5H17.7361C16.3657 3.5 15.1129 4.27427 14.5 5.5Z'/><path d='M15.875 9.75H15.75M16 9.75C16 9.88807 15.8881 10 15.75 10C15.6119 10 15.5 9.88807 15.5 9.75C15.5 9.61193 15.6119 9.5 15.75 9.5C15.8881 9.5 16 9.61193 16 9.75Z'/><path d='M2 8V10C2 11.1046 2.89543 12 4 12'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14.5 5.5H10.5C6.91015 5.5 4 8.41015 4 12C4 14.3012 5.19584 16.3231 7 17.4782L7.28751 19.2158C7.35758 19.6393 7.39262 19.851 7.4905 20.0143C7.6037 20.2031 7.77604 20.3492 7.98078 20.4301C8.1578 20.5 8.37243 20.5 8.80169 20.5C9.19947 20.5 9.39836 20.5 9.56635 20.4378C9.76071 20.3659 9.92792 20.2353 10.0449 20.0642C10.1459 19.9163 10.1942 19.7234 10.2906 19.3375L10.5 18.5H13.5L13.7094 19.3375C13.8058 19.7234 13.8541 19.9163 13.9551 20.0642C14.0721 20.2353 14.2393 20.3659 14.4337 20.4378C14.6016 20.5 14.8005 20.5 15.1983 20.5C15.6276 20.5 15.8422 20.5 16.0192 20.4301C16.224 20.3492 16.3963 20.2031 16.5095 20.0143C16.6074 19.851 16.6424 19.6393 16.7125 19.2158L17 17.4782C18.1096 16.7678 18.9891 15.7295 19.5018 14.5L20.3925 14.3217C21.162 14.1677 21.5468 14.0907 21.7734 13.8142C22 13.5378 22 13.1454 22 12.3606V12.0616C22 11.3116 22 10.9366 21.7882 10.6654C21.5764 10.3941 21.2126 10.3032 20.4851 10.1213L20 10C20 8.5 18.8333 7.16667 18 6.5V3.5H17.7361C16.3657 3.5 15.1129 4.27427 14.5 5.5Z'/><path d='M15.875 9.75H15.75M16 9.75C16 9.88807 15.8881 10 15.75 10C15.6119 10 15.5 9.88807 15.5 9.75C15.5 9.61193 15.6119 9.5 15.75 9.5C15.8881 9.5 16 9.61193 16 9.75Z'/><path d='M2 8V10C2 11.1046 2.89543 12 4 12'/></svg>") center / contain no-repeat;
}

.uo-nav__mobile-cashback-badge {
    position: absolute;
    top: -10px;
    right: -12px;
    background: #e7000b; /* red-600, come NextJS */
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 0.125rem 0.375rem;
    border-radius: 9999px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    white-space: nowrap;
    line-height: 1;
}

.uo-nav__mobile-user {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0;
    color: var(--uo-foreground);
    text-decoration: none;
}

.uo-nav__mobile-user-icon {
    width: 24px;
    height: 24px;
    background-color: var(--uo-foreground);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") center / contain no-repeat;
}

/* Mobile off-canvas sheet */
.uo-nav__sheet {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--uo-bg);
    z-index: 1000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.uo-nav__sheet.is-open {
    transform: translateX(0);
}

.uo-nav__sheet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--uo-border);
}

.uo-nav__sheet-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--uo-foreground);
    text-align: left;
}

.uo-nav__sheet-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: inline-flex;
}

.uo-nav__sheet-nav {
    width: 100%;
    height: 100%;
    display: flex;
    flex: 1;
}

.uo-nav__sheet-list {
    margin: auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
    width: 100%;
}

.uo-nav__sheet-link-item {
    text-align: center;
}

.uo-nav__sheet-link {
    font-size: 1.125rem;
    color: var(--uo-muted-foreground);
    text-decoration: none;
    transition: color 0.15s;
}

.uo-nav__sheet-link:hover {
    color: var(--uo-foreground);
}

/* Overlay */
.uo-nav__overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.uo-nav__overlay.is-open {
    opacity: 1;
    visibility: visible;
}

body.uo-nav-sheet-open {
    overflow: hidden;
}

/* ==========================================================================
   BREAKPOINT sm (>=640px)
   ========================================================================== */
@media (min-width: 640px) {
    .uo-nav__search-desktop {
        display: flex;
    }

    .uo-nav__links {
        display: flex;
    }

    .uo-nav__hamburger {
        display: none;
    }

    .uo-nav__search-mobile {
        display: none;
    }

    .uo-nav__mobile-icons {
        display: none;
    }
}

/* ==========================================================================
   SEARCH BAR (dropdown risultati offerte + articoli)
   ========================================================================== */
.uo-search {
    position: relative;
    width: 100%;
}

@media (min-width: 640px) {
    .uo-search {
        flex: 1;
        max-width: 24rem; /* max-w-sm */
        min-width: 0;
    }
}

.uo-search__box {
    display: flex;
    align-items: center;
    gap: 8px; /* 8px */
    border: 1px solid var(--uo-border);
    border-radius: 8px; /* 8px come NextJS */
    background: var(--uo-bg); /* bg-background */
    padding: 6px 12px; /* py-1.5 px-3, come NextJS */
    font-size: 0.875rem;
    box-sizing: border-box;
}

.uo-search__box:focus-within {
    box-shadow: 0 0 0 1px var(--uo-ring); /* ring-1 ring-ring */
}

.uo-search__icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    background-color: var(--uo-muted-foreground);
    /* HiSearch - fill, viewBox 0 0 20 20, come NextJS */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/></svg>") center / contain no-repeat;
}

.uo-search__spinner {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    border: 2px solid var(--uo-border);
    border-top-color: var(--uo-foreground);
    border-radius: 50%;
    animation: uo-spin 0.6s linear infinite;
}

@keyframes uo-spin {
    to { transform: rotate(360deg); }
}

.uo-search__input {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none !important;
    outline: none;
    color: var(--uo-foreground);
    font-size: 0.875rem;
    padding: 0 !important; /* resetta il padding del tema */
    margin: 0 !important;
    line-height: 20px;
    height: 20px;
    box-shadow: none !important;
}

.uo-search__input::placeholder {
    color: var(--uo-muted-foreground);
}

/* Dropdown risultati */
.uo-search__dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 0.25rem;
    background: var(--uo-popover); /* bg-popover */
    border: 1px solid var(--uo-border);
    border-radius: var(--uo-radius);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
    max-height: 70vh;
    overflow-y: auto;
    z-index: 50;
    display: none;
}

.uo-search__dropdown.is-open {
    display: block;
}

.uo-search__no-results {
    padding: 0.75rem;
    font-size: 0.875rem;
    color: var(--uo-muted-foreground);
    margin: 0;
}

.uo-search__group {
    border-bottom: 1px solid var(--uo-border);
}

.uo-search__group:last-child {
    border-bottom: none;
}

.uo-search__group-title {
    position: sticky;
    top: 0;
    background: var(--uo-muted);
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--uo-muted-foreground);
    border-bottom: 1px solid var(--uo-border);
    margin: 0;
}

.uo-search__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    color: var(--uo-foreground);
    transition: background-color 0.15s;
}

.uo-search__item:hover {
    background: var(--uo-secondary);
}

.uo-search__item-img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: var(--uo-radius);
    border: 1px solid var(--uo-border);
    background: #fff;
    flex-shrink: 0;
}

.uo-search__item-title {
    flex: 1;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uo-search__item-price {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--uo-primary);
    flex-shrink: 0;
}

/* ==========================================================================
   LINK CASHBACK E ACCEDI (navbar desktop)
   ========================================================================== */
.uo-nav__link--cashback {
    font-weight: 700;
    text-decoration: underline;
}

.uo-nav__link--accedi {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* 8px */
    font-weight: 500;
    font-size: 0.875rem;
    padding: 4px 8px; /* py-1 px-2, come NextJS */
    border-radius: 8px; /* 8px */
    background: var(--uo-primary); /* arancione #ff4c02, NON nero */
    color: var(--uo-primary-foreground) !important;
    transition: all 0.15s;
}

.uo-nav__link--accedi:hover {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
    color: var(--uo-primary-foreground) !important;
}

.uo-nav__link--accedi-icon {
    width: 16px;
    height: 16px;
    background-color: var(--uo-primary-foreground);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") center / contain no-repeat;
    flex-shrink: 0;
    display: inline-block;
}

/* Varianti mobile (sheet) */
.uo-nav__sheet-link--cashback {
    font-weight: 700;
    text-decoration: underline;
}

.uo-nav__sheet-link--accedi {
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    border-radius: var(--uo-radius);
    background: var(--uo-primary);
    color: var(--uo-primary-foreground) !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.uo-footer {
    border-top: 1px solid var(--uo-border);
    background: var(--uo-card);
}

.uo-footer__inner {
    max-width: var(--uo-max-width);
    margin: 0 auto;
    width: 100%;
    padding: 1.5rem 1rem;
}

.uo-footer__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.uo-footer__col--brand {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.uo-footer__col {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Logo footer: stessa altezza della navbar (h-10 = 40px) */
.uo-footer-logo {
    height: 40px !important;
    width: auto !important;
    margin-bottom: 4px;
}

.uo-footer-logo-text {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--uo-foreground);
    margin-bottom: 0.25rem;
}

.uo-footer__desc {
    font-size: 0.75rem;
    color: var(--uo-muted-foreground);
    line-height: 1.625;
    margin: 0;
}

.uo-footer__title {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--uo-foreground);
    margin: 0 0 0.25rem 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.uo-footer__title--telegram .uo-footer__icon-telegram {
    width: 13px;
    height: 13px;
    display: inline-block;
    background-color: var(--uo-telegram);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z'/></svg>") center / contain no-repeat;
}

.uo-footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.uo-footer__link {
    font-size: 0.75rem;
    color: var(--uo-muted-foreground);
    text-decoration: none;
    transition: color 0.15s;
    display: inline-block;
    padding: 0.125rem 0;
}

.uo-footer__link:hover {
    color: var(--uo-foreground);
}

.uo-footer__note {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--uo-muted-foreground);
}

.uo-footer__bottom {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--uo-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.uo-footer__copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.uo-footer__copyright span {
    font-size: 0.75rem;
    color: var(--uo-muted-foreground);
}

.uo-footer__social {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.uo-footer__social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem;
    border: 1px solid var(--uo-border);
    border-radius: var(--uo-radius);
    transition: background-color 0.15s;
    text-decoration: none;
}

.uo-footer__social-btn:hover {
    background: var(--uo-muted);
}

.uo-footer__social-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.uo-footer__social-icon--telegram {
    background-color: var(--uo-telegram);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z'/></svg>") center / contain no-repeat;
}

.uo-footer__social-icon--whatsapp {
    background-color: var(--uo-whatsapp);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/></svg>") center / contain no-repeat;
}

.uo-footer__social-icon--facebook {
    background-color: var(--uo-facebook);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/></svg>") center / contain no-repeat;
}

.uo-footer__social-icon--instagram {
    background-color: var(--uo-instagram);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/></svg>") center / contain no-repeat;
}

/* ==========================================================================
   BREAKPOINT sm (>=640px) - footer
   ========================================================================== */
@media (min-width: 640px) {
    .uo-footer__grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .uo-footer__col--brand {
        grid-column: span 1;
    }

    .uo-footer__bottom {
        flex-direction: row;
    }

    .uo-footer__copyright {
        align-items: flex-start;
    }
}

/* Nascondi il wrapper footer originale vuoto di Bunyad */
.main-footer.footer-classic:empty,
.main-footer:has(.uo-footer) {
    display: none !important;
}

.main-footer.footer-classic {
    display: none !important;
}