/*
 * Color Variables Override - Pelvic Point
 * Sovrascrive i colori del frontend con il tema Pelvic Point
 */

:root {
    /* Mapping colori tema */
    --theme-brand-primary: var(--primary-color, #001d6a);
    --theme-brand-secondary: var(--default-color, #e866ff);
    --theme-bg-white: var(--bg-primary, #f8f7f2);
    --theme-bg-dark: var(--bg-secondary, #001d6a);
}

/* Logo Size */
.logo-gramma-div,
.logo-gramma-div svg,
.logo-gramma-div img,
.site-logo,
.site-logo img,
.site-logo svg,
.navbar-brand,
.navbar-brand img,
.navbar-brand svg,
.header-logo,
.header-logo img,
.header-logo svg {
    width: var(--logo-width, 120px);
    max-width: var(--logo-width, 120px);
    height: auto !important;
    object-fit: contain;
    color: var(--color-white);
    transform: translateY(0px);
}

/* Header & Navigation Colors */
.dropdown-open .item-menu span,
.dropdown-open .item-menu:hover span {
    color: var(--pp-navy) !important;
}

.dropdown-open .item-menu:hover .icon-square {
    border-color: var(--pp-navy) !important;
}

.dropdown-open .item-menu:hover .icon-line {
    background-color: var(--pp-navy) !important;
}

.dropdown-open .logo-gramma-div svg,
.dropdown-open .logo-tipo-div svg,
.scroll .cls-1,
.dropdown-open .cls-1 {
    fill: var(--color-white) !important;
}

.logo-tipo-div svg {
    fill: var(--theme-bg-white) !important;
}

/* Hero Section */
.hero h1 {
    color: var(--theme-bg-white) !important;
}

/* Footer logo */
.footer-logo {
    color: #ffffff;
}

.footer-logo svg {
    max-width: 280px;
    height: auto;
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.footer-logo:hover svg {
    opacity: 1;
}

/* Gradient accent for buttons */
.btn-gradient {
    background: var(--pp-gradient);
    color: #fff;
    border: none;
}

.btn-gradient:hover {
    opacity: 0.9;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(232, 102, 255, 0.3);
}