/* =============================================
   Global Fishing - Light Theme
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* -----------------------------------------------
   BASE
   ----------------------------------------------- */

body {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    background-color: #f4f7fb !important;
    color: #1e2d3d !important;
}

body * {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}

*:focus,
button:focus,
.btn:focus,
.rm-btn:focus,
a:focus,
input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.rm-btn::before {
    display: none !important;
}

/* -----------------------------------------------
   HIDE ADVANTAGES
   ----------------------------------------------- */

.rm-advantages {
    display: none !important;
}

/* -----------------------------------------------
   CATALOG BUTTON
   ----------------------------------------------- */

#menu_toggle_button {
    background: #1a6b9a !important;
    color: #fff !important;
    border-radius: 8px !important;
    transition: background 0.2s ease !important;
}

#menu_toggle_button:hover {
    background: #155a82 !important;
}

#menu_toggle_button .rm-btn-text {
    color: #fff !important;
}

#menu_toggle_button::before {
    display: none !important;
}

/* -----------------------------------------------
   ALL BUTTONS
   ----------------------------------------------- */

#menu_toggle_button::before,
.rm-btn.primary::before {
    display: none !important;
}

.rm-btn.primary,
.rm-btn.primary .rm-btn-text,
button.rm-btn.primary {
    box-shadow: none !important;
    color: #ffffff !important;
}

.rm-btn.primary:hover {
    background: #155a82 !important;
    box-shadow: none !important;
}

.rm-btn.secondary .rm-btn-text,
.rm-btn.dark .rm-btn-text {
    background: transparent !important;
}

.rm-btn.secondary:hover {
    background: #var(--c-accent) !important !important;
}

.rm-btn.secondary:hover .rm-btn-text {
    color: #fff !important;
    background: transparent !important;
}

.rm-btn.secondary:hover .rm-cart-btn-icon {
    background: #fff !important;
}

.rm-btn.dark:hover {
    background: #1a6b9a !important;
}

/* -----------------------------------------------
   SECTION HEADERS
   ----------------------------------------------- */

.rm-module-header {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1e2d3d !important;
    margin-bottom: 20px !important;
}

.rm-module-header span {
    border-bottom: 3px solid #var(--c-accent) !important !important;
    padding-bottom: 8px !important;
    display: inline-block !important;
}

/* -----------------------------------------------
   SLIDESHOW BANNER
   ----------------------------------------------- */

.rm-slideshow-plus-item {
    background: #e8f4fd !important;
    border-radius: 16px !important;
}

.rm-slideshow-plus-item-title {
    color: #1e2d3d !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.rm-slideshow-plus-item-text p {
    color: #4a6b8a !important;
}

.rm-slideshow-plus-box {
    background: #f4f7fb !important;
}

/* -----------------------------------------------
   CATEGORY WALL - icon style
   ----------------------------------------------- */

.rm-category-wall-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 40px !important;
}

.rm-category-wall-item {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    cursor: pointer !important;
    flex: 1 1 calc(25% - 12px) !important;
    min-width: 140px !important;
    aspect-ratio: unset !important;
    display: block !important;
    text-decoration: none !important;
    box-shadow: 0 2px 12px rgba(30, 45, 61, 0.08) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
    border: 1px solid #dde8f0 !important;
}

.rm-category-wall-item:hover {
    box-shadow: 0 8px 28px rgba(30, 45, 61, 0.16) !important;
    transform: translateY(-4px) !important;
    border-color: #1a6b9a !important;
}

.rm-category-wall-item a {
    padding: 20px 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
}

.rm-category-wall-item img {
    position: static !important;
    inset: unset !important;
    width: 130px !important;
    height: 130px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    background: #f0f6fa !important;
    padding: 0 !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.3s ease !important;
    display: block !important;
    opacity: 1 !important;
}

.rm-category-wall-item:hover img {
    transform: scale(1.08) !important;
}

.rm-category-wall-item::after {
    display: none !important;
}

.rm-category-wall-item span,
.rm-category-wall-item-title {
    position: static !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #1e2d3d !important;
    text-shadow: none !important;
    display: block !important;
    background: none !important;
    border: none !important;
    transition: color 0.2s ease !important;
}

.rm-category-wall-item:hover span,
.rm-category-wall-item:hover .rm-category-wall-item-title {
    color: #1a6b9a !important;
}

.rm-category-wall-item span::after,
.rm-category-wall-item-title::after {
    display: none !important;
}

.rm-category-wall-item .rm-category-wall-item-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 767px) {
    .rm-category-wall-item {
        flex: 1 1 calc(50% - 8px) !important;
        border-radius: 12px !important;
    }
    .rm-category-wall-row { gap: 10px !important; }
    .rm-category-wall-item span {
        font-size: 13px !important;
    }
}

/* -----------------------------------------------
   PRODUCT / MODULE CARDS
   ----------------------------------------------- */

.rm-module-item,
.rm-product-item,
.rm-promotional-product-item,
.rm-last-reviews-item,
.rm-news-item {
    background: #ffffff !important;
    border: 1px solid #dde8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(30, 45, 61, 0.07) !important;
    transition: box-shadow 0.25s ease, transform 0.2s ease !important;
    overflow: hidden !important;
}

.rm-module-item:hover,
.rm-product-item:hover,
.rm-news-item:hover {
    box-shadow: 0 8px 28px rgba(30, 45, 61, 0.14) !important;
    transform: translateY(-3px) !important;
}

.rm-module-img,
.rm-product-img {
    background: #fff !important;
    overflow: hidden !important;
}

.rm-module-img img,
.rm-product-img img {
    background: #fff !important;
    padding: 10px !important;
    mix-blend-mode: multiply !important;
    display: block !important;
    transition: transform 0.35s ease !important;
    object-fit: contain !important;
}

.rm-module-item:hover .rm-module-img img,
.rm-product-item:hover .rm-product-img img {
    transform: scale(1.05) !important;
}

.rm-module-price {
    color: #var(--c-accent) !important !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.rm-module-title a {
    color: #1e2d3d !important;
}

.rm-module-title a:hover {
    color: #1a6b9a !important;
}

/* -----------------------------------------------
   DAY DISCOUNTS
   ----------------------------------------------- */

.rm-day-discounts {
    background: #ffffff !important;
    border: 1px solid #dde8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(30, 45, 61, 0.07) !important;
    padding: 24px 0 48px !important;
}

.rm-day-discounts-header {
    color: #1e2d3d !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.rm-day-discounts-item-title a {
    color: #1e2d3d !important;
    text-decoration: underline !important;
}

.rm-day-discounts-item-title a:hover {
    color: #1a6b9a !important;
}

.rm-day-discounts-item-img {
    background: #fff
 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.rm-day-discounts-item-img img {
    mix-blend-mode: multiply !important;
}

.rm-day-discounts-timer-inner {
    border-color: #1a6b9a !important;
    color: #1a6b9a !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

.rm-day-discounts .slick-dots li.slick-active button {
    background-color: #var(--c-accent) !important !important;
}

/* -----------------------------------------------
   BANNER
   ----------------------------------------------- */

.rm-banner-plus-wrap img {
    mix-blend-mode: normal !important;
    padding: 0 !important;
    border-radius: 14px !important;
}

/* -----------------------------------------------
   PAGE BACKGROUND
   ----------------------------------------------- */

#common-home,
.home-page-custom-font {
    background: #f4f7fb !important;
}

a {
    color: #1a6b9a !important;
    transition: color 0.2s ease !important;
}

a:hover {
    color: #var(--c-accent) !important !important;
    text-decoration: none !important;
}
