.elementor-7919 .elementor-element.elementor-element-96b88f0{width:var( --container-widget-width, 100% );max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-7919 .elementor-element.elementor-element-96b88f0{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-96b88f0 *//* ==========================================================================
   LUMA CREATIVE - TARJOUSPYYNTÖ-LOMAKE (Vain sivu ID 7919 / Lomake 1)
   ========================================================================== */

/* --- 1. TEKSTIKENTÄT & TEKSTIALUEET --- */
.page-id-7919 #gform_wrapper_1 input[type="text"],
.page-id-7919 #gform_wrapper_1 input[type="email"],
.page-id-7919 #gform_wrapper_1 input[type="tel"],
.page-id-7919 #gform_wrapper_1 textarea {
    background-color: transparent !important;
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 12px 20px !important;
}

.page-id-7919 #gform_wrapper_1 input::placeholder,
.page-id-7919 #gform_wrapper_1 textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* --- 2. OTSAKKEET JAT TEKSTIT --- */
.page-id-7919 #gform_wrapper_1 h3 {
    color: #12FFA0 !important; 
    font-size: 24px !important; 
    margin-top: 25px !important; 
    margin-bottom: 15px !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.page-id-7919 #gform_wrapper_1 .gfield_label,
.page-id-7919 #gform_wrapper_1 legend.gfield_label,
.page-id-7919 #gform_wrapper_1 .gchoice label {
    color: #FFFFFF !important; 
}

.page-id-7919 #gform_wrapper_1 legend.gfield_label {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    opacity: 0.9;
}

/* --- 3. VALINTARUUDUT (CHECKBOXIT) ILMAN TUPLAMERKKEJÄ --- */
/* Perustila (ei valittuna): läpinäkyvä tausta, valkoiset reunat */
.page-id-7919 #gform_wrapper_1 .gfield_checkbox .gfield-choice-input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 4px !important; 
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative !important;
    transition: border-color 0.2s ease !important;
}

/* Tuhotaan Gravity Formsin omat sisäänrakennetut kuvakefontit ja nuolet */
.page-id-7919 #gform_wrapper_1 .gfield_checkbox .gfield-choice-input[type="checkbox"]::before,
.page-id-7919 #gform_wrapper_1 .gfield_checkbox .gfield-choice-input[type="checkbox"]::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Aktiivinen tila (valittuna): Vihreät reunat ja puhdas Luma-vihreä SVG-väkänen */
.page-id-7919 #gform_wrapper_1 .gfield_checkbox .gfield-choice-input[type="checkbox"]:checked {
    border-color: #12FFA0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312FFA0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>") !important;
    background-size: 13px 13px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.page-id-7919 #gform_wrapper_1 .gfield_checkbox .gfield-choice-input[type="checkbox"]:focus {
    box-shadow: 0 0 0 1px #12FFA0 !important;
}

/* --- 4. LIITETIEDOSTO-KAPSELI JA OHJETEKSTI --- */
/* Ulkokapseli ilman valkoista taustaa tai piilotusta (reunat & pyöristys tässä) */
.page-id-7919 #field_1_9 .ginput_container_fileupload {
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 20px !important; 
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    min-height: 38px !important;
    position: relative !important;
    margin-bottom: 35px !important; /* Jätetään tilaa alle tippuvalle ohjetekstille */
    overflow: visible !important; /* TÄRKEÄ: Sallii tekstin näkyä kontainerin ulkopuolella */
}

/* Nollataan oletustiedostokenttä sisältä */
.page-id-7919 #field_1_9 input[type="file"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    color: #FFFFFF !important; 
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Vasemman reunan "Valitse tiedosto" -painike */
.page-id-7919 #field_1_9 input[type="file"]::file-.elementor-7919 .elementor-element.elementor-element-96b88f0-button {
    background-color: transparent !important;
    border: none !important;
    border-right: 1px solid #FFFFFF !important; 
    color: #FFFFFF !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    border-top-left-radius: 19px !important; 
    border-bottom-left-radius: 19px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

.page-id-7919 #field_1_9 input[type="file"]::-webkit-file-upload-button {
    background-color: transparent !important;
    border: none !important;
    border-right: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    border-top-left-radius: 19px !important;
    border-bottom-left-radius: 19px !important;
    cursor: pointer !important;
}

/* Valitse painikkeen hover */
.page-id-7919 #field_1_9 input[type="file"]::file-.elementor-7919 .elementor-element.elementor-element-96b88f0-button:hover {
    color: #12FFA0 !important;
    border-right-color: #12FFA0 !important;
}

/* Siirretään "Max. tiedoston koko" -ohjeteksti siististi omalle rivilleen kapselin alle */
.page-id-7919 #field_1_9 .gform_fileupload_rules {
    position: absolute !important;
    top: 100% !important;
    left: 15px !important;
    margin-top: 8px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    display: block !important;
    white-space: nowrap !important;
}

/* --- 5. LÄHETÄ-PAINIKE (Hover-efektit) --- */
.page-id-7919 #gform_submit_button_1 {
    transition: all 0.3s ease-in-out !important;
}

.page-id-7919 #gform_submit_button_1:hover {
    background-color: transparent !important;
    color: #FFFFFF !important; /* Valkoinen teksti hoverissa */
    border-color: #12FFA0 !important;
    transform: scale(1.03) !important;
    box-shadow: 0 0 7px 2px rgba(18, 255, 160, 0.6) !important;
}/* End custom CSS */