/* --- ОСНОВНИ КОНТЕЈНЕРИ --- */
.formCourses, .formBooks, .formABSN {
    display: block;
    text-align: center;
    margin-bottom: 0.5rem;
}

.responsiveCARD {
    display: block;
    min-width: 670px;
}

/* Респонзивност за мобилни уреди */
@media (max-width: 768px) {
    .responsiveCARD { min-width: auto; }
    .date-input { grid-template-columns: 1fr !important; }
}

/* --- ГЛАВЕН СТИЛ НА ФОРМИТЕ --- */
.formCourses form, .formBooks form, .formABSN form {
    display: inline-block;
    text-align: left;
    width: 100%;
    border-radius: 12px;
    padding: 24px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Специфични бои (Light Mode) */
.formCourses form { border: solid #297efe 3px; background: rgba(69, 159, 255, 0.1); }
.formBooks form   { border: solid #ef2a72 3px; background: rgba(239, 42, 114, 0.1); }
.formABSN form    { border: solid #fcba03 3px; background: rgba(252, 226, 3, 0.1); }

/* Адаптација за Dark Mode */
.dark .formCourses form { background: rgba(41, 126, 254, 0.05); }
.dark .formBooks form   { background: rgba(239, 42, 114, 0.05); }
.dark .formABSN form    { background: rgba(252, 186, 3, 0.05); }

/* --- ИНПУТ ПОЛИЊА (Inputs, Select, Textarea) --- */
label {
    font-weight: bold;
    display: block;
    margin-top: 12px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
select,
textarea {
    width: 100%;
    padding: 12px 15px;
    margin: 8px 0;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 1rem;
    font-family: inherit;
    background-color: #ffffff;
    color: #000000;
    transition: border 0.3s, background 0.3s;
}

/* Темни полиња во Dark Mode */
.dark input:not([type="submit"]):not([type="checkbox"]), 
.dark select, 
.dark textarea {
    background-color: #1a1a1a;
    color: #ffffff;
    border: 1px solid #333;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border: 2px solid #297efe !important;
}

/* --- РАДИО ИЗБОР (Тип на апликација) --- */
.application-type {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.radio-container {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-weight: 600;
    padding: 12px;
    border: 1px solid rgba(128,128,128,0.2);
    border-radius: 10px;
    background: rgba(128,128,128,0.10);
}

.dark .radio-container {
    border-color: rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
}

.radio-container:hover { background: rgba(41, 126, 254, 0.4); }

/* --- ДАТУМ НА РАЃАЊЕ --- */
.date-input {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 10px;
    margin: 10px 0;
}
.date-input input { text-align: center; }

/* --- УСЛОВИ И ПОЛИТИКА (Checkbox порамнување) --- */
.agreement-section {
    display: flex;
    align-items: flex-start; /* Врвно порамнување за долги текстови */
    gap: 12px;
    margin-top: 20px;
    text-align: left;
}

.agreement-section input[type="checkbox"] {
    margin-top: 4px;         /* Совршено порамнување со првата линија текст */
    width: 18px;
    height: 18px;
    flex-shrink: 0;          /* Коцкичката никогаш не се стеснува */
    cursor: pointer;
}

.agreement-label {
    font-weight: normal;
    line-height: 1.5;
    cursor: pointer;
    font-size: 0.95rem;
    margin-top: 0;
}

/* --- КОПЧИЊА (Центрирани и интерактивни) --- */
.form-button, .form-button-two, .form-buttonABSN {
    display: table;          /* Овозможува центрирање преку margin auto */
    margin: 30px auto 10px;  /* Центрирање во средина */
    border: none;
    border-radius: 8px;
    color: white !important;
    padding: 14px 45px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.4s;
    text-decoration: none;
}

.form-button     { background: #297efe; }
.form-button-two { background: #ef2a72; }
.form-buttonABSN { background: #fcba03; }

.form-button:hover     { background: #0f69f2; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(41,126,254,0.3); }
.form-button-two:hover { background: #d61a5d; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(239,42,114,0.3); }
.form-buttonABSN:hover { background: #e0a502; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(252,186,3,0.3); }

/* Ефект на стрелка (») */
.form-button span, .form-button-two span, .form-buttonABSN span {
    position: relative;
    transition: 0.4s;
}

.form-button span:after, .form-button-two span:after, .form-buttonABSN span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    right: -20px;
    transition: 0.4s;
}

.form-button:hover span, .form-button-two:hover span, .form-buttonABSN:hover span {
    padding-right: 15px;
}

.form-button:hover span:after, .form-button-two:hover span:after, .form-buttonABSN:hover span:after {
    opacity: 1;
    right: 0;
}

/* --- ДЕТАЛИ --- */
.linkText {
    font-weight: bold;
    color: #0087ff;
    text-decoration: underline;
}
.dark .linkText { color: #4dabff; }

.form-divider {
    border: 0;
    border-top: 1px solid rgba(128,128,128,0.2);
    margin: 25px 0;
}


/* --- НОВИ КЛАСИ ЗА ПОДДРШКА --- */

.support-container {
    margin-top: -48px;
}

/* Зелен стил за Банка */
.formBank form { 
    border: solid #2ecc71 3px; 
    background: rgba(46, 204, 113, 0.1); 
    display: inline-block;
    text-align: left;
    width: 100%;
    border-radius: 12px;
    padding: 24px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.dark .formBank form { background: rgba(46, 204, 113, 0.05); }

/* Лилаво-сивкаст стил за Крипто */
.formCrypto form { 
    border: solid #9b59b6 3px; 
    background: rgba(155, 89, 182, 0.1); 
    display: inline-block;
    text-align: left;
    width: 100%;
    border-radius: 12px;
    padding: 24px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.dark .formCrypto form { background: rgba(155, 89, 182, 0.05); }

/* Копче за Банка (Зелено) */
.btn-bank { background: #2ecc71 !important; }
.btn-bank:hover { 
    background: #27ae60 !important; 
    box-shadow: 0 5px 15px rgba(46,204,113,0.3); 
}

/* Специфично за Крипто инпутите */
input[readonly] {
    cursor: copy;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: 1px dashed #9b59b6 !important;
    font-family: monospace;
    font-size: 0.9rem;
}
.dark input[readonly] {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Дополнително за текстуалното поле */
textarea {
    width: 100%;
    padding: 12px 15px;
    margin: 8px 0;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 1rem;
    font-family: inherit;
    resize: vertical;
}

.toast {
    visibility: hidden;
    min-width: 250px;
    background-color: #9b59b6;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 16px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    font-weight: bold;
}

.toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }
@keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }


.ri-checkbox-circle-line {
    font-size: 20px;
}



/* --- СТИЛ ЗА Е-СПИСАНИЕ (Црвеникава основа) --- */

.formMagazine {
    display: block;
    text-align: center;
    margin-bottom: 2rem;

}

.formMagazine form {
    display: inline-block;
    text-align: left;
    width: 100%;
    border-radius: 12px;
    padding: 24px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    /* Космичко црвена боја */
    border: solid #e74c3c 3px; 
    background: rgba(231, 76, 60, 0.1);
}

/* Dark Mode адаптација */
.dark .formMagazine form {
    background: rgba(231, 76, 60, 0.05);
    border-color: #c0392b;
}

/* Копче за Списанието */
.form-button-magazine {
    display: table;
    margin: 30px auto 10px;
    border: none;
    border-radius: 8px;
    background: #e74c3c; /* Црвена */
    color: white !important;
    padding: 14px 45px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.4s;
    text-decoration: none;
}

.form-button-magazine:hover {
    background: #c0392b;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);
}

/* Ефект на стрелка за списанието */
.form-button-magazine span {
    position: relative;
    transition: 0.4s;
}

.form-button-magazine span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    right: -20px;
    transition: 0.4s;
}

.form-button-magazine:hover span {
    padding-right: 15px;
}

.form-button-magazine:hover span:after {
    opacity: 1;
    right: 0;
}

/* Фокус на полиња во црвена боја */
.formMagazine input:focus, 
.formMagazine select:focus, 
.formMagazine textarea:focus {
    border: 2px solid #e74c3c !important;
}