/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-04-06 12:34:43 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 49%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 49%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 36.75%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 36.75%;
    }
}

/* --- NOKIA BRANDING & GLOBAL RESET --- */
body, p, span, a, li, td, .header.links li > a { 
    font-family: 'Inter', -apple-system, sans-serif !important; 
    font-size: 14px !important; 
    line-height: 1.5;
}

/* STICKY FOOTER */
html, body { height: 100%; margin: 0; }
.page-wrapper { display: flex !important; flex-direction: column !important; min-height: 100vh !important; }
.page-main { flex: 1 0 auto !important; }
.page-footer { flex-shrink: 0 !important; }

/* --- TIER 1: TOP PANEL --- */
header.page-header.type1 .main-panel-top { 
    background-color: #f3f4f6 !important; 
    border-bottom: 1px solid #e5e7eb !important; 
    padding: 8px 0 !important;
}
header.page-header.type1 .main-panel-top .header.links li > a,
header.page-header.type1 .main-panel-top .switcher strong { 
    color: #4b5563 !important; 
    font-size: 13px !important; 
    font-weight: 500 !important;
}

/* --- TIER 2: MIDDLE ROW (LOGO, SEARCH, CART) --- */
header.page-header.type1 .header-main { 
    background: #ffffff !important; 
    padding: 24px 0 !important; 
}
header.page-header.type1 .logo img { 
    height: 52px !important; 
    width: auto !important; 
}

/* Sleek Search Bar Center & Restyle */
header.page-header.type1 .header-main .header-center {
    flex: 1;
    display: flex;
    justify-content: center;
}
header.page-header.type1 .block-search { 
    max-width: 600px !important; 
    width: 100% !important;
    margin: 0 auto !important; 
    float: none !important; 
}
header.page-header.type1 .block-search input { 
    background-color: #f3f4f6 !important; 
    border: 1px solid transparent !important; 
    border-radius: 8px !important; 
    height: 48px !important; 
    font-size: 16px !important; 
    padding-left: 45px !important;
}
header.page-header.type1 .block-search .action.search:before { 
    color: #6b7280 !important; 
    font-size: 20px !important; 
}

/* Minicart Polish with Nokia Blue */
.minicart-wrapper .action.showcart {
    display: flex !important;
    align-items: center !important;
}
.minicart-wrapper .action.showcart .minicart-icon { 
    font-size: 34px !important; 
    color: #4b5563 !important; 
}
.minicart-wrapper .action.showcart .counter.qty { 
    background: #124191 !important; /* Nokia Blue */
    top: -5px !important; 
}



/* Clean up clutter */
.header-contact, .header-left .action.nav-toggle { display: none !important; }

/* --- NOKIA DASHBOARD BRANDING --- */
.nokia-dashboard .dash-btn {
    background-color: #f8fafc !important; /* Lighter SaaS gray */
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.nokia-dashboard .dash-btn:hover {
    background-color: #124191 !important; /* Official Nokia Blue */
    color: #ffffff !important;
    border-color: #124191 !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(18, 65, 145, 0.2), 0 10px 10px -5px rgba(18, 65, 145, 0.1) !important;
}

.nokia-dashboard .dash-btn i {
    color: #124191 !important; /* Blue icons initially */
    transition: color 0.3s ease !important;
}

.nokia-dashboard .dash-btn:hover i {
    color: #ffffff !important; /* Icons flip to white on hover */
}

.nokia-dashboard .dash-btn span {
    letter-spacing: -0.025em !important;
}

/* --- MEGAMENU OVERLAP FIX --- */
/* Target the submenu links specifically to prevent overlapping */
.navigation.sw-megamenu li.ui-menu-item > a span {
    white-space: normal !important; /* Allows long category names to wrap if needed */
    display: inline-block !important;
    line-height: 1.4 !important; /* Increased for readability */
}

/* Add vertical spacing between the category links */
.navigation.sw-megamenu ul.subchildmenu > li {
    margin-bottom: 8px !important; /* Pulls the items apart */
    padding-top: 4px !important;
}

/* Ensure the Level 1 (Bold Headers) have enough space */
.navigation.sw-megamenu li.level1 > a {
    margin-bottom: 12px !important;
    display: block !important;
}

/* Adjust the column width if words are still hitting each other horizontally */
.navigation.sw-megamenu .mega-columns {
    column-gap: 30px !important;
}

/* --- MEGAMENU OVERLAP FIX --- */
/* Target the submenu links specifically to prevent overlapping */
.navigation.sw-megamenu li.ui-menu-item > a span {
    white-space: normal !important; /* Allows long category names to wrap if needed */
    display: inline-block !important;
    line-height: 1.4 !important; /* Increased for readability */
}

/* Add vertical spacing between the category links */
.navigation.sw-megamenu ul.subchildmenu > li {
    margin-bottom: 8px !important; /* Pulls the items apart */
    padding-top: 4px !important;
}

/* Ensure the Level 1 (Bold Headers) have enough space */
.navigation.sw-megamenu li.level1 > a {
    margin-bottom: 12px !important;
    display: block !important;
}

/* Adjust the column width if words are still hitting each other horizontally */
.navigation.sw-megamenu .mega-columns {
    column-gap: 30px !important;
}

/* --- UIX FEEDBACK FIXES --- */

/* Make Nokia Logo larger and centered */
.logo img {
    max-width: 180px !important; /* Increases from Porto default */
    margin-top: 5px;
}

/* Adjust Cart Icon and Total Circle */
.minicart-wrapper .action.showcart::before {
    font-size: 28px !important; /* Reduces oversized icon */
}
.minicart-wrapper .action.showcart .counter.qty {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important; /* Centers the number */
}

/* Remove green highlight in search autocomplete - change to Nokia Blue */
.search-autocomplete li.selected, 
.search-autocomplete li:hover {
    background-color: #f3f4f6 !important;
    color: #124191 !important; 
}
.search-autocomplete .qs-option-name strong {
    color: #124191 !important;
}

/* Remove massive empty space under footer */
.page-footer {
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* Make search icon clickable/look like a button */
.action.search {
    background-color: #124191 !important;
    color: #ffffff !important;
    border-radius: 0 4px 4px 0 !important;
}

/* Create Account Page: Reduce giant create button */
.account-create .action.submit.primary {
    padding: 10px 20px !important;
    font-size: 16px !important;
    width: auto !important;
}

/* --- NOKIA RESPONSIVE TYPOGRAPHY SCALE --- */
/* Apply Nokia's fluid sizing to Porto's native Header tags */

h1, .h1 {
    font-size: 24px !important;
    line-height: 135% !important;
    letter-spacing: .48px !important;
}

h2, .h2 {
    font-size: 24px !important;
    line-height: 135% !important;
    letter-spacing: .48px !important;
}

h3, .h3 {
    font-size: 18px !important;
    line-height: 135% !important;
    letter-spacing: .54px !important;
}

/* Tablet Scaling */
@media(min-width: 768px) {
    h1, .h1 {
        font-size: 32px !important;
        line-height: 130% !important;
        letter-spacing: .64px !important;
    }
}

/* Desktop Scaling (Matches Nokia's 1366px breakpoint) */
@media(min-width: 1366px) {
    h1, .h1 {
        font-size: 48px !important;
        line-height: 120% !important;
        letter-spacing: .48px !important;
    }
    
    h2, .h2 {
        font-size: 34px !important;
        line-height: 130% !important;
        letter-spacing: .64px !important;
    }
    
    h3, .h3 {
        font-size: 24px !important;
        line-height: 135% !important;
        letter-spacing: .48px !important;
    }
}


/* --- NOKIA MAX CONTAINER WIDTH --- */
/* Override Porto's default container to match Nokia's 1376px wide layout */
@media (min-width: 1400px) {
    .container {
        max-width: 1376px !important;
        width: calc(100% - 32px) !important;
    }
}