/*
Theme Name: Litho Child
Theme URI: https://litho.themezaa.com/
Description: Child theme of Litho.
Author: WPM
Template: litho
Version: 1.0
Text Domain: litho-child
*/

/* ====================================================================
   Custom CSS (loads after the parent theme CSS).
   ==================================================================== */

/* Greyscale client-logo carousel, colour on hover (moved from parent style.css) */
#logo-carousel img.swiper-slide-image {
    filter: grayscale(1);
}
#logo-carousel img.swiper-slide-image:hover {
    filter: grayscale(0);
}

/* -------------------------------------------------------------------
   Moved from Customizer → Additional CSS on 2026-10-09
   ------------------------------------------------------------------- */

/* WPForms field labels */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    display: block;
    font-family: Exo;
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}

/* WPForms submit button */
.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
    background-color: #000000 !important;
    border-radius: 4px !important;
    font-family: Exo !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
}

/* Katalog section titles */
.katalog-txt h3.elementor-icon-box-title a {
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid black;
}

/* Instagram feed auto height */
.height-insta div#sb_instagram {
    height: auto !important;
}

/* Utility: force display block */
.show-b {
    display: block !important;
}

/* Greyscale icon images & slider, colour on hover */
.ikone-bw img.elementor-animation-grow.attachment-large.size-large,
.bw-slider img.swiper-slide-image.entered.litespeed-loaded {
    filter: grayscale(1);
}

.ikone-bw img.elementor-animation-grow.attachment-large.size-large:hover,
.bw-slider img.swiper-slide-image.entered.litespeed-loaded:hover {
    filter: grayscale(0) !important;
    transition: 0.5s ease-in-out all !important;
}

/* Underline under heading (crta-spodaj) */
.crta-spodaj h2.elementor-icon-box-title a {
    border-bottom: 3px solid white;
    width: fit-content;
}

.crta-spodaj h2.elementor-icon-box-title {
    text-align: left !important;
}