/**
 * Pretpot HD Logo Widget Styles
 */

/* Base Container */
.pretpot-hd-logo {
    display: block;
    line-height: 0;
    font-size: 0;
}

.pretpot-hd-logo img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: opacity var(--pretpot-logo-transition, 0.3s) ease,
                filter var(--pretpot-logo-transition, 0.3s) ease;
}

/* Responsive Container */
.pretpot-hd-logo-container {
    display: inline-block;
    max-width: var(--pretpot-logo-max-width, none);
    width: var(--pretpot-logo-width, auto);
}

/* Hover Effects */
.pretpot-hd-logo-hover-opacity:hover img {
    opacity: var(--pretpot-logo-hover-opacity, 0.8);
}

.pretpot-hd-logo-hover-grayscale img {
    filter: grayscale(100%);
}

.pretpot-hd-logo-hover-grayscale:hover img {
    filter: grayscale(0%);
}

/* SVG Specific */
.pretpot-hd-logo svg {
    display: block;
    max-width: 100%;
    height: auto;
    transition: opacity var(--pretpot-logo-transition, 0.3s) ease;
}

/* Focus States for Accessibility */
.pretpot-hd-logo a:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .pretpot-hd-logo img,
    .pretpot-hd-logo svg {
        transition: none;
    }
}