/* ===== ELEMENTOR & WP GLOBAL VARIABLES INTEGRATION ===== */

:root {

    /* Fallback vrijednosti ako Elementor varijable nisu dostupne */

    --citus-primary-color: var(--e-global-color-primary, #00205b);

    --citus-secondary-color: var(--e-global-color-secondary, #ff9912);

    --citus-accent-color: var(--e-global-color-accent, #ff9912);

    --citus-text-color: var(--e-global-color-text, #333333);

    --citus-background-color: var(--e-global-color-background, #f8f8f8);

    --citus-secondary-color-hover: #d77f0a;



    /* Elementor typography */

    --citus-primary-font: var( --e-global-typography-primary-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );

    --citus-text-font: var(

        --e-global-typography-text-font-family,

        -apple-system,

        BlinkMacSystemFont,

        "Segoe UI",

        Roboto,

        sans-serif

    );

    --citus-secondary-font: var(

        --e-global-typography-secondary-font-family,

        var(--citus-primary-font)

    );

    --citus-accent-font: var(--e-global-typography-accent-font-family, var(--citus-primary-font));

    

    /* WordPress/Gutenberg fallbacks */

    --citus-content-width: var(--wp--style--global--content-size, 800px);

    --citus-wide-width: var(--wp--style--global--wide-size, 1200px);



    /* Elementor Border Radius - Global Styles */

    --citus-border-radius: var(--e-global-border-radius, 8px);

    --citus-border-radius-sm: calc(var(--citus-border-radius) * 0.5);

    --citus-border-radius-lg: calc(var(--citus-border-radius) * 1.5);



    /* Elementor Button Styles */

    --citus-button-bg: var(--e-global-color-primary);

    --citus-button-text: var(--e-global-color-background, #ffffff);

    --citus-button-border-radius: var(--e-global-button-border-radius, var(--citus-border-radius));

    --citus-button-padding-x: var(--e-global-button-padding-horizontal, 32px);

    --citus-button-padding-y: var(--e-global-button-padding-vertical, 16px);

    --citus-button-font-size: var(--e-global-button-font-size, 1.1rem);

    --citus-button-font-weight: var(--e-global-button-font-weight, 600);

    --citus-button-text-transform: var(--e-global-button-text-transform, none);

    --citus-button-letter-spacing: var(--e-global-button-letter-spacing, normal);

    --citus-button-font-family: var(--e-global-button-font-family, var(--citus-secondary-font));



    /* Custom form variables */

    --citus-border-color: var(--e-global-color-10417cd, #ccc);

    --citus-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    --citus-transition: all 0.3s ease;

    --citus-focus-color: var(--citus-primary-color);

}

/* ===== jQuery UI datepicker title adjustments (KUP profile) ===== */
/* Ensure month and year appear on the same row and use a slightly smaller font */
.ui-datepicker .ui-datepicker-title {
    display: flex;
    align-items: center;
    justify-content: center; /* center the month/year */
    gap: 6px;
    font-size: 0.9rem; /* slightly smaller than form text */
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    display: inline-block;
    margin: 0; /* remove default margins that stack them */
    padding: 2px 4px;
    line-height: 1; /* tighten vertical spacing */
    font-size: 0.9rem; /* ensure consistent size */
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year { white-space: nowrap; }
.ui-datepicker table thead th { font-size: 0.85rem; }


/* ===== FORM CONTAINER ===== */

.citus-registration-container {

    width: 100%;

    /* PRIVREMENO za razvoj - ukloni za produkciju */

    /*max-width: var(--citus-content-width);

    margin: 0 auto;

    padding: var(--wp--preset--spacing--60, 40px) var(--wp--preset--spacing--40, 20px);

    background: var(--citus-background-color);*/

    /* END PRIVREMENO */



    font-family: var(--citus-text-font);

    color: var(--citus-text-color);



}



/* ===== TYPOGRAPHY ===== */

.citus-registration-title {

    font-family: var(--citus-secondary-font);

    font-size: var(--wp--preset--font-size--x-large, 2rem);

    font-weight: var(--e-global-typography-primary-font-weight, 600);

    line-height: var(--e-global-typography-primary-line-height, 1.3);

    margin-bottom: var(--wp--preset--spacing--50, 2rem);

    text-align: center;

    color: var(--citus-text-color);

}



/* ===== FORM STRUCTURE ===== */

.citus-members-form {

    width: 100%;

}



.citus-form-container {

    display: flex;

    flex-direction: column;

    gap: var(--wp--preset--spacing--40, 1.5rem);

}



.citus-form-row {

    display: flex;

    gap: var(--wp--preset--spacing--30, 1rem);

    flex-wrap: wrap;

}



.citus-form-field {

    display: flex;

    flex-direction: column;

    flex: 1;

    min-width: 250px;
    margin-top: 15px !important;
    margin-bottom: 20px !important;

}



.citus-form-field.full-width {

    flex: 1 1 100%;

}



.citus-form-field.half-width {

    flex: 1 1 calc(50% - var(--wp--preset--spacing--20, 0.5rem));

}



/* ===== FORM ELEMENTS STYLING ===== */

.citus-form-field label,

.citus-photo-section label,

.citus-consent-section p,

.citus-upload-form label {

    font-family: var(--citus-text-font);

    font-weight: var(--e-global-typography-text-font-weight, 500);

    font-size: var(--wp--preset--font-size--small, 0.95rem);

    margin-bottom: var(--wp--preset--spacing--20, 0.5rem);

    color: var(--citus-text-color);

    line-height: 1.5;

}



.citus-form-field input[type="date"],

.citus-form-field input[type="email"],

.citus-form-field input[type="number"],

.citus-form-field input[type="password"],

.citus-form-field input[type="search"],

.citus-form-field input[type="tel"],

.citus-form-field input[type="text"],

.citus-form-field input[type="url"],

.citus-form-field input,

.citus-form-field textarea,

.citus-form-field select {

    padding: var(--wp--preset--spacing--30, 12px) var(--wp--preset--spacing--40, 16px);

    border: 1px solid var(--citus-border-color);

    border-radius: var(--citus-border-radius);

    font-family: var(--citus-text-font) !important;

    font-size: var(--wp--preset--font-size--normal, 1rem);

    transition: var(--citus-transition);

    /*background: var(--citus-background-color);*/

    color: var(--citus-text-color);

}



.citus-form-field input:focus,

.citus-form-field input:focus-visible,

.citus-form-field textarea:focus,

.citus-form-field textarea:focus-visible,

.citus-form-field select:focus,

.citus-form-field select:focus-visible {

    outline: none;

    border-color: var(--citus-focus-color);

    box-shadow: 0 0 0 3px rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.1);

}



.citus-form-field textarea {

    min-height: 80px;

    resize: vertical;

    font-family: var(--citus-text-font);

    line-height: 1.6;

}



.citus-form-field select {

    cursor: pointer;

    /* Uklanjamo default browser strelicu */

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    /* Pozicija i dimenzija custom strelice */

    background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23333333' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>");

    background-repeat: no-repeat;

    background-position: right 12px center;

    background-size: 24px 24px;

    /* Dodatni padding da strelica ne preklapa tekst */

    padding-right: 36px;

}

/* Standalone select styling (for use outside .citus-form-field) */
.citus-form-select {
    width: 100%;
    padding: var(--wp--preset--spacing--30, 12px) var(--wp--preset--spacing--40, 16px);
    border: 1px solid var(--citus-border-color);
    border-radius: var(--citus-border-radius);
    font-family: var(--citus-text-font);
    font-size: var(--wp--preset--font-size--normal, 1rem);
    transition: var(--citus-transition);
    color: var(--citus-text-color);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23333333' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px 24px;
    padding-right: 36px;
    margin-bottom: 1rem;
}

.citus-form-select:focus,
.citus-form-select:focus-visible {
    outline: none;
    border-color: var(--citus-focus-color);
    box-shadow: 0 0 0 3px rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.1);
}



/* ===== CUSTOM SELECT FIELD ===== */

/* Glavni container */

.citus-custom-select {

    position: relative;

    width: 100%;

    font-family: inherit;

}



/* Dugme koje prikazuje odabranu vrijednost */

.citus-select-btn {

    padding: var(--wp--preset--spacing--30, 12px) var(--wp--preset--spacing--40, 16px);

    border: 1px solid var(--citus-border-color);

    border-radius: var(--citus-border-radius);

    background: var(--citus-background-color);

    cursor: pointer;

    position: relative;

}



.citus-select-btn:focus,

.citus-select-btn:focus-visible {

    outline: none;

    box-shadow: 0 0 0 3px rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.1);

}



/* SVG strelica */

.citus-select-btn::after {

    content: "";

    position: absolute;

    right: 12px;

    top: 50%;

    transform: translateY(-50%);

    width: 20px;

    height: 20px;

    pointer-events: none;

    background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23333333' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>");

    background-repeat: no-repeat;

    background-position: center;

    background-size: 20px 20px;

}



/* Lista opcija */

.citus-select-list {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    margin: 4px 0 0 0;

    padding: 0;

    list-style: none;

    background: #fff;

    border: 1px solid var(--citus-border-color);

    border-radius: var(--citus-border-radius);

    max-height: 240px;

    overflow-y: auto;

    z-index: 999;

    box-shadow: var(--citus-box-shadow);

}



/* Otvorena lista */

.citus-select-list.open {

    display: block;

}



/* Opcije */

.citus-select-list li {

    padding: 10px 16px;

    cursor: pointer;

    transition: background-color 0.2s ease;

}



/* Hover */

.citus-select-list li:hover {

    background: rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.1);

}



/* Odabrana opcija */

.citus-select-list li.selected {

    background: rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.2);

    font-weight: 500;

}



/* ===== CUSTOM FILE UPLOAD ===== */

.citus-photo-input-wrapper, .citus-document-input-wrapper {

    display: flex;

    align-items: center;

    gap: var(--wp--preset--spacing--30, 1rem);

    flex-wrap: wrap;

}

.citus-document-input-wrapper {

    margin: 5px 0;

}



/* Mobile */

@media (max-width: 575px) {

    .citus-photo-input-wrapper {

        flex-direction: column;

        align-items: stretch;

    }



    #citus-photo-button,

    #citus-photo-filename {

        width: 100%;

        text-align: left;

    }



    #citus-photo-filename {

        margin-top: 8px;

    }

}


.citus-upload-button, #existing-doc-button, #citus-photo-button, 
#citus-document-button, #citus-signed-button, #citus-signed-button-ajax, #citus-admin-ban-signed-button {
    background: var(--citus-button-bg);
    color: var(--citus-text-color);
    border: 1px solid var(--citus-border-color);
    padding: var(--citus-button-padding-y) var(--citus-button-padding-x);
    font-family: var(--citus-button-font-family);
    font-size: var(--citus-button-font-size);
    font-weight: var(--citus-button-font-weight);
    text-transform: var(--citus-button-text-transform);
    letter-spacing: var(--citus-button-letter-spacing);
    border-radius: var(--citus-button-border-radius);
    cursor: pointer;
    transition: var(--citus-transition);
    position: relative;
    overflow: hidden;
}




#citus-photo-button:hover,

#citus-document-button:hover,
#citus-signed-button:hover,
#citus-signed-button-ajax:hover {

    background: rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.1);

}

.citus-button-download {

    background: var(--citus-button-bg);

    color: var(--citus-text-color);

    border: 1px solid var(--citus-border-color);

    padding: var(--citus-button-padding-y) var(--citus-button-padding-x);

    font-family: var(--citus-button-font-family);

    font-size: var(--citus-button-font-size);

    font-weight: var(--citus-button-font-weight);

    text-transform: var(--citus-button-text-transform);

    letter-spacing: var(--citus-button-letter-spacing);

    border-radius: var(--citus-button-border-radius);

    cursor: pointer;

    transition: var(--citus-transition);

    position: relative;

    overflow: hidden;

}


.citus-button-download:hover {

    background: rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.1);

}





/* Preview slike */

#citus-photo-preview img {

    margin-top: 10px;

    max-width: 150px;

    max-height: 150px;

    border-radius: var(--citus-border-radius);

    border: 1px solid var(--citus-border-color);

    object-fit: cover;

    box-shadow: var(--citus-box-shadow);

    margin-bottom: 8px;

}



/* ===== CONSENT SECTION ===== */

.citus-consent-section {

    display: flex;

    flex-direction: column;

    gap: var(--wp--preset--spacing--30, 1rem);

    padding: var(--wp--preset--spacing--50, 1.5rem);

    background: rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.05);

    border-radius: var(--citus-border-radius);

    border: 1px solid rgba(var(--e-global-color-primary-rgb, 33, 150, 243), 0.2);

 

}

/*.citus-consent-section p {font-size: 0.875rem;}*/

.citus-checkbox-wrapper {

    display: flex;

    align-items: flex-start;

    gap: var(--wp--preset--spacing--40, 0.75rem);

}



.citus-checkbox-wrapper input[type="checkbox"] {

    margin: 0;

    width: 18px;

    height: 18px;

    flex-shrink: 0;

    margin-top: 2px;

    accent-color: var(--citus-primary-color);

    cursor: pointer;

}



.citus-checkbox-wrapper input[type="checkbox"]:focus,

.citus-checkbox-wrapper input[type="checkbox"]:focus-visible {

    outline: 2px solid var(--citus-focus-color);

    outline-offset: 2px;

}



.citus-checkbox-wrapper label {

    margin: 0;

    font-size: var(--wp--preset--font-size--small, 0.95rem);

    line-height: 1.5;

    cursor: pointer;

    font-family: var(--citus-text-font);

}



/* ===== SUBMIT BUTTON ===== */

.citus-submit-button {

    /* Koristi Elementor Global Button stilove */

    background: var(--citus-button-bg);

    color: var(--citus-button-text);

    border: none;

    padding: var(--citus-button-padding-y) var(--citus-button-padding-x);

    font-family: var(--citus-button-font-family);

    font-size: var(--citus-button-font-size);

    font-weight: var(--citus-button-font-weight);

    text-transform: var(--citus-button-text-transform);

    letter-spacing: var(--citus-button-letter-spacing);

    border-radius: var(--citus-button-border-radius);

    cursor: pointer;

    transition: var(--citus-transition);

    /* margin-top: var(--wp--preset--spacing--40, 1.5rem); */

    align-self: left; 

    min-width: 200px;
    max-width: 300px;

    position: relative;

    overflow: hidden;

}



.citus-submit-button:hover {

    background: var(--e-global-button-bg-hover, var(--citus-secondary-color));

    color: var(--e-global-button-text-hover, var(--citus-button-text));

}



.citus-submit-button:focus,

.citus-submit-button:focus-visible {

    outline: 2px solid var(--citus-focus-color);

    outline-offset: 2px;

}

#citus-generate-kup-pdf {

    margin-top: 10px;

}

/* ===== ERROR MESSAGES ===== */

.citus-error-message {

    color: var(--e-global-color-danger, #c62828);

    font-size: var(--wp--preset--font-size--small, 0.9rem);

    margin-top: var(--wp--preset--spacing--20, 0.5rem);

    line-height: 1.4;

}

.citus-field-error {

     color: var(--e-global-color-danger, #c62828);
     font-size: var(--wp--preset--font-size--small, 0.9rem);
     line-height: 1.4; 
    display: none;
}


/* ===== SUCCESS & ERROR MESSAGES ===== */

.citus-success {

    background: #e6f7e6;

    color: #2e7d32;

    border: 1px solid #b2dfdb;

    padding: var(--wp--preset--spacing--40, 1rem);

    border-radius: var(--citus-border-radius);

    margin-bottom: var(--wp--preset--spacing--50, 1.5rem);

    text-align: center;

    font-size: var(--wp--preset--font-size--normal, 1.1rem);

    font-family: var(--citus-text-font);

}



.citus-errors {

    /*background: #fff3f3;

    color: #c62828;

    border: 1px solid #ffcdd2;

    padding: var(--wp--preset--spacing--40, 1rem);

    border-radius: var(--citus-border-radius);

    margin-bottom: var(--wp--preset--spacing--40, 1rem);

    font-size: var(--wp--preset--font-size--normal, 1rem);

    font-family: var(--citus-text-font);*/

}

.citus-errors {

    margin: 20px 0 20px 0;

    text-align: center;

    padding: 20px;

    border-width: 1px;

    border-style: solid;

    border-radius: var(--citus-border-radius);

}

.citus-errors ul {

	list-style-type: none;

  padding-left: 0; 

  margin-left: 0;

}



.citus-errors ul {

    margin: 0;

    padding-left: var(--wp--preset--spacing--40, 1.5rem);

}



.citus-errors li {

    margin-bottom: var(--wp--preset--spacing--20, 0.5rem);

}



/* ===== RESPONSIVE DESIGN ===== */

@media (max-width: 767px) {

    .citus-registration-title {

        margin-bottom: var(--wp--preset--spacing--40, 1.5rem);

    }



    .citus-form-row {

        flex-direction: column;

        gap: var(--wp--preset--spacing--40, 1.5rem);

    }



    .citus-form-field {

        min-width: 100%;

    }



    .citus-form-field.half-width {

        flex: 1 1 100%;

    }



    .citus-consent-section {

        padding: var(--wp--preset--spacing--30, 1rem);

    }



    .citus-submit-button {

        width: 100%;

        min-width: auto;

    }

}



/* ===== ELEMENTOR WIDGET COMPATIBILITY ===== */

.elementor-widget-container .citus-registration-container,

.elementor-element .citus-registration-container {

    margin: 0;

    padding: 0;

    width: 100%;

    max-width: none;

}



/* Dodatna fleksibilnost za različite Elementor container tipove */

.elementor-container .citus-registration-container,

.elementor-column .citus-registration-container {

    flex: 1;

}



/* Osiguravamo da forma prati širinu parent elementa */

.citus-registration-container {

    box-sizing: border-box;

}



.citus-registration-container * {

    box-sizing: border-box;

}



/* ===== REDUCED MOTION SUPPORT ===== */

@media (prefers-reduced-motion: reduce) {

    *,

    *::before,

    *::after {

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;

    }

}



/* ===== DARK MODE SUPPORT ===== */

@media (prefers-color-scheme: dark) {

    :root {

        --citus-border-color: #404040;

        --citus-box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);

    }

}



/* ===== UTILITY CLASSES ===== */

.citus-visually-hidden {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}



/* ===== VRTIĆI & POVJERENICI ===== */

.citus-locations-container {

    /*margin-bottom: 40px;*/

}

.branch-title,

.contact-name,

.page-subtitle {

    color: var(--citus-primary-color);

    font-weight: 600;

    line-height: 1.2;

}



.page-subtitle {font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);}

.branch-title {font-size: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);}

.contact-name {font-size: clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);}





h4.contact-name {margin:0;}



.contacts-list {

    display: flex;

    flex-direction: column;

    gap: 20px;

    width: 100%;

    box-sizing: border-box;

    font-family: var(--citus-text-font);

}



.contact-item {

    display: flex;

    align-items: center;

    gap: 20px;

    border-top: 1px solid var(--citus-border-color);

    padding-top: 20px;

}



.contact-item,

.branch-title {

    display: flex;

    align-items: center;

}



.branch-title {

    gap: 10px;

    padding-top:20px;

}



.contact-item {

    gap: 20px;

}



.contact-name {

    padding-bottom: 4px;

}



.branch-nr {

    color: var(--citus-secondary-color);

}



.contact-photo {

    width: 100%;

    max-width: 110px;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    border-radius: 5px;

    border: 1px solid var(--citus-border-color);

}



.contact-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.contact-info {

    flex: 1;

}



.contact-phone,

.contact-email {

    margin-bottom: 4px;

}



.contact-email a,

.contact-phone a {

    text-decoration: none;

    color: var(--citus-secondary-color);

    transition: color 0.2s ease;

}



.contact-email a:hover,

.contact-phone a:hover {

    color: var(--citus-secondary-color-hover);

}



.contact-email a:focus,

.contact-email a:focus-visible,

.contact-phone a:focus,

.contact-phone a:focus-visible {

    outline: 2px solid var(--citus-focus-color);

    outline-offset: 2px;

    border-radius: 2px;

}



/*========REGISTRATION===========*/



.registration-message h2 {margin:0;}

.citus-member-info {margin:0 0 20px 0}

.citus-member-info p {margin:0 0 5px 0}

.citus-member-info h3 {

    margin:0 0 5px 0;

    font-size: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);

    font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);

}



/*upload potpisane prijavnice*/

.citus-upload-submit {margin-top:20px;}





img.wp-smiley, img.emoji {

    display: inline !important;

    border: none !important;

    box-shadow: none !important;

    height: 5em !important;

    width: 5em !important;

    margin: 5px 0 !important;

    vertical-align: -0.1em !important;

    background: none !important;

    padding: 0 !important;

}





.registration-message h2 {

    margin-bottom: 40px;

}



.citus-member-certificate-container {

	border: 1px solid var(--citus-border-color);

	padding: 30px;

	border-radius: var(--citus-border-radius);

}

p.citus-verification-note {font-size: 0.875rem;}

.citus-verification-footer {margin-top:20px}

.citus-member-name h2 {margin-bottom:10px;}

.citus-detail-label {font-weight:700;}

/* Date picker
----------------------------------*/
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";

}
.ui-widget {
	font-family: var(--citus-text-font),sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: var(--citus-text-font), sans-serif;
	font-size: 1em;
}
.ui-datepicker .ui-datepicker-buttonpane button {    
    padding: .6em;
    font-size: 0.75rem;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid inherit;
    background: inherit;
    color: var(--e-global-color-secondary);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--e-global-color-secondary);
    background: var(--e-global-color-secondary);
}

/* ===== End Date picker  ====*/

/* Responzivne tablice */
.citus-table-container {
 width: 100%;
 overflow-x: auto;/* omogućava horizontalni scroll na malim ekranima */
 -webkit-overflow-scrolling: touch;
}

/* Form spacing adjustments */
.citus-form .citus-form.field,
.citus-certificate-form .citus-form-field
.citus-admin-ban-form .citus-form-field {
    margin-top: 15px !important;
}
.citus-form,
.citus-certificate-form,
.citus-admin-ban-form {
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

/* KUP pozajmice fix */
.citus-kup-status-card p {
    margin-bottom: 0;
}

.citus-kup-loans-section {
    margin-top: 15px;
}

.citus-loans-table a.citus-btn-small {
    margin-bottom: 15px;
    display: block;
}