.elementor-1687 .elementor-element.elementor-element-3380074{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for shortcode, class: .elementor-element-192e573 *//*
|--------------------------------------------------------------------------
| THALASSO — FINAL PREMIUM MEDICAL UI
|--------------------------------------------------------------------------
| FINAL CLEAN VERSION
| Premium healthcare UI
| Unified spacing & typography
| Responsive
|--------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


/*
|--------------------------------------------------------------------------
| ROOT
|--------------------------------------------------------------------------
*/

:root{

    --primary:#1D9AD6;
    --primary-light:#71C5EF;
    --yellow:#F7DB17;
    --bg:#F3F8FC;
    --card:#FFFFFF;
    --text:#1F3142;
    --text-light:#647688;
    --border:#D9E6EF;

}


/*
|--------------------------------------------------------------------------
| BODY
|--------------------------------------------------------------------------
*/

body{

    margin:0;
    padding:0;
    background:var(--bg);
    font-family:"Roboto",sans-serif;
    color:var(--text);
    -webkit-font-smoothing:antialiased;

}


/*
|--------------------------------------------------------------------------
| WRAP
|--------------------------------------------------------------------------
*/

.thalasso-wrap{

    max-width:1240px;
    margin:0 auto;
    padding:72px 32px;
    box-sizing:border-box;

}


/*
|--------------------------------------------------------------------------
| MAIN CARD
|--------------------------------------------------------------------------
*/

.thalasso-section{

    background:var(--card);
    border-radius:40px;
    border:1px solid var(--border);
    padding:72px;
    box-shadow:0 10px 30px rgba(15,23,42,0.04);

}


/*
|--------------------------------------------------------------------------
| HERO
|--------------------------------------------------------------------------
*/

.thalasso-hero{

    margin-bottom:64px;
    padding-bottom:52px;
    border-bottom:1px solid var(--yellow);

}


/*
|--------------------------------------------------------------------------
| TITLE
|--------------------------------------------------------------------------
*/

.thalasso-title{

    margin:0 0 36px;
    font-size:50px;
    line-height:1.1;
    font-weight:500;
    letter-spacing:-1.5px;
    color:var(--text);

}


/*
|--------------------------------------------------------------------------
| SUBTITLE
|--------------------------------------------------------------------------
*/

.thalasso-subtitle{

    max-width:760px;
    font-size:21px;
    line-height:1.8;
    color:var(--text-light);

}


/*
|--------------------------------------------------------------------------
| CONTENT
|--------------------------------------------------------------------------
*/

.thalasso-content{

    max-width:1000px;

}


/*
|--------------------------------------------------------------------------
| BLOCK
|--------------------------------------------------------------------------
*/

.thalasso-block{

    padding-bottom:60px;
    margin-bottom:60px;
    border-bottom:2px solid var(--yellow);

}

.thalasso-block:last-child{

    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;

}

.thalasso-mbo-image{

    margin-top:19px;

}

/*
|--------------------------------------------------------------------------
| SECTION TITLE
|--------------------------------------------------------------------------
*/

.thalasso-section h3{

    margin:0 0 36px;
    font-size:42px;
    line-height:1.1;
    font-weight:400;
    letter-spacing:-1.5px;
    color:var(--text);

}


/*
|--------------------------------------------------------------------------
| GRID
|--------------------------------------------------------------------------
*/

.thalasso-grid{

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 28px;

}


/*
|--------------------------------------------------------------------------
| FIELD
|--------------------------------------------------------------------------
*/

.thalasso-field{

    display:flex;
    flex-direction:column;

}


/*
|--------------------------------------------------------------------------
| LABELS
|--------------------------------------------------------------------------
*/

.thalasso-field label{

    margin-bottom:12px;
    font-size:15px;
    font-weight:500;
    color:#324557;

}


/*
|--------------------------------------------------------------------------
| INPUTS
|--------------------------------------------------------------------------
*/

.thalasso-field input,
.thalasso-field textarea,
.thalasso-date select{

    width:100%;
    height:62px;
    background:#FFFFFF;
    border:1px solid #D6E2EC;
    border-radius:18px;
    padding:0 20px;
    font-size:16px;
    color:var(--text);
    box-sizing:border-box;
    transition:border-color .2s ease, box-shadow .2s ease;

}

.thalasso-field textarea{

    min-height:180px;
    resize:vertical;
    padding:20px;
    line-height:1.8;

}

.thalasso-field input::placeholder,
.thalasso-field textarea::placeholder{

    color:#99A8B6;

}

.thalasso-field input:hover,
.thalasso-field textarea:hover,
.thalasso-date select:hover{

    border-color:#BFD8E8;

}

.thalasso-field input:focus,
.thalasso-field textarea:focus,
.thalasso-date select:focus{

    outline:none;
    border-color:var(--primary-light);
    box-shadow:0 0 0 4px rgba(113,197,239,0.14);

}


/*
|--------------------------------------------------------------------------
| DATE GRID
|--------------------------------------------------------------------------
*/

.thalasso-date{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;

}


/*
|--------------------------------------------------------------------------
| CITY GRID
|--------------------------------------------------------------------------
*/

.thalasso-city-wrap{

    display:grid;
    grid-template-columns:150px 1fr;
    gap:12px;

}


/*
|--------------------------------------------------------------------------
| HELPERS
|--------------------------------------------------------------------------
*/

.thalasso-helper{

    margin-bottom:30px;
    font-size:16px;
    line-height:1.8;
    color:#718292;

}


/*
|--------------------------------------------------------------------------
| UPLOAD ROW
|--------------------------------------------------------------------------
*/

.thalasso-upload-row{

    position:relative;
    margin-bottom:28px;

}


/*
|--------------------------------------------------------------------------
| UPLOAD LABEL
|--------------------------------------------------------------------------
*/

.thalasso-upload-row label{

    display:block;
    margin-bottom:14px;
    padding-left:6px;
    font-size:16px;
    font-weight:500;
    color:#324557;

}


/*
|--------------------------------------------------------------------------
| UPLOAD BOX
|--------------------------------------------------------------------------
*/

.thalasso-upload-box{

    position:relative;
    overflow:visible;

}

.thalasso-upload-box input[type="file"]{

    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
    z-index:5;

}

.thalasso-upload-box input[type="file"]::-webkit-file-upload-button{

    visibility:hidden;

}

.thalasso-upload-box input[type="file"]::file-.elementor-1687 .elementor-element.elementor-element-192e573-button{

    visibility:hidden;

}


/*
|--------------------------------------------------------------------------
| UPLOAD AREA
|--------------------------------------------------------------------------
*/

.thalasso-upload-inner{

    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    min-height:100px;
    background:#FBFDFF;
    border:2px dashed #C7DCE9;
    border-radius:24px;
    padding:34px 24px;
    box-sizing:border-box;
    transition:border-color .2s ease, background .2s ease, transform .2s ease;

}

.thalasso-upload-inner:hover{

    border-color:var(--primary-light);
    background:#F8FCFF;
    transform:translateY(-2px);

}


/*
|--------------------------------------------------------------------------
| UPLOAD ICON
|--------------------------------------------------------------------------
*/

.thalasso-upload-icon{

    font-size:42px;
    margin-bottom:14px;
    color:var(--primary);

}


/*
|--------------------------------------------------------------------------
| UPLOAD TEXT
|--------------------------------------------------------------------------
*/

.thalasso-upload-text{

    font-size:21px;
    line-height:1.3;
    font-weight:500;
    color:var(--text);
    margin-bottom:6px;

}

.thalasso-upload-sub{

    font-size:14px;
    color:#7A8B9B;

}


/*
|--------------------------------------------------------------------------
| FILE PREVIEW WRAP
|--------------------------------------------------------------------------
| Centrirano horizontalno i vertikalno unutar upload boxa.
| Važno: top ima +14px jer labela iznad ulazi u visinu row-a.
|--------------------------------------------------------------------------
*/

.thalasso-file{

    position:absolute;
    left:50%;
    top:calc(50% + 14px);
    transform:translate(-50%,-50%);
    width:calc(100% - 48px);
    max-width:560px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:30;
    pointer-events:none;

}


/*
|--------------------------------------------------------------------------
| FILE CARD
|--------------------------------------------------------------------------
*/

.thalasso-file-item{

    width:100%;
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    background:#FFFFFF;
    border:1px solid #D9E6EF;
    border-radius:18px;
    padding:0 22px;
    box-sizing:border-box;
    box-shadow:0 8px 24px rgba(15,23,42,0.05);
    pointer-events:auto;

}


/*
|--------------------------------------------------------------------------
| FILE NAME
|--------------------------------------------------------------------------
*/

.thalasso-file-item div{

    flex:1;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:15px;
    font-weight:500;
    color:#1F3142;

}


/*
|--------------------------------------------------------------------------
| REMOVE BUTTON
|--------------------------------------------------------------------------
*/

.thalasso-remove{

    width:36px;
    height:36px;
    border:none;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#71C5EF;
    font-size:34px;
    font-weight:300;
    line-height:1;
    cursor:pointer;
    padding:0;
    flex-shrink:0;
    pointer-events:auto;
    transition:color .2s ease, transform .2s ease;

}

.thalasso-remove:hover{

    color:#1D9AD6;
    transform:scale(1.08);

}


/*
|--------------------------------------------------------------------------
| HIDE CONTENT WHEN FILE EXISTS
|--------------------------------------------------------------------------
*/

.thalasso-upload-row.has-file .thalasso-upload-icon,
.thalasso-upload-row.has-file .thalasso-upload-text,
.thalasso-upload-row.has-file .thalasso-upload-sub{

    opacity:0;
    visibility:hidden;

}


/*
|--------------------------------------------------------------------------
| ACTIVE STATE
|--------------------------------------------------------------------------
*/

.thalasso-upload-row.has-file .thalasso-upload-inner{

    border-color:#71C5EF;
    background:#F8FCFF;

}


/*
|--------------------------------------------------------------------------
| MEDICAL SECTION
|--------------------------------------------------------------------------
*/

.thalasso-medical-wrap{

    margin-top:10px;

}

.thalasso-medical-title{

    margin-bottom:6px;
    font-size:17px;
    font-weight:600;
    line-height:1.4;
    color:#1F3142;

}

.thalasso-medical-subtitle{

    margin-top:0;
    margin-bottom:22px;
    font-size:14px;
    line-height:1.6;
    color:#647688;

}


/*
|--------------------------------------------------------------------------
| ADD DOCUMENT BUTTON
|--------------------------------------------------------------------------
*/

.thalasso-upload-actions{

    margin-top:18px;

}

.thalasso-add-upload{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    height:56px;
    padding:0 26px;
    border:none;
    border-radius:16px;
    background:var(--primary-light);
    color:#FFFFFF;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease;
    box-shadow:0 10px 24px rgba(113,197,239,0.18);

}

.thalasso-add-upload:hover{

    background:var(--primary);
    transform:translateY(-1px);

}

.thalasso-add-upload:active,
.thalasso-add-upload:focus{

    background:var(--primary);
    outline:none;

}


/*
|--------------------------------------------------------------------------
| LIMIT
|--------------------------------------------------------------------------
*/

.thalasso-limit{

    margin-top:18px;
    font-size:14px;
    color:#708292;

}

.thalasso-limit-size{

    margin-top:8px;
    font-size:15px;
    font-weight:600;
    color:var(--primary);

}


/*
|--------------------------------------------------------------------------
| RADIOS
|--------------------------------------------------------------------------
*/

.thalasso-label-big{

    margin-bottom:22px;
    font-size:24px;
    line-height:1.6;
    font-weight:500;
    color:#24364B;

}

.thalasso-radio{

    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
    cursor:pointer;

}

.thalasso-radio input{

    width:24px;
    height:24px;
    min-width:24px;
    accent-color:#1D9AD6;

}

.thalasso-radio span{

    font-size:18px;
    line-height:1.6;
    color:#304255;

}


/*
|--------------------------------------------------------------------------
| CHECKBOX
|--------------------------------------------------------------------------
*/

.thalasso-checkbox{

    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:42px;

}

.thalasso-checkbox input{

    width:22px;
    height:22px;
    min-width:22px;
    margin-top:5px;
    accent-color:#1D9AD6;

}

.thalasso-checkbox span{

    font-size:15px;
    line-height:1.95;
    color:#5F7284;

}

.thalasso-checkbox a{

    color:#1D9AD6;
    text-decoration:none;
    font-weight:500;

}

.thalasso-checkbox a:hover{

    text-decoration:underline;

}


/*
|--------------------------------------------------------------------------
| CAPTCHA + BUTTON
|--------------------------------------------------------------------------
*/

.thalasso-bottom-actions{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    margin-top:24px;
    flex-wrap:wrap;

}

.thalasso-submit-wrap{

    flex:1;
    display:flex;
    justify-content:flex-end;

}


/*
|--------------------------------------------------------------------------
| SUBMIT BUTTON
|--------------------------------------------------------------------------
*/

.thalasso-btn{

    width:100%;
    max-width:460px;
    min-height:72px;
    border:none;
    border-radius:16px;
    background:#1D9AD6;
    color:#FFFFFF;
    font-size:17px;
    font-weight:500;
    letter-spacing:0;
    text-transform:none;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
    box-shadow:0 12px 28px rgba(29,154,214,0.16);

}

.thalasso-btn:hover{

    background:#71C5EF;
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(113,197,239,0.22);

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

    .thalasso-wrap{

        padding:34px 18px;

    }

    .thalasso-section{

        padding:34px 24px;
        border-radius:28px;

    }

    .thalasso-title{

        font-size:40px;
        line-height:1.1;

    }

    .thalasso-subtitle{

        font-size:17px;

    }

    .thalasso-block{

        padding-bottom:42px;
        margin-bottom:42px;

    }

    .thalasso-section h3{

        font-size:34px;

    }

    .thalasso-grid{

        grid-template-columns:1fr;
        gap:26px;

    }

    .thalasso-date{

        grid-template-columns:1fr;

    }

    .thalasso-city-wrap{

        grid-template-columns:1fr;

    }

    .thalasso-upload-inner{

        min-height:150px;

    }

    .thalasso-file{

        top:calc(50% + 14px);
        width:calc(100% - 32px);

    }

    .thalasso-file-item{

        min-height:64px;
        padding:0 16px;

    }

    .thalasso-file-item div{

        font-size:14px;

    }

    .thalasso-bottom-actions{

        flex-direction:column;
        align-items:stretch;
        gap:24px;

    }

    .thalasso-submit-wrap{

        justify-content:center;

    }

    .thalasso-btn{

        max-width:100%;
        min-height:64px;
        font-size:15px;

    }

}/* End custom CSS */