/**
 * Rimna storefront polish.
 */

.rimna-shop-ui {
    --rimna-navy: #060c3b;
    --rimna-iris: #5c6bc0;
    --rimna-mint: #2e7d4a;
    --rimna-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --rimna-duration: 0.35s;
    --rimna-page-bg: linear-gradient(165deg, #e8edff 0%, #f5f0eb 28%, #eef6f0 55%, #f0f2ff 100%);
    --rimna-main-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.96) 100%);
    --rimna-gradient-cta: linear-gradient(135deg, #1a237e 0%, #3949ab 38%, #5c6bc0 72%, #7e57c2 100%);
    --rimna-gradient-cta-hover: linear-gradient(135deg, #283593 0%, #5c6bc0 45%, #8e24aa 100%);
}

.rimna-shop-ui {
    scroll-behavior: smooth;
    background: var(--rimna-page-bg);
    background-attachment: fixed;
}

.rimna-shop-ui main.rimna-main {
    background: var(--rimna-main-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.rimna-shop-ui header.shadow-gray.rimna-header-main {
    transition: box-shadow var(--rimna-duration) var(--rimna-ease-out), background-color var(--rimna-duration) ease;
    background: linear-gradient(180deg, #0c2d5c 0%, #0a2342 55%, #071a33 100%) !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.rimna-shop-ui header .min-h-\[78px\] {
    min-height: 4rem !important;
}

.rimna-shop-ui header .flex.min-h-\[78px\],
.rimna-shop-ui header .flex.min-h-\[64px\] {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

@media (min-width: 1180px) {
    .rimna-shop-ui header .px-\[60px\] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

.rimna-shop-ui header.rimna-header-scrolled {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22) !important;
    background: rgba(7, 26, 51, 0.94) !important;
    backdrop-filter: saturate(180%) blur(12px);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
}

.rimna-shop-ui header.rimna-header-main {
    z-index: 40 !important;
}

.rimna-shop-ui .rimna-category-drawer-inner {
    background-color: #ffffff;
}

.rimna-shop-ui header .icon-compare,
.rimna-shop-ui header .icon-cart,
.rimna-shop-ui header .icon-users,
.rimna-shop-ui header .icon-hamburger {
    color: rgba(255, 255, 255, 0.92);
}

.rimna-shop-ui header a.inline-block.px-5.uppercase,
.rimna-shop-ui header .flex.h-\[77px\] .uppercase {
    color: rgba(255, 255, 255, 0.95) !important;
}

.rimna-shop-ui .rimna-header-markato-nav {
    row-gap: 0.35rem;
    border-left-color: rgba(255, 255, 255, 0.22) !important;
}

.rimna-shop-ui .rimna-header-markato-nav__link {
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.92) !important;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.rimna-shop-ui .rimna-header-markato-nav__link:hover {
    color: #ffffff !important;
}

.rimna-shop-ui .rimna-header-markato-nav__link:not(:last-child)::after {
    content: "/";
    display: inline-block;
    margin-left: 0.65rem;
    margin-right: 0.65rem;
    font-weight: 400;
    pointer-events: none;
    color: rgba(255, 255, 255, 0.35) !important;
}

.rimna-shop-ui header form[role="search"] input {
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #0f172a !important;
}

.rimna-shop-ui header form[role="search"] .icon-search {
    color: rgba(15, 23, 42, 0.45);
}

.rimna-shop-ui .primary-button {
    border-color: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    background-image: var(--rimna-gradient-cta) !important;
    box-shadow: 0 6px 20px rgba(57, 73, 171, 0.35);
}

.rimna-shop-ui .primary-button:hover {
    background-image: var(--rimna-gradient-cta-hover) !important;
}

.rimna-shop-ui .secondary-button {
    border: 2px solid transparent !important;
    background: linear-gradient(#ffffff, #f5f7ff) padding-box, linear-gradient(135deg, #3949ab, #5c6bc0, #2e7d4a) border-box !important;
    color: var(--rimna-navy) !important;
}

.rimna-shop-ui footer a {
    text-decoration: none;
}