.elementor-kit-7{--e-global-color-primary:#121417;--e-global-color-secondary:#F3F4F6;--e-global-color-text:#FFFFFF;--e-global-color-accent:#F37021;--e-global-color-1d6cf97:#FF7A33;--e-global-color-09a979e:#E25F12;--e-global-color-ab642e7:#CBD5E1;--e-global-color-17a23d1:#94A3B8;--e-global-color-ff4118f:#64748B;--e-global-color-f39c1e1:#171B20;--e-global-color-e4fcefc:#1E242B;--e-global-color-92d1eb4:#252C35;--e-global-color-f84547c:#FFFFFF;--e-global-color-c8ddc70:#E9EDF2;--e-global-color-3b070ec:#2C3540;--e-global-color-ec8eb0f:#3A4654;--e-global-color-959bd6c:#D7DEE8;--e-global-color-48b4acb:#F3702180;--e-global-color-6f2ed96:#0B0D10;--e-global-color-ef92467:#2B3440;--e-global-color-6156f63:#5B6776;--e-global-color-8552dc5:#22C55E;--e-global-color-7bfec75:#F59E0B;--e-global-color-befc2a8:#EF4444;--e-global-typography-primary-font-family:"IBM Plex Sans";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:64px;--e-global-typography-primary-letter-spacing:-0.56px;--e-global-typography-secondary-font-family:"IBM Plex Sans";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:40px;--e-global-typography-secondary-letter-spacing:-0.16px;--e-global-typography-text-font-family:"IBM Plex Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"IBM Plex Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:26px;--e-global-typography-b978c65-font-family:"IBM Plex Sans";--e-global-typography-b978c65-font-size:14px;--e-global-typography-b978c65-line-height:22px;--e-global-typography-7609780-font-family:"IBM Plex Sans";--e-global-typography-7609780-font-size:12px;--e-global-typography-7609780-line-height:16px;--e-global-typography-618dd51-font-family:"IBM Plex Sans";--e-global-typography-618dd51-font-size:20px;--e-global-typography-618dd51-font-weight:600;--e-global-typography-618dd51-line-height:28px;--e-global-typography-618dd51-letter-spacing:-0.04px;--e-global-typography-76d9fe5-font-family:"IBM Plex Sans";--e-global-typography-76d9fe5-font-size:18px;--e-global-typography-76d9fe5-font-weight:600;--e-global-typography-76d9fe5-line-height:26px;--e-global-typography-76d9fe5-letter-spacing:-0.036px;--e-global-typography-f92ff3b-font-family:"IBM Plex Sans";--e-global-typography-f92ff3b-font-size:40px;--e-global-typography-f92ff3b-font-weight:700;--e-global-typography-f92ff3b-line-height:48px;--e-global-typography-f92ff3b-letter-spacing:-0.4px;--e-global-typography-eef01eb-font-family:"IBM Plex Sans";--e-global-typography-eef01eb-font-size:28px;--e-global-typography-eef01eb-font-weight:600;--e-global-typography-eef01eb-line-height:36px;--e-global-typography-eef01eb-letter-spacing:-0.14px;--e-global-typography-d845d6c-font-family:"IBM Plex Sans";--e-global-typography-d845d6c-font-size:16px;--e-global-typography-d845d6c-font-weight:600;--e-global-typography-d845d6c-line-height:20px;--e-global-typography-5556bee-font-family:"IBM Plex Sans";--e-global-typography-5556bee-font-size:14px;--e-global-typography-5556bee-font-weight:600;--e-global-typography-5556bee-line-height:16px;--e-global-typography-3ee761c-font-family:"IBM Plex Sans";--e-global-typography-3ee761c-font-size:13px;--e-global-typography-3ee761c-line-height:20px;--e-global-typography-e409c1f-font-family:"Inter";--e-global-typography-e409c1f-font-size:12px;--e-global-typography-e409c1f-text-transform:uppercase;--e-global-typography-e409c1f-line-height:16px;--e-global-typography-d266ec6-font-family:"IBM Plex Sans";--e-global-typography-d266ec6-font-size:12px;--e-global-typography-d266ec6-font-weight:600;--e-global-typography-d266ec6-line-height:16px;--e-global-typography-d266ec6-letter-spacing:0.24px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1005px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   Active state for all sidebar buttons
   Based on page ID — works across all sidebars
   ============================================ */

/* Border color for active button on each page */
body.page-id-1227 .sidebar-btn-rekvizitai,
body.page-id-1290 .sidebar-btn-technikos-pardavimai,
body.page-id-1300 .sidebar-btn-new-holland,
body.page-id-1310 .sidebar-btn-gyvulininkystes-pardavimai,
body.page-id-1320 .sidebar-btn-gyvulininkystes-servisas,
body.page-id-1330 .sidebar-btn-zemes-ukio-servisas,
body.page-id-1340 .sidebar-btn-atsargines-dalys,
body.page-id-1350 .sidebar-btn-administracija,
body.page-id-1360 .sidebar-btn-transportas,
body.page-id-1595 .sidebar-btn-atsargines,
body.page-id-1600 .sidebar-btn-servisas {
    border-color: #F3702180 !important;
}

/* Heading color inside active button */
body.page-id-1227 .sidebar-btn-rekvizitai h1,
body.page-id-1227 .sidebar-btn-rekvizitai h2,
body.page-id-1227 .sidebar-btn-rekvizitai h3,
body.page-id-1227 .sidebar-btn-rekvizitai h4,
body.page-id-1227 .sidebar-btn-rekvizitai h5,
body.page-id-1227 .sidebar-btn-rekvizitai h6,
body.page-id-1290 .sidebar-btn-technikos-pardavimai h1,
body.page-id-1290 .sidebar-btn-technikos-pardavimai h2,
body.page-id-1290 .sidebar-btn-technikos-pardavimai h3,
body.page-id-1290 .sidebar-btn-technikos-pardavimai h4,
body.page-id-1290 .sidebar-btn-technikos-pardavimai h5,
body.page-id-1290 .sidebar-btn-technikos-pardavimai h6,
body.page-id-1300 .sidebar-btn-new-holland h1,
body.page-id-1300 .sidebar-btn-new-holland h2,
body.page-id-1300 .sidebar-btn-new-holland h3,
body.page-id-1300 .sidebar-btn-new-holland h4,
body.page-id-1300 .sidebar-btn-new-holland h5,
body.page-id-1300 .sidebar-btn-new-holland h6,
body.page-id-1310 .sidebar-btn-gyvulininkystes-pardavimai h1,
body.page-id-1310 .sidebar-btn-gyvulininkystes-pardavimai h2,
body.page-id-1310 .sidebar-btn-gyvulininkystes-pardavimai h3,
body.page-id-1310 .sidebar-btn-gyvulininkystes-pardavimai h4,
body.page-id-1310 .sidebar-btn-gyvulininkystes-pardavimai h5,
body.page-id-1310 .sidebar-btn-gyvulininkystes-pardavimai h6,
body.page-id-1320 .sidebar-btn-gyvulininkystes-servisas h1,
body.page-id-1320 .sidebar-btn-gyvulininkystes-servisas h2,
body.page-id-1320 .sidebar-btn-gyvulininkystes-servisas h3,
body.page-id-1320 .sidebar-btn-gyvulininkystes-servisas h4,
body.page-id-1320 .sidebar-btn-gyvulininkystes-servisas h5,
body.page-id-1320 .sidebar-btn-gyvulininkystes-servisas h6,
body.page-id-1330 .sidebar-btn-zemes-ukio-servisas h1,
body.page-id-1330 .sidebar-btn-zemes-ukio-servisas h2,
body.page-id-1330 .sidebar-btn-zemes-ukio-servisas h3,
body.page-id-1330 .sidebar-btn-zemes-ukio-servisas h4,
body.page-id-1330 .sidebar-btn-zemes-ukio-servisas h5,
body.page-id-1330 .sidebar-btn-zemes-ukio-servisas h6,
body.page-id-1340 .sidebar-btn-atsargines-dalys h1,
body.page-id-1340 .sidebar-btn-atsargines-dalys h2,
body.page-id-1340 .sidebar-btn-atsargines-dalys h3,
body.page-id-1340 .sidebar-btn-atsargines-dalys h4,
body.page-id-1340 .sidebar-btn-atsargines-dalys h5,
body.page-id-1340 .sidebar-btn-atsargines-dalys h6,
body.page-id-1350 .sidebar-btn-administracija h1,
body.page-id-1350 .sidebar-btn-administracija h2,
body.page-id-1350 .sidebar-btn-administracija h3,
body.page-id-1350 .sidebar-btn-administracija h4,
body.page-id-1350 .sidebar-btn-administracija h5,
body.page-id-1350 .sidebar-btn-administracija h6,
body.page-id-1360 .sidebar-btn-transportas h1,
body.page-id-1360 .sidebar-btn-transportas h2,
body.page-id-1360 .sidebar-btn-transportas h3,
body.page-id-1360 .sidebar-btn-transportas h4,
body.page-id-1360 .sidebar-btn-transportas h5,
body.page-id-1360 .sidebar-btn-transportas h6,
body.page-id-1595 .sidebar-btn-atsargines h1,
body.page-id-1595 .sidebar-btn-atsargines h2,
body.page-id-1595 .sidebar-btn-atsargines h3,
body.page-id-1595 .sidebar-btn-atsargines h4,
body.page-id-1595 .sidebar-btn-atsargines h5,
body.page-id-1595 .sidebar-btn-atsargines h6,
body.page-id-1600 .sidebar-btn-servisas h1,
body.page-id-1600 .sidebar-btn-servisas h2,
body.page-id-1600 .sidebar-btn-servisas h3,
body.page-id-1600 .sidebar-btn-servisas h4,
body.page-id-1600 .sidebar-btn-servisas h5,
body.page-id-1600 .sidebar-btn-servisas h6 {
    color: #F37021 !important;
}



/* Sidebar wrapper */
.sv-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Sidebar heading - current page name */
.sv-sidebar-heading {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.002em;
    color: #0B0D10;
    margin: 0 0 8px 0;
}

/* Button list container */
.sv-sidebar-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Individual sidebar button */
.sv-sidebar-btn {
    display: block;
    padding: 12px 16px;
    background: transparent;
    border: 1px solid #D7DEE8;
    border-radius: 14px;
    color: #2B3440;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    transition: border-color 0.2s ease, color 0.2s ease;
}

/* Hover state */
.sv-sidebar-btn:hover {
    border-color: #F3702180;
    color: #F37021;
}

/* Active state (current page) */
.sv-sidebar-btn.current {
    border-color: #F3702180;
    color: #F37021;
}

/* Mobile toggle - hidden on desktop */
.sv-sidebar-mobile-toggle {
    display: none;
}

.sv-sidebar-mobile-chevron {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

/* Mobile styles */
@media (max-width: 1005px) {
    .sv-sidebar {
        display: flex !important;
        width: 100% !important;
        background: transparent !important;
    }
    
    /* Hide desktop heading on mobile */
    .sv-sidebar-heading {
        display: none;
    }
    
    /* Show mobile toggle */
    .sv-sidebar-mobile-toggle {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        background: #FFFFFF;
        border: 1px solid #D7DEE8;
        border-radius: 12px;
        padding: 12px 16px;
        font-family: 'IBM Plex Sans', sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #0B0D10;
        cursor: pointer;
        text-transform: uppercase;
        margin-bottom: 8px;
        transition: border-color 0.2s;
    }
    
    .sv-sidebar-mobile-toggle:hover {
        border-color: #F37021;
    }
    
    /* Hide buttons by default on mobile */
    .sv-sidebar-buttons {
        display: none !important;
    }
    
/* Show buttons when expanded - force correct bg */
.sv-sidebar-buttons.mobile-open,
nav.sv-sidebar-buttons.mobile-open,
.sv-sidebar nav.sv-sidebar-buttons.mobile-open,
.elementor-widget-html .sv-sidebar-buttons.mobile-open {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #F3F4F6 !important;
    background-color: #F3F4F6 !important;
    padding: 16px !important;
    border-radius: 12px !important;
}

/* Each button explicitly white inside the gray panel on mobile */
@media (max-width: 1005px) {
    .sv-sidebar-buttons .sv-sidebar-btn,
    .sv-sidebar-buttons.mobile-open .sv-sidebar-btn {
        background: #FFFFFF !important;
    }
}
    
    /* Strip default bg from widget wrappers only (not from parent containers) */
    .elementor-element:has(> .elementor-widget-container > .sv-sidebar),
    .elementor-widget-html:has(.sv-sidebar),
    .elementor-widget-container:has(> .sv-sidebar),
    .elementor-widget-html:has(.sv-subcategories),
    .elementor-widget-container:has(> .sv-subcategories) {
        background: transparent !important;
        background-color: transparent !important;
    }

    /* Width fix — applies broadly so any ancestor container expands too */
    .elementor-element:has(> .elementor-widget-container > .sv-sidebar),
    .elementor-widget-html:has(.sv-sidebar),
    .elementor-widget-container:has(> .sv-sidebar),
    .elementor-element:has(.sv-sidebar),
    .elementor-widget:has(.sv-sidebar),
    .elementor-widget-html:has(.sv-subcategories),
    .elementor-element:has(.sv-subcategories),
    .elementor-widget:has(.sv-subcategories) {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        flex-basis: 100% !important;
        flex-grow: 1 !important;
        align-self: stretch !important;
    }

    /* The immediate Elementor container that holds the sidebar widget gets the gray panel bg.
       Targets only the direct parent (not grandparents), so the content column stays untouched. */
    .elementor-element:has(> .elementor-widget-html:has(.sv-sidebar)) {
        background: #F3F4F6 !important;
        background-color: #F3F4F6 !important;
    }

    /* THE REAL FIX: any Elementor flex container that contains a sidebar
       OR the cat content must stack its children vertically on mobile,
       so they take full width naturally instead of fighting flex-row's
       content-sizing. */
    .elementor-element.e-flex:has(.sv-sidebar),
    .e-con.e-flex:has(.sv-sidebar),
    .elementor-element.e-flex:has(.sv-subcategories),
    .e-con.e-flex:has(.sv-subcategories) {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    
    /* Rotate chevron when open */
    .sv-sidebar-mobile-toggle.open .sv-sidebar-mobile-chevron {
        transform: rotate(180deg);
    }
}



.sv-subcategories {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Card base */
.sv-card {
    display: flex;
    align-items: stretch;
    text-decoration: none;
    gap: 16px;
    overflow: hidden;
    padding: 32px 80px 32px 32px;
    border-radius: 0;
}

/* Light card */
.sv-card-light {
    background: #F3F4F6;
    color: #2B3440;
}

/* Dark card - reversed layout, same padding as light */
.sv-card-dark {
    background: #252C35;
    color: #FFFFFF;
    flex-direction: row-reverse;
    padding: 32px 80px 32px 32px;
}

/* Image - 50% of content area, matches Figma proportions */
.sv-card-image {
    width: calc(50% - 8px);
    aspect-ratio: 485.5 / 259;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}

.sv-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Content - 50% of content area */
.sv-card-content {
    width: calc(50% - 8px);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 0 8px 8px 8px;
}

/* Heading */
.sv-card-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.002em;
    margin: 0;
    color: #2B3440;
}

.sv-card-dark .sv-card-title {
    color: #FFFFFF;
}

/* Button */
.sv-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 32px;
    background: #F37021;
    color: #FFFFFF;
    border-radius: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    align-self: flex-start;
    white-space: nowrap;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Button hover */
.sv-card-button:hover {
    background: #D85E12;
    color: #FFFFFF;
}

/* Arrow moves on hover */
.sv-card-button:hover .sv-card-button-icon {
    transform: translateX(4px);
}

/* Button icon - smaller, recolorable */
.sv-card-button-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    flex-shrink: 0;
    background-color: #FFFFFF;
    -webkit-mask-image: url('https://naujas.svtechnika.lt/wp-content/uploads/2026/04/arrow-right-1-1-1-1-1-1-1.svg');
    mask-image: url('https://naujas.svtechnika.lt/wp-content/uploads/2026/04/arrow-right-1-1-1-1-1-1-1.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: transform 0.3s ease;
}

/* Mobile responsive */
@media (max-width: 1005px) {
    .sv-card,
    .sv-card-dark {
        flex-direction: column !important;
        padding: 24px !important;
        gap: 16px;
    }
    
    .sv-card-image {
        width: 100%;
        aspect-ratio: 485.5 / 259;
    }
    
    .sv-card-content {
        width: 100%;
        gap: 24px;
    }
}




.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.breadcrumb a,
.breadcrumb .breadcrumb-sep {
  color: #64748B !important;
  text-decoration: none;
}

.breadcrumb [aria-current="page"] {
  color: #CBD5E1 !important;
}

.breadcrumb .breadcrumb-sep {
  margin: 0;
}

.breadcrumb a:hover {
  color: #F37021 !important;
}






/* ============================================================
   Product page — hero buttons
   ============================================================ */
.sv-product-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.sv-product-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 14px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}

.sv-product-btn-outline {
    background: #FFFFFF;
    color: #0B0D10;
    border: 1px solid #D7DEE8;
}
.sv-product-btn-outline:hover {
    border-color: #F37021;
    color: #F37021;
}

.sv-product-btn-primary {
    background: #F37021;
    color: #FFFFFF;
    border: 1px solid #F37021;
}
.sv-product-btn-primary:hover {
    background: #D85E12;
    border-color: #D85E12;
    color: #FFFFFF;
}

/* ============================================================
   Product gallery carousel
   ============================================================ */
.sv-product-gallery,
.naujiena-gallery {
    position: relative;
    width: 100%;
    aspect-ratio: 485.5 / 360;
    background: #F3F4F6;
    border-radius: 12px;
    overflow: hidden;
}
.sv-product-gallery-fullscreen,
.naujiena-gallery-fullscreen {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #0B0D10;
    transition: background 0.2s ease;
}
.sv-product-gallery-fullscreen,
.sv-product-gallery-fullscreen:hover,
.sv-product-gallery-fullscreen:focus,
.naujiena-gallery-fullscreen,
.naujiena-gallery-fullscreen:hover,
.naujiena-gallery-fullscreen:focus {
    color: #0B0D10;
}
.sv-product-gallery-fullscreen svg,
.naujiena-gallery-fullscreen svg {
    stroke: currentColor;
}
.sv-product-gallery-fullscreen:hover,
.naujiena-gallery-fullscreen:hover {
    background: #FFFFFF;
}
.sv-product-gallery-slides,
.naujiena-gallery-slides {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
}
.sv-product-gallery-slides::-webkit-scrollbar,
.naujiena-gallery-slides::-webkit-scrollbar {
    display: none;
}
.sv-product-gallery-slides.dragging,
.naujiena-gallery-slides.dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}
.sv-product-gallery-slides.dragging .sv-product-gallery-slide img,
.naujiena-gallery-slides.dragging .naujiena-gallery-slide img {
    pointer-events: none;
    user-select: none;
}
.sv-product-gallery-slide,
.naujiena-gallery-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}
.sv-product-gallery-slide img,
.naujiena-gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
}
.sv-product-gallery-dots,
.naujiena-gallery-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 2;
    background: rgba(11, 13, 16, 0.6);
    padding: 8px 12px;
    border-radius: 100px;
}
.sv-product-gallery-dot,
.naujiena-gallery-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s ease;
}
.sv-product-gallery-dot.active,
.naujiena-gallery-dot.active {
    background: #FFFFFF;
}

/* ============================================================
   Gallery lightbox (fullscreen)
   ============================================================ */
.sv-gallery-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.92);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    cursor: zoom-out;
}

.sv-gallery-lightbox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.sv-gallery-lightbox-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease;
}
.sv-gallery-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* ============================================================
   Product / Blog post video embed
   ============================================================ */
.sv-product-video,
.naujiena-video {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
}

.sv-product-video iframe,
.sv-product-video embed,
.sv-product-video object,
.sv-product-video video,
.naujiena-video iframe,
.naujiena-video embed,
.naujiena-video object,
.naujiena-video video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* Blog post gallery matches video 16:9 aspect ratio */
.naujiena-gallery {
    aspect-ratio: 16 / 9;
}










.sv-card-description {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    color: #5B6776;
    margin: 0;
}

.sv-card-dark .sv-card-description {
    color: #CBD5E1;
}






/* All images inside product description get rounded corners */
.sv-product-description img {
    border-radius: 16px;
}




/* ============================================================
   Techninė lentelė — modal
   ============================================================ */
.sv-technine-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}
.sv-technine-modal.open {
    display: flex;
}
.sv-technine-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}
.sv-technine-modal-card {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    border-radius: 16px;
    max-width: 1200px;
    width: 100%;
    max-height: 85vh;
    overflow: hidden;
    padding: 32px 40px 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
}
.sv-technine-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F3F4F6;
    border: none;
    color: #0B0D10;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sv-technine-modal-close:hover {
    background: #E5E7EB;
}
.sv-technine-modal-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #0B0D10;
    margin: 0 0 24px 0;
    padding-right: 50px;
}
/* Table styling inside modal — matches Figma spec sheet design */
.sv-technine-modal-body {
    margin-top: 8px;
    overflow-y: auto;
    flex: 1;
}
.sv-technine-modal-body table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    background: transparent;
}
/* Reset all default cell borders/backgrounds */
.sv-technine-modal-body table,
.sv-technine-modal-body table th,
.sv-technine-modal-body table td,
.sv-technine-modal-body table tr {
    border: none;
    background: transparent;
}
/* Cells: generous padding, top-aligned for multi-line values */
.sv-technine-modal-body th,
.sv-technine-modal-body td {
    padding: 20px 24px;
    text-align: left;
    vertical-align: top;
    color: #2B3440;
}
/* Header row: orange line below */
.sv-technine-modal-body thead th,
.sv-technine-modal-body thead td,
.sv-technine-modal-body tr:first-child th {
    font-weight: 600;
    font-size: 15px;
    color: #0B0D10;
    padding-bottom: 16px;
    border-bottom: 2px solid #F37021;
}
/* Fallback: if classic editor outputs no <thead>, treat first row as header */
.sv-technine-modal-body table:not(:has(thead)) tr:first-child td {
    font-weight: 600;
    font-size: 15px;
    color: #0B0D10;
    padding-bottom: 16px;
    border-bottom: 2px solid #F37021;
}
/* Body rows: thin grey horizontal divider between rows */
.sv-technine-modal-body tbody tr:not(:first-child) td,
.sv-technine-modal-body tbody tr:not(:first-child) th {
    border-top: 1px solid #E5E7EB;
}
/* Fallback for tables without tbody */
.sv-technine-modal-body table:not(:has(tbody)) tr:not(:first-child) td {
    border-top: 1px solid #E5E7EB;
}
/* First column (label): minimum width, dark color */
.sv-technine-modal-body td:first-child,
.sv-technine-modal-body th:first-child {
    color: #0B0D10;
    min-width: 200px;
}
/* No zebra striping — keep all rows transparent */
.sv-technine-modal-body tr {
    background: transparent !important;
}
/* Mobile: collapse table to stack */
@media (max-width: 1005px) {
    .sv-technine-modal-card {
        padding: 24px 20px 32px;
    }
    .sv-technine-modal-body {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .sv-technine-modal-body table {
        min-width: 700px;
    }
    .sv-technine-modal-body th,
    .sv-technine-modal-body td {
        padding: 16px 18px;
    }
}


/* ============================================================
   Blog post body tables — mirrors product spec table styling
   Applies to default WordPress/Gutenberg/classic editor tables
   ============================================================ */
.sv-post-body table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    background: transparent;
    margin: 24px 0;
}
/* Reset all default cell borders/backgrounds */
.sv-post-body table,
.sv-post-body table th,
.sv-post-body table td,
.sv-post-body table tr {
    border: none;
    background: transparent;
}
/* Cells: generous padding, top-aligned for multi-line values */
.sv-post-body th,
.sv-post-body td {
    padding: 20px 24px;
    text-align: left;
    vertical-align: top;
    color: #2B3440;
}
/* Header row: orange line below */
.sv-post-body thead th,
.sv-post-body thead td,
.sv-post-body tr:first-child th {
    font-weight: 600;
    font-size: 15px;
    color: #0B0D10;
    padding-bottom: 16px;
    border-bottom: 2px solid #F37021;
}
/* Fallback: if classic editor outputs no <thead>, treat first row as header */
.sv-post-body table:not(:has(thead)) tr:first-child td {
    font-weight: 600;
    font-size: 15px;
    color: #0B0D10;
    padding-bottom: 16px;
    border-bottom: 2px solid #F37021;
}
/* Body rows: thin grey horizontal divider between rows */
.sv-post-body tbody tr:not(:first-child) td,
.sv-post-body tbody tr:not(:first-child) th {
    border-top: 1px solid #E5E7EB;
}
/* Fallback for tables without tbody */
.sv-post-body table:not(:has(tbody)) tr:not(:first-child) td {
    border-top: 1px solid #E5E7EB;
}
/* First column (label): minimum width, dark color */
.sv-post-body td:first-child,
.sv-post-body th:first-child {
    color: #0B0D10;
    min-width: 200px;
}
/* No zebra striping — keep all rows transparent */
.sv-post-body tr {
    background: transparent !important;
}
/* Mobile: horizontal scroll instead of collapse */
@media (max-width: 1005px) {
    .sv-post-body table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        min-width: 100%;
    }
    .sv-post-body th,
    .sv-post-body td {
        padding: 16px 18px;
    }
}




/* ============================================================
   MapSVG — uses real class names from the rendered DOM.

   The DOM produced by the [mapsvg] shortcode is:
     elementor-shortcode
       .mapsvg-wrap-all (id="mapsvg-map-N")
         .mapsvg-wrap
           .mapsvg-map-container
             .mapsvg (id="mapsvg-N")
               .mapsvg-scrollpane-wrap
                 .mapsvg-scrollpane
                   svg

   There is no .sv-mapsvg-container wrapper. Selectors built around
   it never matched, which is why every prior fix appeared to do
   nothing on the front-end.
   ============================================================ */

/* Wrapper transparency — page section behind shows through */
.mapsvg-wrap-all,
.mapsvg-wrap-all .mapsvg-wrap,
.mapsvg-wrap-all .mapsvg-map-container,
[id^="mapsvg-map-"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* Inner .mapsvg element — default DARK background */
.mapsvg-wrap-all .mapsvg {
    background: #171B20 !important;
    background-color: #171B20 !important;
}

/* Inner .mapsvg element — LIGHT variant on light-theme pages */
body.light-theme .mapsvg-wrap-all .mapsvg {
    background: #F3F4F6 !important;
    background-color: #F3F4F6 !important;
}

/* === DESKTOP MAP SIZING (above 1004px only) ===
   Cap the map at 650px wide, center it, fix the aspect ratio
   from the default 1:1 square to Lithuania's actual 698:533,
   and strip MapSVG's translate(0,77px) vertical centering offset
   that creates a gap above the map. */
@media (min-width: 1005px) {
    .mapsvg-wrap-all {
        max-width: 650px !important;
        margin: 0 auto !important;
    }

    .mapsvg-wrap-all .mapsvg {
        padding-bottom: 76.36% !important;
    }

    .mapsvg-wrap-all .mapsvg-scrollpane > svg {
        transform: scale(1) !important;
    }
}

/* === WEBKIT / iOS SAFARI FIX (mobile/tablet only) ===
   On WebKit (iOS Safari, all iOS browsers), MapSVG's `width: 1000%`
   + `transform: scale(0.1)` rendering trick fails — WebKit uses the
   SVG's viewBox intrinsic size instead of the 1000% width, producing
   a tiny ~67×51 map in an otherwise correct container. The override
   below forces the SVG to fill its scrollpane and clears the scale.

   Scoped to ≤1004px because desktop Chrome (Blink) handles the
   original trick correctly, and our override removes MapSVG's
   internal size control — making the map fill 100% of whatever
   parent column it's in, which on wide desktop layouts causes
   massive overflow. */
@media (max-width: 1004px) {
    .mapsvg-wrap-all .mapsvg-scrollpane > svg {
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
    }
}

/* === ELEMENTOR WIDGET HEIGHT FIX (mobile/tablet only) ===
   The MapSVG wrapper's height doesn't propagate up to
   .elementor-widget-shortcode — the widget reports 0 height even
   when the map inside is several hundred px tall. The parent
   Elementor section then doesn't reserve enough vertical space,
   so the map visually overlaps the section below it.

   Fix: force min-height on the widget so the section grows. Width
   is also capped with breathing room so the map doesn't touch the
   section edges. 76vw ≈ Lithuania's 533/698 = 0.7636 aspect ratio,
   so reserved height roughly matches the map's shape.

   Desktop is excluded — its column layout handles widget sizing
   natively. :has() scopes this to widgets containing MapSVG. */
@media (max-width: 1004px) {
    .elementor-widget-shortcode:has(.mapsvg-wrap-all) {
        max-width: 92% !important;
        width: min(650px, 92%) !important;
        margin: 0 auto !important;
        min-height: 76vw !important;
    }
}

/* Popovers above everything else on the page */
.mapsvg-popover {
    z-index: 99999 !important;
}

/* Hide MapSVG's default category/address/distance filters */
.mapsvg-controllers-container .mapsvg-categories-filter,
.mapsvg-controllers-container .mapsvg-search-by-address,
.mapsvg-controllers-container .mapsvg-distance-filter,
.mapsvg-directory-search-form .mapsvg-categories-filter,
.mapsvg-directory-search-form .mapsvg-search-by-address {
    display: none !important;
}







/* ============================================================
   Naudota technika — 3-column grid layout
   ============================================================ */
.sv-grid-naudota {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1200px) {
    .sv-grid-naudota {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .sv-grid-naudota {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Naudota technika — vertical card design
   ============================================================ */
.sv-card.sv-card-used {
    display: flex !important;
    flex-direction: column !important;
    background: #E9EDF2 !important;
    border: 1px solid #D7DEE8 !important;
    border-radius: 16px !important;
    padding: 8px !important;
    gap: 16px !important;
    overflow: hidden;
    height: auto !important;
    min-height: 0 !important;
}

/* Image at top, full width inside padding, rounded 10px */
.sv-card.sv-card-used .sv-card-image {
    width: 100% !important;
    aspect-ratio: 4 / 3;
    border-radius: 10px;
    overflow: hidden;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.sv-card.sv-card-used .sv-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

/* Content area below image */
.sv-card.sv-card-used .sv-card-content,
.sv-card.sv-card-used .sv-card-used-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: 8px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
}

/* Header: meta row + title grouped tightly */
.sv-card.sv-card-used .sv-card-used-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Brand + year meta row */
.sv-card.sv-card-used .sv-card-used-meta {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-family: 'Inter', 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0;
}

.sv-card.sv-card-used .sv-card-used-brand {
    color: #2B3440;
}

.sv-card.sv-card-used .sv-card-used-year {
    color: #94A3B8;
}

/* Model title */
.sv-card.sv-card-used .sv-card-used-title {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: -0.04px !important;
    color: #0B0D10 !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* Specs: 2 boxes side by side */
.sv-card.sv-card-used .sv-card-used-specs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.sv-card.sv-card-used .sv-card-used-spec {
    background: #E9EDF2;
    border: 1px solid #D7DEE8;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
}

.sv-card.sv-card-used .sv-card-used-spec-label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #5B6776;
}

.sv-card.sv-card-used .sv-card-used-spec-value {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #2B3440;
    word-break: break-word;
}

/* Footer: price (left) + button (right) */
.sv-card.sv-card-used .sv-card-used-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding: 0;
}

.sv-card.sv-card-used .sv-card-used-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sv-card.sv-card-used .sv-card-used-price-label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #5B6776;
}

.sv-card.sv-card-used .sv-card-used-price-value {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #2B3440;
}

/* Orange button override for Naudota cards */
.sv-card.sv-card-used .sv-card-used-button {
    background-color: #F37021 !important;
    color: #FFFFFF !important;
    align-self: center !important;
    flex-shrink: 0;
    margin: 0 !important;
}

.sv-card.sv-card-used .sv-card-used-button:hover {
    background-color: #D85F15 !important;
}

/* Mobile responsive adjustments */
@media (max-width: 600px) {
    .sv-card.sv-card-used .sv-card-used-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .sv-card.sv-card-used .sv-card-used-button {
        align-self: stretch !important;
    }
}



/* Cap gallery height on Naudota product pages */
body.is-used-product .sv-product-gallery {
    max-height: 500px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

body.is-used-product .sv-product-gallery-slides {
    height: 100%;
}

body.is-used-product .sv-product-gallery-slide {
    height: 100%;
}

body.is-used-product .sv-product-gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Tablet — slightly shorter */
@media (max-width: 1005px) {
    body.is-used-product .sv-product-gallery {
        max-height: 400px;
    }
}

/* Mobile — shorter still */
@media (max-width: 600px) {
    body.is-used-product .sv-product-gallery {
        max-height: 320px;
    }
}






/* ============================================================
   Naudota technika contact form (CF7)
   ============================================================ */

/* Container */
.sv-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 16px;
    background: #121417;
    border-radius: 16px;
    padding: 32px;
}

.sv-form-half {
    grid-column: span 1;
}

.sv-form-full {
    grid-column: span 2;
}

.sv-form-consent,
.sv-form-submit-wrapper {
    grid-column: span 2;
}

/* Field wrapper — label sits above the input with 4px gap */
.sv-form-field label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #CBD5E1;
}

/* Inputs, textareas, selects */
.sv-form-field input[type="text"],
.sv-form-field input[type="email"],
.sv-form-field input[type="tel"],
.sv-form-field textarea,
.sv-form-field select {
    width: 100%;
    background: #171B20;
    border: 1px solid #2C3540;
    border-radius: 14px;
    padding: 12px 16px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
}

.sv-form-field input::placeholder,
.sv-form-field textarea::placeholder {
    color: #94A3B8;
    opacity: 1;
}

/* Browser autofill override — Chrome/Edge/Safari force a yellow/white bg when autofilling.
   The huge inset box-shadow paints over it; -webkit-text-fill-color sets the visible text color. */
.sv-form-field input:-webkit-autofill,
.sv-form-field input:-webkit-autofill:hover,
.sv-form-field input:-webkit-autofill:focus,
.sv-form-field input:-webkit-autofill:active,
.sv-form-field textarea:-webkit-autofill,
.sv-form-field textarea:-webkit-autofill:hover,
.sv-form-field textarea:-webkit-autofill:focus,
.sv-form-field select:-webkit-autofill,
.sv-form-field select:-webkit-autofill:hover,
.sv-form-field select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #171B20 inset !important;
    box-shadow: 0 0 0 1000px #171B20 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    caret-color: #FFFFFF;
    transition: background-color 5000s ease-in-out 0s;
}

/* Greyed-out state when no real selection has been made */
.sv-form-field select:not(:focus):not(.has-value) {
    color: #94A3B8;
}

.sv-form-field select option {
    color: #FFFFFF;
    background: #171B20;
}

/* Hover state — soft orange border */
.sv-form-field input[type="text"]:hover,
.sv-form-field input[type="email"]:hover,
.sv-form-field input[type="tel"]:hover,
.sv-form-field textarea:hover,
.sv-form-field select:hover {
    border-color: #F3702180;
}

/* Focus/active state — thicker soft orange border, no layout shift */
.sv-form-field input[type="text"]:focus,
.sv-form-field input[type="email"]:focus,
.sv-form-field input[type="tel"]:focus,
.sv-form-field textarea:focus,
.sv-form-field select:focus {
    outline: none;
    border: 2px solid #F3702180;
    padding: 11px 15px;
}

.sv-form-field textarea:focus {
    padding: 11px 15px;
}

/* Textarea */
.sv-form-field textarea {
    height: 100px;
    min-height: 100px;
    resize: vertical;
    padding: 12px 16px;
}

/* Select with custom chevron */
.sv-form-field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 48px;
    cursor: pointer;
}

.sv-form-field select option {
    background: #171B20;
    color: #FFFFFF;
}

/* Legacy .sv-form-consent rules removed — using .sv-form-consent-row now (defined at end of file) */

/* Privatumo politikos linkas */
.sv-form-privacy-link {
    color: #F37021 !important;
    font-weight: 500 !important;
    text-decoration: none;
}
.sv-form-privacy-link:hover {
    text-decoration: underline;
}

/* SIŲSTI button */
.sv-form-submit-wrapper {
    margin-top: 8px;
}

/* SIŲSTI button — matches .sv-card-button style
   Note: CF7 renders submit as <input type="submit"> which doesn't support ::after pseudo-elements.
   So we use the SVG as a background-image on the right side instead. */
.sv-form-submit,
input.sv-form-submit,
input[type="submit"].sv-form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 44px 12px 32px;
    background-color: #F37021;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
    background-size: 12px 12px;
    color: #FFFFFF;
    border: none;
    border-radius: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.3s ease, background-position 0.3s ease;
    -webkit-appearance: none;
    appearance: none;
}

.sv-form-submit:hover,
input.sv-form-submit:hover,
input[type="submit"].sv-form-submit:hover {
    background-color: #D85E12;
    color: #FFFFFF;
    background-position: right 20px center;
}

/* CF7 response messages */
.wpcf7-response-output {
    grid-column: span 2;
    margin: 16px 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

.wpcf7-not-valid-tip {
    color: #F37021 !important;
    font-size: 12px !important;
    margin-top: 4px;
}






.consultant-contact-link {
    display: inline-flex;
    align-items: center;
    padding: 12px 16px;
    background-color: #E9EDF2;
    border: 1px solid #D7DEE8;
    border-radius: 14px;
    text-decoration: none;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #2B3440;
    transition: border-color 0.2s ease;
    width: fit-content;
}

.consultant-contact-link:hover {
    border-color: #F3702180;
}

.consultant-contact-link > span {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.consultant-icon {
    color: #F37021;
    margin-right: 8px;
    flex-shrink: 0;
}

.consultant-icon svg {
    width: 16px;
    height: 16px;
    display: block;
}


/* Make all consultant cards in the same row match heights */
.elementor-loop-container .e-loop-item {
    display: flex;
    align-items: stretch;
}

.elementor-loop-container .e-loop-item > .elementor-element {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Make the card itself fill its grid cell */
.elementor-loop-container .e-loop-item .consultant-card {
    flex: 1;
    height: 100%;
}


/* Make card content stretch vertically with buttons at the bottom */
.consultant-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Push the phone button (and everything after it) to the bottom */
.consultant-card .elementor-widget-html:has(.consultant-contact-link[href^="tel:"]) {
    margin-top: auto;
}

/* Consultant card minimum dimensions on desktop (1005px+) */
@media (min-width: 1005px) {
    .consultant-card {
        min-width: 385.53px;
        min-height: 240px;
    }
}




/* Sidebar button active state */
.sidebar-btn-active {
    border-color: #F3702180 !important;
}

.sidebar-btn-active h1,
.sidebar-btn-active h2,
.sidebar-btn-active h3,
.sidebar-btn-active h4,
.sidebar-btn-active h5,
.sidebar-btn-active h6 {
    color: #F37021 !important;
}



/* ============================================================
   SV form grid — top-level layout
   ============================================================ */

.sv-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 16px;
    background: #121417;
    border-radius: 16px;
    padding: 32px;
}

/* Full-width sections (radios, consent, submit) span both columns */
.sv-form-radio-section,
.sv-form-consent-row,
.sv-form-submit-wrapper {
    grid-column: 1 / -1;
}

/* Each column is a vertical stack of fields */
.sv-form-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Section heading at top of each column */
.sv-form-column-heading {
    margin: 0 0 4px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #0B0D10;
}

/* ============================================================
   Tall textarea — grows to fill remaining column height on desktop
   ============================================================ */

.sv-form-textarea-tall {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sv-form-textarea-tall > label {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sv-form-textarea-tall .wpcf7-form-control-wrap {
    flex: 1;
    display: flex;
}

.sv-form-textarea-tall textarea {
    flex: 1;
    width: 100%;
    height: auto !important;
    min-height: 100px !important;
    resize: vertical;
    box-sizing: border-box;
}

/* ============================================================
   Light variant — overrides for white-bg version
   ============================================================ */

.sv-form-grid.sv-form-light {
    background: transparent;
    padding: 0;
}

.sv-form-light .sv-form-field label {
    color: #2B3440;
}

.sv-form-light .sv-form-field input[type="text"],
.sv-form-light .sv-form-field input[type="email"],
.sv-form-light .sv-form-field input[type="tel"],
.sv-form-light .sv-form-field textarea,
.sv-form-light .sv-form-field select {
    background: #FFFFFF;
    border-color: #D7DEE8;
    color: #0B0D10;
}

.sv-form-light .sv-form-field input::placeholder,
.sv-form-light .sv-form-field textarea::placeholder {
    color: #94A3B8;
}

.sv-form-light .sv-form-field input:-webkit-autofill,
.sv-form-light .sv-form-field input:-webkit-autofill:hover,
.sv-form-light .sv-form-field input:-webkit-autofill:focus,
.sv-form-light .sv-form-field input:-webkit-autofill:active,
.sv-form-light .sv-form-field textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #0B0D10 !important;
    caret-color: #0B0D10;
}

.sv-form-light .sv-form-consent-text {
    color: #2B3440;
}

/* ============================================================
   Radio button section (top of form)
   ============================================================ */

.sv-form-radio-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 8px;
}

.sv-form-section-label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0B0D10;
}

.sv-form-radio-section .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
}

.sv-form-radio-section .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: center;
}

.sv-form-radio-section .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2B3440;
}

.sv-form-radio-section .wpcf7-list-item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1.5px solid #D7DEE8;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    background: #FFFFFF;
    transition: border-color 0.2s ease;
}

.sv-form-radio-section .wpcf7-list-item input[type="radio"]:hover {
    border-color: #F37021;
}

.sv-form-radio-section .wpcf7-list-item input[type="radio"]:checked {
    border-color: #F37021;
}

.sv-form-radio-section .wpcf7-list-item input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #F37021;
}

.sv-form-radio-section .wpcf7-list-item-label {
    color: #2B3440;
}

/* ============================================================
   Consent row — checkbox + text (proper wrap, no duplicate label)
   ============================================================ */

.sv-form-consent-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* Hide CF7's auto-generated "Sutinku" label — we use our own text */
.sv-form-consent-row .wpcf7-list-item-label {
    display: none;
}

/* Reset CF7 wrapper so checkbox doesn't shrink and aligns to top */
.sv-form-consent-row .wpcf7-form-control-wrap {
    flex-shrink: 0;
    margin-top: 1px;
}

.sv-form-consent-row .wpcf7-list-item {
    margin: 0;
}

.sv-form-consent-row .wpcf7-list-item label {
    margin: 0;
    display: block;
}

/* Custom checkbox styling */
.sv-form-consent-row input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1.5px solid #D7DEE8;
    border-radius: 4px;
    margin: 0;
    cursor: pointer;
    background: #FFFFFF;
    position: relative;
    display: block;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.sv-form-consent-row input[type="checkbox"]:hover {
    border-color: #F37021;
}

.sv-form-consent-row input[type="checkbox"]:checked {
    background: #F37021;
    border-color: #F37021;
}

.sv-form-consent-row input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Consent text — fills remaining width, wraps within its own column */
.sv-form-consent-text {
    flex: 1;
    margin: 0;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2B3440;
    cursor: pointer;
}

/* ============================================================
   Mobile / tablet — single column at 1004px and below
   ============================================================ */

@media (max-width: 1004px) {
    .sv-form-grid {
        grid-template-columns: 1fr !important;
        padding: 16px;
    }
    
    .sv-form-grid.sv-form-light {
        padding: 0;
    }
    
    /* Force every grid item to span the full single column on mobile */
    .sv-form-grid > .sv-form-field,
    .sv-form-grid > .sv-form-half,
    .sv-form-grid > .sv-form-full,
    .sv-form-grid > .sv-form-column,
    .sv-form-grid > .sv-form-radio-section,
    .sv-form-grid > .sv-form-consent-row,
    .sv-form-grid > .sv-form-submit-wrapper,
    .sv-form-grid > h3 {
        grid-column: 1 / -1 !important;
    }
    
    /* Radio options stack vertically on mobile instead of wrapping */
    .sv-form-radio-section .wpcf7-radio {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    /* Textarea no longer needs to stretch — fixed compact height */
    .sv-form-textarea-tall {
        flex: 0 1 auto;
    }
    .sv-form-textarea-tall > label {
        flex: 0 1 auto;
    }
    .sv-form-textarea-tall .wpcf7-form-control-wrap {
        flex: 0 1 auto;
    }
    .sv-form-textarea-tall textarea {
        flex: 0 1 auto;
        height: 140px !important;
        min-height: 140px !important;
    }
}


/* ============================================================
   Post body content links (Turinys WYSIWYG)
   ============================================================ */

.sv-post-body a,
.sv-post-body a:visited,
.sv-post-body a:link {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
    color: #F37021 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.sv-post-body a:hover,
.sv-post-body a:focus {
    color: #D85E12 !important;
}


/* ============================================================
   Post breadcrumbs (naujiena_breadcrumbs shortcode)
   ============================================================ */

.naujiena-breadcrumbs {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
}

.naujiena-breadcrumbs a,
.naujiena-breadcrumbs .breadcrumb-sep {
    color: #64748B !important;
    text-decoration: none;
}

.naujiena-breadcrumbs .breadcrumb-current {
    color: #CBD5E1 !important;
}

.naujiena-breadcrumbs .breadcrumb-sep {
    margin: 0 4px;
}

.naujiena-breadcrumbs a:hover {
    color: #F37021 !important;
}


/* ============================================================
   CF7 form response messages (success / error)
   ============================================================ */

.wpcf7 form .wpcf7-response-output {
    margin: 24px 0 0;
    padding: 14px 20px;
    border-radius: 8px;
    border: 2px solid;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

/* Success — sent successfully */
.wpcf7 form.sent .wpcf7-response-output {
    background: #ECFDF5;
    border-color: #10B981;
    color: #065F46;
}

/* Validation error — fields incomplete */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background: #FEF2F2;
    border-color: #EF4444;
    color: #991B1B;
}

/* Server / spam errors */
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    background: #FFFBEB;
    border-color: #F59E0B;
    color: #92400E;
}

/* Per-field validation messages (e.g. "Prašome užpildyti šį lauką") */
.wpcf7 .wpcf7-not-valid-tip {
    color: #DC2626;
    font-size: 13px;
    margin-top: 4px;
    display: block;
}

/* Field with error — orange-red border */
.wpcf7 .wpcf7-not-valid {
    border-color: #DC2626 !important;
}

/* Hide validation tip on the dynamic pasiulymas radio field
   (we handle its validation server-side via custom filter) */
.wpcf7 .sv-form-radio-section .wpcf7-not-valid-tip,
.wpcf7 [data-name="pasiulymas"] .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-radio[data-name="pasiulymas"] ~ .wpcf7-not-valid-tip {
    display: none !important;
}



/* Wide icon variant — 100x50 instead of square */
.sv-icon-wide .elementor-icon {
    width: 100px !important;
    height: 50px !important;
}

.sv-icon-wide .elementor-icon svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100px !important;
    max-height: 50px !important;
}


/* Don't show focus ring on auto-focused popup links — only when keyboard-navigated */
.elementor-popup-modal a:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* MOBILE MODE: anything below 1146 */
@media not all and (min-width: 1146px) {
  #menu-desktop {
    display: none !important;
  }
  
  #flip-container {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  #flip-container > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  #menu-mobile {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  #menu-mobile > * {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* DESKTOP MODE: 1146 and above */
@media (min-width: 1146px) {
  #menu-mobile {
    display: none !important;
  }
}




@media (max-width: 1005px) {
  .social-buttons-mobile {
    margin-left: calc(-1 * var(--padding-left, 20px)) !important;
    margin-right: calc(-1 * var(--padding-right, 20px)) !important;
    padding-left: var(--padding-left, 20px) !important;
    padding-right: var(--padding-right, 20px) !important;
    width: auto !important;
  }
}



.sv-share-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.sv-share-link {
    display: flex;
}

.sv-share-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #1F2937;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: background-color 0.2s;
}

.sv-share-link:hover .sv-share-icon {
    background-color: #F37021;
}


@media (min-width: 1007px) and (max-width: 1202px) {
    .elementor-element-b6e02a9,
    .elementor-element-523c55c,
    .elementor-element-609e0cd,
    .elementor-element-ab3b7a8 {
        display: none !important;
    }
    .elementor-element-c5540d9,
    .elementor-element-b5fdaa1 {
        display: flex !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IBM Plex Sans';
	font-display: auto;
	src: url('https://naujas.svtechnika.lt/wp-content/uploads/2026/03/IBMPlexSans-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */