/* Leedsafe Header Widget Styles */
/* NOTE: @tailwind base is intentionally excluded to prevent global CSS variable
   pollution that would affect the parent WordPress/Oxygen site.
   The scoped preflight in tailwind.header.config.js handles resets within .leedsafe-header-widget */
.leedsafe-header-widget :is(.lh-absolute) {
    position: absolute;
}
.leedsafe-header-widget :is(.lh-relative) {
    position: relative;
}
.leedsafe-header-widget :is(.lh-left-0) {
    left: 0px;
}
.leedsafe-header-widget :is(.lh-left-full) {
    left: 100%;
}
.leedsafe-header-widget :is(.lh-right-0) {
    right: 0px;
}
.leedsafe-header-widget :is(.lh-right-10) {
    right: 2.5rem;
}
.leedsafe-header-widget :is(.lh-right-2) {
    right: 0.5rem;
}
.leedsafe-header-widget :is(.lh-right-8) {
    right: 2rem;
}
.leedsafe-header-widget :is(.lh-top-0) {
    top: 0px;
}
.leedsafe-header-widget :is(.lh-top-1\/2) {
    top: 50%;
}
.leedsafe-header-widget :is(.lh-z-50) {
    z-index: 50;
}
.leedsafe-header-widget :is(.lh-my-1) {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.leedsafe-header-widget :is(.lh-mb-3) {
    margin-bottom: 0.75rem;
}
.leedsafe-header-widget :is(.lh-ml-1) {
    margin-left: 0.25rem;
}
.leedsafe-header-widget :is(.lh-ml-10) {
    margin-left: 2.5rem;
}
.leedsafe-header-widget :is(.lh-ml-2) {
    margin-left: 0.5rem;
}
.leedsafe-header-widget :is(.lh-ml-6) {
    margin-left: 1.5rem;
}
.leedsafe-header-widget :is(.lh-mr-10) {
    margin-right: 2.5rem;
}
.leedsafe-header-widget :is(.lh-mr-2) {
    margin-right: 0.5rem;
}
.leedsafe-header-widget :is(.lh-mr-3) {
    margin-right: 0.75rem;
}
.leedsafe-header-widget :is(.lh-mr-8) {
    margin-right: 2rem;
}
.leedsafe-header-widget :is(.lh-mt-0) {
    margin-top: 0px;
}
.leedsafe-header-widget :is(.lh-mt-0\.5) {
    margin-top: 0.125rem;
}
.leedsafe-header-widget :is(.lh-mt-1) {
    margin-top: 0.25rem;
}
.leedsafe-header-widget :is(.lh-mt-2) {
    margin-top: 0.5rem;
}
.leedsafe-header-widget :is(.lh-block) {
    display: block;
}
.leedsafe-header-widget :is(.lh-flex) {
    display: flex;
}
.leedsafe-header-widget :is(.lh-hidden) {
    display: none;
}
.leedsafe-header-widget :is(.lh-h-3) {
    height: 0.75rem;
}
.leedsafe-header-widget :is(.lh-h-4) {
    height: 1rem;
}
.leedsafe-header-widget :is(.lh-h-5) {
    height: 1.25rem;
}
.leedsafe-header-widget :is(.lh-h-\[50px\]) {
    height: 50px;
}
.leedsafe-header-widget :is(.lh-h-full) {
    height: 100%;
}
.leedsafe-header-widget :is(.lh-h-px) {
    height: 1px;
}
.leedsafe-header-widget :is(.lh-max-h-\[28px\]) {
    max-height: 28px;
}
.leedsafe-header-widget :is(.lh-max-h-\[600px\]) {
    max-height: 600px;
}
.leedsafe-header-widget :is(.lh-w-1\/2) {
    width: 50%;
}
.leedsafe-header-widget :is(.lh-w-1\/4) {
    width: 25%;
}
.leedsafe-header-widget :is(.lh-w-3\/4) {
    width: 75%;
}
.leedsafe-header-widget :is(.lh-w-44) {
    width: 11rem;
}
.leedsafe-header-widget :is(.lh-w-48) {
    width: 12rem;
}
.leedsafe-header-widget :is(.lh-w-52) {
    width: 13rem;
}
.leedsafe-header-widget :is(.lh-w-56) {
    width: 14rem;
}
.leedsafe-header-widget :is(.lh-w-64) {
    width: 16rem;
}
.leedsafe-header-widget :is(.lh-w-\[250px\]) {
    width: 250px;
}
.leedsafe-header-widget :is(.lh-w-\[300px\]) {
    width: 300px;
}
.leedsafe-header-widget :is(.lh-w-\[475px\]) {
    width: 475px;
}
.leedsafe-header-widget :is(.lh-w-\[50px\]) {
    width: 50px;
}
.leedsafe-header-widget :is(.lh-w-full) {
    width: 100%;
}
.leedsafe-header-widget :is(.lh-min-w-0) {
    min-width: 0px;
}
.leedsafe-header-widget :is(.lh-min-w-\[1\.25rem\]) {
    min-width: 1.25rem;
}
.leedsafe-header-widget :is(.lh-min-w-\[12rem\]) {
    min-width: 12rem;
}
.leedsafe-header-widget :is(.lh-max-w-\[170px\]) {
    max-width: 170px;
}
.leedsafe-header-widget :is(.lh-flex-1) {
    flex: 1 1 0%;
}
.leedsafe-header-widget :is(.lh-flex-shrink-0) {
    flex-shrink: 0;
}
.leedsafe-header-widget :is(.lh--translate-y-1\/2) {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.leedsafe-header-widget :is(.lh-rotate-180) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes lh-pulse {
    50% {
        opacity: .5;
    }
}
.leedsafe-header-widget :is(.lh-animate-pulse) {
    animation: lh-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes lh-spin {
    to {
        transform: rotate(360deg);
    }
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.leedsafe-header-widget :is(.lh-animate-spin) {
    animation: lh-spin 1s linear infinite;
}
.leedsafe-header-widget :is(.lh-cursor-not-allowed) {
    cursor: not-allowed;
}
.leedsafe-header-widget :is(.lh-cursor-pointer) {
    cursor: pointer;
}
.leedsafe-header-widget :is(.lh-items-center) {
    align-items: center;
}
.leedsafe-header-widget :is(.lh-justify-start) {
    justify-content: flex-start;
}
.leedsafe-header-widget :is(.lh-justify-center) {
    justify-content: center;
}
.leedsafe-header-widget :is(.lh-justify-between) {
    justify-content: space-between;
}
.leedsafe-header-widget :is(.lh-gap-2) {
    gap: 0.5rem;
}
.leedsafe-header-widget :is(.lh-gap-3) {
    gap: 0.75rem;
}
.leedsafe-header-widget :is(.lh-space-x-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.leedsafe-header-widget :is(.lh-space-x-10 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.leedsafe-header-widget :is(.lh-space-x-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.leedsafe-header-widget :is(.lh-space-y-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.leedsafe-header-widget :is(.lh-space-y-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.leedsafe-header-widget :is(.lh-space-y-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.leedsafe-header-widget :is(.lh-overflow-hidden) {
    overflow: hidden;
}
.leedsafe-header-widget :is(.lh-overflow-y-auto) {
    overflow-y: auto;
}
.leedsafe-header-widget :is(.lh-truncate) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.leedsafe-header-widget :is(.lh-rounded) {
    border-radius: 0.25rem;
}
.leedsafe-header-widget :is(.lh-rounded-full) {
    border-radius: 9999px;
}
.leedsafe-header-widget :is(.lh-rounded-lg) {
    border-radius: 0.5rem;
}
.leedsafe-header-widget :is(.lh-rounded-md) {
    border-radius: 0.375rem;
}
.leedsafe-header-widget :is(.lh-rounded-none) {
    border-radius: 0px;
}
.leedsafe-header-widget :is(.lh-rounded-l-lg) {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.leedsafe-header-widget :is(.lh-rounded-r-lg) {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.leedsafe-header-widget :is(.lh-border) {
    border-width: 1px;
}
.leedsafe-header-widget :is(.lh-border-0) {
    border-width: 0px;
}
.leedsafe-header-widget :is(.lh-border-b) {
    border-bottom-width: 1px;
}
.leedsafe-header-widget :is(.lh-border-b-2) {
    border-bottom-width: 2px;
}
.leedsafe-header-widget :is(.lh-border-r) {
    border-right-width: 1px;
}
.leedsafe-header-widget :is(.lh-border-t) {
    border-top-width: 1px;
}
.leedsafe-header-widget :is(.lh-border-blue-200) {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.lh-border-gray-100) {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.lh-border-gray-200) {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.lh-border-gray-300) {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.lh-border-gray-500) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.lh-border-red-200) {
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.lh-bg-\[\#404040\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-\[\#CBCBCB\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(203 203 203 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-\[\#EBEBEB\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-\[\#F7F7F7\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-\[\#FFF200\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 0 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-blue-50) {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-blue-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-gray-100) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-gray-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-gray-50) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-red-50) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-red-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-bg-transparent) {
    background-color: transparent;
}
.leedsafe-header-widget :is(.lh-bg-white) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.lh-object-contain) {
    -o-object-fit: contain;
       object-fit: contain;
}
.leedsafe-header-widget :is(.lh-p-1) {
    padding: 0.25rem;
}
.leedsafe-header-widget :is(.lh-p-2) {
    padding: 0.5rem;
}
.leedsafe-header-widget :is(.lh-px-0) {
    padding-left: 0px;
    padding-right: 0px;
}
.leedsafe-header-widget :is(.lh-px-1) {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.leedsafe-header-widget :is(.lh-px-1\.5) {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.leedsafe-header-widget :is(.lh-px-3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.leedsafe-header-widget :is(.lh-px-4) {
    padding-left: 1rem;
    padding-right: 1rem;
}
.leedsafe-header-widget :is(.lh-px-6) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.leedsafe-header-widget :is(.lh-py-0) {
    padding-top: 0px;
    padding-bottom: 0px;
}
.leedsafe-header-widget :is(.lh-py-0\.5) {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.leedsafe-header-widget :is(.lh-py-1) {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.leedsafe-header-widget :is(.lh-py-1\.5) {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.leedsafe-header-widget :is(.lh-py-2) {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.leedsafe-header-widget :is(.lh-py-3) {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.leedsafe-header-widget :is(.lh-py-4) {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.leedsafe-header-widget :is(.lh-py-8) {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.leedsafe-header-widget :is(.lh-pb-4) {
    padding-bottom: 1rem;
}
.leedsafe-header-widget :is(.lh-pl-2) {
    padding-left: 0.5rem;
}
.leedsafe-header-widget :is(.lh-pl-4) {
    padding-left: 1rem;
}
.leedsafe-header-widget :is(.lh-pr-10) {
    padding-right: 2.5rem;
}
.leedsafe-header-widget :is(.lh-pr-16) {
    padding-right: 4rem;
}
.leedsafe-header-widget :is(.lh-pt-4) {
    padding-top: 1rem;
}
.leedsafe-header-widget :is(.lh-text-left) {
    text-align: left;
}
.leedsafe-header-widget :is(.lh-text-center) {
    text-align: center;
}
.leedsafe-header-widget :is(.lh-text-\[10px\]) {
    font-size: 10px;
}
.leedsafe-header-widget :is(.lh-text-base) {
    font-size: 1rem;
    line-height: 1.5rem;
}
.leedsafe-header-widget :is(.lh-text-sm) {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.leedsafe-header-widget :is(.lh-text-xs) {
    font-size: 0.75rem;
    line-height: 1rem;
}
.leedsafe-header-widget :is(.lh-font-medium) {
    font-weight: 500;
}
.leedsafe-header-widget :is(.lh-font-normal) {
    font-weight: 400;
}
.leedsafe-header-widget :is(.lh-font-semibold) {
    font-weight: 600;
}
.leedsafe-header-widget :is(.lh-tracking-wide) {
    letter-spacing: 0.025em;
}
.leedsafe-header-widget :is(.lh-text-\[\#FFF200\]) {
    --tw-text-opacity: 1;
    color: rgb(255 242 0 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-amber-600) {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-black) {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-blue-800) {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-blue-900) {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-gray-300) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-gray-400) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-gray-600) {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-gray-700) {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-gray-800) {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-gray-900) {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-green-600) {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-red-600) {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.lh-underline) {
    text-decoration-line: underline;
}
.leedsafe-header-widget :is(.lh-opacity-50) {
    opacity: 0.5;
}
.leedsafe-header-widget :is(.lh-shadow-lg) {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.leedsafe-header-widget :is(.lh-transition-all) {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.leedsafe-header-widget :is(.lh-transition-colors) {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.leedsafe-header-widget :is(.lh-transition-transform) {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.leedsafe-header-widget :is(.lh-duration-150) {
    transition-duration: 150ms;
}
.leedsafe-header-widget :is(.lh-duration-200) {
    transition-duration: 200ms;
}
.leedsafe-header-widget :is(.lh-ease-in-out) {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scoped Tailwind CSS variables - required for shadows, transforms, rings, borders, etc. */
.leedsafe-header-widget,
.leedsafe-header-widget *,
.leedsafe-header-widget ::before,
.leedsafe-header-widget ::after {
    /* Border variables */
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-border-opacity: 1;
    /* Transform variables */
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    /* Scroll snap */
    --tw-scroll-snap-strictness: proximity;
    /* Ring variables */
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    /* Shadow variables */
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    /* Text/background opacity variables */
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
    /* Placeholder opacity */
    --tw-placeholder-opacity: 1;
}

/* Container class for style scoping */
.leedsafe-header-widget {
    /* Ensure the widget has proper stacking context */
    position: relative;
    z-index: 40;

    /* Typography - match Tailwind preflight defaults */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;

    /* Ensure proper text rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================
   Scoped Preflight/Reset Styles
   These reset browser defaults within the widget
   ============================================ */

/* Box sizing reset */
.leedsafe-header-widget *,
.leedsafe-header-widget *::before,
.leedsafe-header-widget *::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

/* Link reset - remove underline and inherit color */
.leedsafe-header-widget a {
    color: inherit;
    text-decoration: none;
}

/* Button reset */
.leedsafe-header-widget button {
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}

/* Button and input focus reset */
.leedsafe-header-widget button:focus,
.leedsafe-header-widget input:focus {
    outline: none;
}

/* Form element reset */
.leedsafe-header-widget input,
.leedsafe-header-widget optgroup,
.leedsafe-header-widget select,
.leedsafe-header-widget textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

/* Input specific reset */
.leedsafe-header-widget input {
    background: transparent;
    border-radius: 0;
}

/* Placeholder styling */
.leedsafe-header-widget input::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
}
.leedsafe-header-widget input::placeholder {
    opacity: 1;
    color: #9ca3af;
}

/* Remove default margins */
.leedsafe-header-widget blockquote,
.leedsafe-header-widget dl,
.leedsafe-header-widget dd,
.leedsafe-header-widget h1,
.leedsafe-header-widget h2,
.leedsafe-header-widget h3,
.leedsafe-header-widget h4,
.leedsafe-header-widget h5,
.leedsafe-header-widget h6,
.leedsafe-header-widget hr,
.leedsafe-header-widget figure,
.leedsafe-header-widget p,
.leedsafe-header-widget pre {
    margin: 0;
}

/* Heading reset - inherit font size and weight (Tailwind preflight behavior) */
.leedsafe-header-widget h1,
.leedsafe-header-widget h2,
.leedsafe-header-widget h3,
.leedsafe-header-widget h4,
.leedsafe-header-widget h5,
.leedsafe-header-widget h6 {
    font-size: inherit;
    font-weight: inherit;
}

/* Ensure all text elements inherit font properties */
.leedsafe-header-widget span,
.leedsafe-header-widget div {
    font-weight: inherit;
}

/* List reset */
.leedsafe-header-widget ol,
.leedsafe-header-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Image and media reset */
.leedsafe-header-widget img,
.leedsafe-header-widget svg,
.leedsafe-header-widget video,
.leedsafe-header-widget canvas,
.leedsafe-header-widget audio,
.leedsafe-header-widget iframe,
.leedsafe-header-widget embed,
.leedsafe-header-widget object {
    display: block;
    vertical-align: middle;
}

.leedsafe-header-widget img,
.leedsafe-header-widget video {
    max-width: 100%;
    height: auto;
}

/* Animation for loading spinner */
.leedsafe-header-widget .lh-animate-spin {
    animation: leedsafe-spin 1s linear infinite;
}

@keyframes leedsafe-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Animation for loading skeletons */
.leedsafe-header-widget .lh-animate-pulse {
    animation: leedsafe-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes leedsafe-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Smooth transitions for collapsible */
.leedsafe-header-widget .lh-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Dropdown shadow */
.leedsafe-header-widget .lh-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Focus styles for accessibility */
.leedsafe-header-widget button:focus-visible,
.leedsafe-header-widget a:focus-visible,
.leedsafe-header-widget input:focus-visible {
    outline: 2px solid #404040;
    outline-offset: 2px;
}

/* Container max-width for content alignment - matches Oxygen ct-section-inner-wrap */
.leedsafe-header-widget .lh-header-container {
    max-width: 1365px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Mobile menu overlay backdrop (optional) */
@media (max-width: 1023px) {
    .leedsafe-header-widget header {
        position: relative;
    }
}

/* Sticky header behavior */
.leedsafe-header-widget > div {
    position: sticky;
    top: 0;
}

/* Cart badge specific styling */
.leedsafe-header-widget .lh-rounded-full {
    border-radius: 9999px;
}

/* Search input focus state */
.leedsafe-header-widget input[type="text"]:focus {
    outline: none;
}

/* Dropdown z-index layering */
.leedsafe-header-widget [role="menu"] {
    z-index: 50;
}
.leedsafe-header-widget :is(.placeholder\:lh-font-normal)::-moz-placeholder {
    font-weight: 400;
}
.leedsafe-header-widget :is(.placeholder\:lh-font-normal)::placeholder {
    font-weight: 400;
}
.leedsafe-header-widget :is(.placeholder\:lh-text-gray-400)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.placeholder\:lh-text-gray-400)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.placeholder\:lh-text-gray-500)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.placeholder\:lh-text-gray-500)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-bg-blue-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-bg-gray-100:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-bg-gray-200:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-bg-gray-400:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-bg-gray-50:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-bg-gray-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-bg-red-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-text-gray-600:hover) {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-text-gray-700:hover) {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-text-gray-800:hover) {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-text-gray-900:hover) {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.leedsafe-header-widget :is(.hover\:lh-underline:hover) {
    text-decoration-line: underline;
}
.leedsafe-header-widget :is(.focus\:lh-border-gray-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.focus\:lh-border-gray-700:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.leedsafe-header-widget :is(.focus\:lh-bg-gray-100:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.leedsafe-header-widget :is(.focus\:lh-shadow-none:focus) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.leedsafe-header-widget :is(.focus\:lh-outline-none:focus) {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.leedsafe-header-widget :is(.focus\:lh-ring-0:focus) {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.leedsafe-header-widget :is(.focus\:lh-ring-1:focus) {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.leedsafe-header-widget :is(.focus\:lh-ring-gray-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}
.leedsafe-header-widget :is(.disabled\:lh-opacity-50:disabled) {
    opacity: 0.5;
}
.leedsafe-header-widget :is(.lh-group:hover .group-hover\:lh-translate-x-1) {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 769px) {
    .leedsafe-header-widget :is(.md\:lh-flex) {
        display: flex;
    }
}
@media (min-width: 1025px) {
    .leedsafe-header-widget :is(.lg\:lh-right-0) {
        right: 0px;
    }
    .leedsafe-header-widget :is(.lg\:lh-block) {
        display: block;
    }
    .leedsafe-header-widget :is(.lg\:lh-flex) {
        display: flex;
    }
    .leedsafe-header-widget :is(.lg\:lh-hidden) {
        display: none;
    }
    .leedsafe-header-widget :is(.lg\:lh-w-\[calc\(100\%\+250px\)\]) {
        width: calc(100% + 250px);
    }
}

