/* =========================================================
   Barbarossa Handmade — Custom CSS
   (Tailwind utility overrides & components not coverable by CDN)
   ========================================================= */

/* Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

/* Glaze colour dot (product colour swatches) */
.glaze-dot {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 9999px;
    box-shadow: inset -2px -2px 4px rgba(0,0,0,0.10),
                inset  2px  2px 4px rgba(255,255,255,0.40);
    border: 1px solid rgba(0,0,0,0.05);
    display: inline-block;
}

/* WhatsApp floating button pulse */
.whatsapp-pulse {
    animation: wa-pulse 2s infinite;
}
@keyframes wa-pulse {
    0%   { box-shadow: 0 0 0  0   rgba(37,211,102,0.40); }
    70%  { box-shadow: 0 0 0  10px rgba(37,211,102,0);   }
    100% { box-shadow: 0 0 0  0   rgba(37,211,102,0);    }
}

/* Desktop dropdown navigation */
.nav-dropdown { position: relative; }
.nav-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fcf9f3;
    border: 1px solid #bcc9c6;
    border-top: 2px solid #00685d;
    z-index: 100;
    padding: 0.5rem 0;
}
.nav-dropdown:hover .nav-dropdown-menu { display: block; }
.nav-dropdown-menu a {
    display: block;
    padding: 0.6rem 1.25rem;
    font-size: 14px;
    color: #3d4947;
    text-decoration: none;
    white-space: nowrap;
}
.nav-dropdown-menu a:hover {
    color: #00685d;
    background: #f0eee8;
}

/* Mobile menu */
#mobile-menu         { display: none; }
#mobile-menu.open    { display: block; }