.aquanano-socials {
    display: flex;
    align-items: center;
    gap: var(--ans-gap, 8px);
    flex-wrap: wrap;
}

.aquanano-socials__link {
    width: var(--ans-size, 34px);
    height: var(--ans-size, 34px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none !important;
    color: var(--ans-color, #ff0000) !important;
    line-height: 1;
    transition: transform .16s ease, opacity .16s ease;
}

.aquanano-socials__link:hover,
.aquanano-socials__link:focus {
    transform: translateY(-2px);
    opacity: .78;
}

.aquanano-socials__icon {
    display: inline-flex;
    width: 62%;
    height: 62%;
    align-items: center;
    justify-content: center;
}

.aquanano-socials__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
    overflow: visible;
}

/* Automatic placement wrapper. Kept deliberately neutral; the theme decides
   background and inherited icon colour. */
.aquanano-socials-placement {
    background: var(--ans-background, transparent);
}

.aquanano-socials-placement--footer {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
}


/* Extra-safe automatic test placement: our wrapper is a sibling of #top-header,
   never a child of Extra's internal .container. */
.aquanano-socials-placement--below_top_header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 20px;
    position: relative;
    z-index: 98;
}


/* Responsive strategy: hidden by default; the configured breakpoint
   is emitted inline by the plugin when Responsive mode is active. */
.aquanano-socials-placement--mobile-only {
    display: none !important;
}

/* 1.0.0 — mobile fixed utility bar */
.aquanano-socials-auto__mobile { display: none; }
#aquanano-socials-mobile-spacer { display: none; }

@media (max-width: 1400px) {
    .aquanano-socials-placement--mobile-fixed.aquanano-socials-is-mobile {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 100000;
        padding: 6px 12px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }
    .aquanano-socials-placement--mobile-fixed.aquanano-socials-is-mobile .aquanano-socials-auto__desktop { display: none !important; }
    .aquanano-socials-placement--mobile-fixed.aquanano-socials-is-mobile .aquanano-socials-auto__mobile {
        display: flex;
        width: 100%;
        max-width: 1180px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        box-sizing: border-box;
    }
    .aquanano-socials-utility__socials { display: flex; align-items: center; min-width: 0; }
    .aquanano-socials-utility__socials .aquanano-socials { flex-wrap: nowrap; }
    .aquanano-socials-utility__button {
        width: var(--ans-size, 34px);
        height: var(--ans-size, 34px);
        min-width: var(--ans-size, 34px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: var(--ans-color, #ff0000) !important;
        padding: 0;
        margin: 0;
        text-decoration: none !important;
        line-height: 1;
        position: relative;
        cursor: pointer;
        box-sizing: border-box;
    }
    .aquanano-socials-utility__icon {
        width: 62%;
        height: 62%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .aquanano-socials-utility__icon svg { width: 100%; height: 100%; display: block; fill: currentColor; }
    .aquanano-socials-utility__search-toggle {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .aquanano-socials-utility__search-toggle .aquanano-socials-utility__icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .aquanano-socials-utility__search-toggle .aquanano-socials-utility__icon svg {
        width: 28px !important;
        height: 28px !important;
        stroke: currentColor;
    }
    .aquanano-socials-cart-count {
        position: absolute;
        top: -4px;
        right: -6px;
        min-width: 18px;
        height: 18px;
        padding: 0 4px;
        border-radius: 10px;
        background: #fff !important;
        color: #111 !important;
        border: 1px solid rgba(0,0,0,.18);
        font-family: Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 16px !important;
        text-align: center;
        box-sizing: border-box;
        transform: none !important;
    }
    .aquanano-socials-utility__search { display: flex; align-items: center; }
    .aquanano-socials-utility__search-form {
        display: none;
        align-items: center;
        gap: 4px;
        margin: 0;
    }
    .aquanano-socials-search-open .aquanano-socials-utility__search-form { display: flex; }
    .aquanano-socials-search-open .aquanano-socials-utility__socials { display: none; }
    .aquanano-socials-utility__search-form input {
        width: min(62vw, 280px);
        height: 34px;
        margin: 0;
        padding: 5px 9px;
        border: 1px solid rgba(0,0,0,.18);
        background: #fff;
        color: #222;
        box-sizing: border-box;
    }
    .aquanano-socials-utility__search-form button {
        height: 34px;
        min-width: 34px;
        border: 0;
        background: rgba(255,255,255,.9);
        cursor: pointer;
    }
    #aquanano-socials-mobile-spacer.aquanano-socials-is-mobile-spacer { display: block; width: 100%; }
}

/* 1.0.4 — floating desktop shortcode tooltip.
   The tooltip itself is appended under <body> by assets/socials.js, so widget,
   sidebar and theme overflow rules cannot clip it. */
.aquanano-socials-floating-tooltip {
    position: fixed !important;
    z-index: 2147483000 !important;
    width: max-content;
    max-width: min(240px, calc(100vw - 16px));
    padding: 6px 9px;
    border-radius: 4px;
    background: rgba(20, 20, 20, .94) !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    pointer-events: none !important;
    opacity: 0;
    transform: translateY(3px);
    transition: opacity .12s ease, transform .12s ease;
}

.aquanano-socials-floating-tooltip.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.aquanano-socials-floating-tooltip[hidden] {
    display: none !important;
}