/*
 * Custom styles - v9
 * Logo in center-nav + Product photos fill squares
 */

/* ========== HIDE VIDEO SECTION TEXT (temporarily) ========== */
.elementor-element-d35wn4r .elementor-widget {
    display: none !important;
}

/* ========== PAGE BACKGROUND ========== */
body, html, #wrapper, #content-wrapper, .page-wrapper, main, #main,
.main-content, footer, #footer, .footer-container {
    background: #1a0000 !important;
}

/* ========== HEADER ========== */

#header {
    background: #1a0000 !important;
}

/* [1] Top navigation bar - header-nav */
.header-nav {
    background: #1a0000 !important;
    padding: 8px 0 !important;
}

.header-nav .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

/* Center-nav for logo */
.header-nav .center-nav {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Logo in center-nav (moved by JS) */
.header-nav .center-nav #desktop_logo {
    display: block !important;
}

.header-nav .center-nav #desktop_logo img {
    max-height: 50px !important;
    width: auto !important;
}

/* Right nav - ALL items in ONE LINE */
.header-nav .right-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
}

/* Language/Currency wrappers - no box */
.language-selector,
.currency-selector {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Buttons style - language, currency, user, cart - same height */
.language-selector .expand-more,
.currency-selector .expand-more,
#user_info a,
#blockcart .cart-toogle {
    background: rgba(139, 0, 0, 0.8) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    height: 34px !important;
    padding: 0 12px !important;
    margin: 0 2px !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.language-selector .expand-more:hover,
.currency-selector .expand-more:hover,
#user_info a:hover,
#blockcart .cart-toogle:hover {
    background: #ff0000 !important;
}

.language-selector *,
.currency-selector * {
    color: #ffffff !important;
}

/* Social links - SQUARE buttons, same height as other buttons */
.social-links a {
    background: rgba(139, 0, 0, 0.8) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 2px !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.social-links a:hover {
    background: #ff0000 !important;
}

.social-links a i {
    font-size: 14px !important;
}

/* Hide unwanted social links - keep only Facebook, Instagram (+ Telegram for future) */
.social-links li.twitter,
.social-links li.pinterest,
.social-links li.youtube,
.social-links li.vimeo {
    display: none !important;
}

/* Text links in header (Доставка, etc) - same height */
.block-iqitlinksmanager a {
    background: rgba(139, 0, 0, 0.8) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    height: 34px !important;
    padding: 0 10px !important;
    margin: 0 2px !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
    font-size: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.block-iqitlinksmanager a:hover {
    background: #ff0000 !important;
}

/* Hide iqitlinksmanager in header (Delivery, Home buttons) */
.header-nav .block-iqitlinksmanager,
.header-nav [class*="block-iqitlinksmanager"] {
    display: none !important;
}

/* Remove separator lines in header-nav (but keep FA icons which use ::before) */
.header-nav,
.header-nav .left-nav,
.header-nav .left-nav > *,
.header-nav .right-nav,
.header-nav .right-nav > *,
.header-nav .row,
.header-nav .container,
.header-nav .d-inline-block,
.header-nav .social-links,
.header-nav .social-links li,
.header-nav .social-links li a {
    border: none !important;
    box-shadow: none !important;
}

/* Kill separator pseudo-elements on divs (theme adds ::after lines between divs) */
#header .header-nav .left-nav > div::after,
#header .header-nav .right-nav > div::after,
.header-nav .left-nav > div::after,
.header-nav .right-nav > div::after {
    display: none !important;
    content: none !important;
}

/* Hide Delivery/Home buttons - aggressive specificity */
nav.header-nav .left-nav .block-iqitlinksmanager,
nav.header-nav .left-nav .block-iqitlinksmanager-2,
nav.header-nav .left-nav div.block-links-inline,
nav.header-nav .left-nav div[class*="block-iqitlinksmanager"],
.header-nav .block-iqitlinksmanager-2.block-links-inline {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Date-time display in header */
.header-datetime {
    display: inline-flex !important;
    align-items: center !important;
    height: 34px !important;
    background: rgba(139, 0, 0, 0.8) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 0 12px !important;
    margin: 0 2px !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
}

.header-datetime i {
    margin-right: 6px !important;
    font-size: 13px !important;
}

/* [2] Header-top - hide only .header-top, keep menu visible */
#desktop-header {
    background: #1a0000 !important;
}

#desktop-header .header-top,
.header-top {
    display: none !important;
}

/* Hide breadcrumb on all pages */
.breadcrumb {
    display: none !important;
}

/* ========== MENU - centered with gap below header ========== */
.iqit-megamenu-container {
    text-align: center !important;
    background: #1a0000 !important;
    padding: 5px 15px 5px 15px !important;
    margin-bottom: 0 !important;
}

#iqitmegamenu-horizontal {
    background: #8b0000 !important;
    border-radius: 10px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9), 0 5px 15px rgba(255, 0, 0, 0.3) !important;
    display: block !important;
    width: calc(100% - 30px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    overflow: visible !important;
    position: relative !important;
}

/* Menu items container */
#cbp-hrmenu > ul,
#iqitmegamenu-horizontal .cbp-hrsub-tabs {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
}

/* Menu items - equal width */
#iqitmegamenu-horizontal .cbp-hrmenu-tab {
    flex: 1 1 0 !important;
    min-width: 80px !important;
    text-align: center !important;
    border-right: 1px solid rgba(255,255,255,0.3) !important;
    position: relative !important;
}

#iqitmegamenu-horizontal .cbp-hrmenu-tab:last-child {
    border-right: none !important;
}

#iqitmegamenu-horizontal .cbp-hrmenu-tab > a {
    color: #ffffff !important;
    font-size: 13px !important;
    padding: 7px 10px !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

/* Hover and active states */
#iqitmegamenu-horizontal .cbp-hrmenu-tab:hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen {
    background: #ff0000 !important;
}

/* First item - keep left border-radius on hover */
#iqitmegamenu-horizontal .cbp-hrmenu-tab:first-child:hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab:first-child.cbp-hropen {
    border-radius: 10px 0 0 10px !important;
}

/* Last item - keep right border-radius on hover */
#iqitmegamenu-horizontal .cbp-hrmenu-tab:last-child:hover,
#iqitmegamenu-horizontal .cbp-hrmenu-tab:last-child.cbp-hropen {
    border-radius: 0 10px 10px 0 !important;
}

.cbp-horizontal > ul > li.cbp-hropen > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab.cbp-hropen > a {
    background: transparent !important;
    color: #ffffff !important;
}

#iqitmegamenu-horizontal .cbp-hrmenu-tab.current-menu-item {
    background: #ff0000 !important;
}

/* First item current - keep left border-radius */
#iqitmegamenu-horizontal .cbp-hrmenu-tab:first-child.current-menu-item {
    border-radius: 10px 0 0 10px !important;
}

/* Last item current - keep right border-radius */
#iqitmegamenu-horizontal .cbp-hrmenu-tab:last-child.current-menu-item {
    border-radius: 0 10px 10px 0 !important;
}

/* Submenu dropdown container - base styles */
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute !important;
    top: 100% !important;
    width: auto !important;
    z-index: 9999 !important;
    padding-top: 8px !important;
}

/* Default: center alignment */
.cbp-hrmenu-tab .cbp-hrsub {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

/* Items 1-3 (left side): align dropdown to left */
.cbp-hrmenu-tab:nth-child(1) .cbp-hrsub,
.cbp-hrmenu-tab:nth-child(2) .cbp-hrsub,
.cbp-hrmenu-tab:nth-child(3) .cbp-hrsub {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}

/* Items 4-6 (right side): align dropdown to right */
.cbp-hrmenu-tab:nth-child(4) .cbp-hrsub,
.cbp-hrmenu-tab:nth-child(5) .cbp-hrsub,
.cbp-hrmenu-tab:nth-child(6) .cbp-hrsub {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
}

/* Show submenu on hover */
.cbp-hrmenu-tab:hover > .cbp-hrsub,
.cbp-hrmenu-tab.cbp-hropen > .cbp-hrsub {
    display: block !important;
}

/* Submenu dropdown inner - fits 3x2 grid with 4px padding */
.cbp-hrmenu .cbp-hrsub-inner {
    background: rgba(26, 0, 0, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(139, 0, 0, 0.4) !important;
    padding: 4px !important;
    width: 406px !important;
    height: 272px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Reset all wrapper margins */
.cbp-hrmenu .cbp-hrsub-inner > *,
.cbp-hrmenu .cbp-hrsub-inner .cbp-menu-column,
.cbp-hrmenu .cbp-hrsub-inner .cbp-menu-column-inner,
.cbp-hrmenu .cbp-hrsub-inner .row {
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== SUBMENU PRODUCTS - 3x2 GRID with 4px gaps ===== */

/* Container - Grid 3x2, 4px gaps */
.cbp-hrmenu .cbp-hrsub-inner .cbp-products-big {
    display: grid !important;
    grid-template-columns: 130px 130px 130px !important;
    grid-template-rows: 130px 130px !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 398px !important;
    height: 264px !important;
}

.cbp-hrmenu .cbp-hrsub-inner .cbp-products-big.row {
    margin: 0 !important;
    padding: 0 !important;
}

/* Each cell */
.cbp-hrmenu .cbp-hrsub-inner .cbp-products-big > .product-grid-menu {
    width: 130px !important;
    height: 130px !important;
    max-width: 130px !important;
    min-width: 130px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
}

/* Hide 7+ products */
.cbp-hrmenu .cbp-hrsub-inner .cbp-products-big > .product-grid-menu:nth-child(n+7) {
    display: none !important;
}

/* Product card */
.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container {
    width: 130px !important;
    height: 130px !important;
    position: relative !important;
    border: 1px solid #c41e3a !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5) !important;
    background: #1a0000 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Image container - fill card */
.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product-image-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 130px !important;
    height: 130px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product_img_link {
    display: block !important;
    width: 130px !important;
    height: 130px !important;
}

.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product-image-container img {
    width: 130px !important;
    height: 130px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Hide title in submenu */
.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product-title {
    display: none !important;
}

/* Price overlay - absolute bottom, more transparent, rounded corners */
.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product-price-and-shipping {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 130px !important;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(3px) !important;
    padding: 5px 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
    border-radius: 0 0 9px 9px !important;
}

.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product-price {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

/* Hide NEW labels and extras */
.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product-flags,
.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .product-flag,
.cbp-hrmenu .cbp-hrsub-inner .product-miniature-container .regular-price {
    display: none !important;
}

.cbp-hrmenu .cbp-hrsub-inner a:hover {
    color: #ff6666 !important;
}

/* ========== PRODUCTS - SQUARE PHOTOS ========== */

/* Thumbnail container - square with aspect ratio */
.product-miniature .thumbnail-container {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

/* Product thumbnail link - fill the container */
.product-miniature .thumbnail-container .product-thumbnail {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Product images - FILL the square, cover and center */
.product-miniature .thumbnail-container img,
.product-miniature .thumbnail-container .product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Product miniature card styling */
.product-miniature {
    position: relative;
    border: 1px solid #c41e3a;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.8);
    transition: box-shadow 0.3s, transform 0.3s;
}

.product-miniature:hover {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.95);
    transform: translateY(-5px);
}

.product-miniature .new-label,
.product-miniature .product-flag.new,
.product-miniature .product-flags .new {
    background: #ff0000 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 10 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.product-miniature .product-description {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    padding: 15px !important;
    z-index: 5 !important;
}

.product-miniature .product-title,
.product-miniature .product-title a {
    color: #ffffff !important;
}

.product-miniature .price {
    color: #ffffff !important;
    font-size: 48px !important;
    font-weight: bold !important;
}

/* Main gallery price container - center vertically */
.elementor-products-tabs .product-miniature .product-price-and-shipping,
.product-miniature.product-miniature-layout-2 .product-price-and-shipping {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 50px !important;
}

/* Main gallery price (Elementor) - white with shadow */
.elementor-products-tabs .product-miniature .product-price,
.elementor-products-tabs .product-miniature .product-price *,
.product-miniature.product-miniature-layout-2 .product-price,
.product-miniature.product-miniature-layout-2 .product-price * {
    color: #ffffff !important;
    font-size: 35px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* Products in submenu - also square */
.cbp-hrmenu .cbp-hrsub-inner .product-miniature {
    border: 1px solid #c41e3a !important;
    border-radius: 10px !important;
    margin: 5px !important;
}

.cbp-hrmenu .cbp-hrsub-inner .product-miniature .thumbnail-container {
    aspect-ratio: 1 / 1 !important;
}

/* ========== HIDE TITLES AND UNWANTED TEXT ========== */
.featured-products h2, .new-products h2, .newproducts h2,
.products-section-title, .all-product-link, .block h4 {
    display: none !important;
}

/* Hide cart dropdown content when not active */
#blockcart-content,
.blockcart-content,
.no-items,
#_desktop_blockcart-content:not(.show),
.cart-title,
.dropdown-menu:not(.show) {
    display: none !important;
}

/* Only show cart dropdown on click */
.blockcart .dropdown-menu.show {
    display: block !important;
}

/* ========== REDUCE SPACE BETWEEN MENU AND CONTENT ========== */
#content-wrapper,
.page-home,
#content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Elementor first section - reduce top padding */
.elementor > .elementor-section:first-child,
.elementor > .elementor-element:first-child {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

#header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Page content - no extra spacing */
.page-content,
#wrapper .container {
    padding-top: 0 !important;
}

/* ========== LANGUAGE SELECTOR SPACING ========== */
/* Add space between flag and language name */
.language-selector .expand-more img,
.currency-selector .expand-more img,
#_desktop_language_selector img,
#_desktop_currency_selector img {
    margin-right: 6px !important;
}

/* ========== HEADER ALIGNMENT FIX ========== */
/* Force all header-nav elements to align vertically */
.header-nav .right-nav,
.header-nav .right-nav > *,
.header-nav .right-nav .language-selector,
.header-nav .right-nav .currency-selector,
.header-nav .right-nav #_desktop_user_info,
.header-nav .right-nav #_desktop_cart {
    display: flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    height: 34px !important;
}

/* Language and currency dropdown containers */
.language-selector .dropdown,
.currency-selector .dropdown,
#_desktop_language_selector .dropdown,
#_desktop_currency_selector .dropdown {
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
}

/* User info container */
#_desktop_user_info,
#user_info {
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
}

/* Cart container */
#_desktop_cart,
#blockcart {
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
}

/* Remove any margin/padding that might cause offset */
.header-nav .right-nav > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ========== FOOTER - ALL ICONS CENTERED ========== */

/* Footer container */
#footer-container-main {
    background: #1a0000 !important;
    padding: 20px 0 !important;
}

/* Hide all blocks except social links */
#footer-container-main .block-footer:not(.block-social-links),
#footer-container-main .links.wrapper,
#footer-container-main .block-newsletter,
#footer-container-main > .container > .row:first-child,
#footer-container-main > .container > .row:last-child {
    display: none !important;
}

/* Social links block - centered */
#footer-container-main .block-social-links {
    display: block !important;
    width: 100% !important;
}

/* Hide block title */
#footer-container-main .block-social-links .block-title {
    display: none !important;
}

/* Block content - centered */
#footer-container-main .block-social-links .block-content {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Social links UL - centered */
#footer-container-main .social-links._footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

/* All list items */
#footer-container-main .social-links._footer li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ALL icon links - same square style 34x34 */
#footer-container-main .social-links._footer li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background: rgba(139, 0, 0, 0.8) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
    padding: 0 !important;
    text-decoration: none !important;
}

#footer-container-main .social-links._footer li a:hover {
    background: #ff0000 !important;
}

#footer-container-main .social-links._footer li a i {
    font-size: 14px !important;
}

/* Hide iqitlinksmanager block in footer (keep Contact us) */
#footer-container-main .block-iqitlinksmanager-1 {
    display: none !important;
}

/* Footer copyrights - hide */
#footer-copyrights {
    display: none !important;
}

/* Footer wrapper */
footer#footer {
    background: #1a0000 !important;
}

/* ========== HEADER SOCIAL LINKS - topbar ========== */

/* Social links in header - horizontal row, vertically centered */
.header-nav .left-nav .social-links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-nav .left-nav .social-links._topbar {
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
}

/* Header social link items - inline, vertically centered */
.header-nav .left-nav .social-links li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    height: 34px !important;
}

.header-nav .left-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    height: 34px !important;
}

/* Social links wrapper inside left-nav */
.header-nav .left-nav > .d-inline-block {
    display: inline-flex !important;
    align-items: center !important;
    height: 34px !important;
}