/* ============================================================
   REGISTRATION MODAL — light theme (mevcut sitenin stiline uygun)
   master.blade'deki .registration-modal'i ortalanmis modern beyaz karta cevirir
============================================================ */
.registration-modal {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    display: none;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
/* jQuery .show('fade') inline display:block uygular — flex'e zorla */
.registration-modal[style*="display: block"],
.registration-modal[style*="display:block"],
.registration-modal[data-show="1"],
.registration-modal.is-open {
    display: block !important;
    animation: hpModalFadeIn 0.22s ease;
}
@keyframes hpModalFadeIn { from { opacity: 0; } to { opacity: 1; } }

.registration-modal .bg {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    background: rgba(20,20,28,0.55) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1;
}

/* modal-co: tum ekrani kaplayan flex container — modal-content'i ortalar */
.registration-modal .registration-modal-co {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
    overflow-y: auto;
    margin: 0 !important;
    transform: none !important;
}

.registration-modal .modal-content {
    background: #ffffff !important;
    border: 1px solid #e6e8ec !important;
    border-radius: 16px !important;
    padding: 28px 26px 22px !important;
    box-shadow: 0 24px 60px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.06) !important;
    color: #2c2c2c !important;
    width: 100% !important;
    max-width: 520px !important;
    max-height: 92vh;
    overflow-y: auto;
    overflow-x: hidden;
    animation: hpModalSlideUp 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative !important;
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}
.registration-modal .modal-content * { box-sizing: border-box !important; }
@keyframes hpModalSlideUp {
    from { transform: translateY(20px) scale(0.97); opacity: 0; }
    to   { transform: translateY(0) scale(1); opacity: 1; }
}

/* Ust gradient cizgi (kirmizi -> altin) */
.registration-modal .modal-content::before {
    content: '';
    position: absolute;
    top: 0; left: 24px; right: 24px; height: 3px;
    background: linear-gradient(90deg, #c1000f, #d4af37);
    border-radius: 0 0 3px 3px;
}

.registration-modal .modal-content h4 {
    color: #2c2c2c !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    margin: 0 0 20px !important;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: center;
    gap: 10px;
}
.registration-modal .modal-content h4::before {
    content: '\f7d8';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #c1000f;
    font-size: 16px;
    background: rgba(193,0,15,0.10);
    padding: 8px;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.registration-modal .col-form-label {
    color: #555 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 6px !important;
    padding: 0 !important;
    display: block !important;
}

.registration-modal .form-control,
.registration-modal input.form-control-sm,
.registration-modal select.form-control-sm,
.registration-modal input[type="text"],
.registration-modal input[type="email"],
.registration-modal input[type="number"] {
    background: #f7f8fa !important;
    border: 1px solid #e0e3e8 !important;
    border-radius: 10px !important;
    color: #2c2c2c !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    height: auto !important;
    min-height: 42px !important;
    box-shadow: none !important;
    transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
    width: 100% !important;
}
.registration-modal .form-control:focus,
.registration-modal input:focus,
.registration-modal select:focus {
    background: #fff !important;
    border-color: #c1000f !important;
    box-shadow: 0 0 0 3px rgba(193,0,15,0.10) !important;
    outline: none !important;
    color: #2c2c2c !important;
}
.registration-modal .form-control::placeholder { color: #aaa !important; }

.registration-modal .form-group { margin-bottom: 12px !important; }
.registration-modal .row { display: flex !important; flex-wrap: wrap; gap: 12px; margin: 0 !important; }
.registration-modal .row .col { padding: 0 !important; flex: 1 1 0; min-width: 0; }

/* Select2 light theme */
.registration-modal .select2-container--default .select2-selection--single {
    background: #f7f8fa !important;
    border: 1px solid #e0e3e8 !important;
    border-radius: 10px !important;
    height: 42px !important;
    line-height: 42px !important;
}
.registration-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #2c2c2c !important;
    line-height: 42px !important;
    padding-left: 14px !important;
}
.registration-modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #aaa !important;
}
.registration-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    right: 8px !important;
}
.registration-modal .select2-container--default.select2-container--focus .select2-selection--single,
.registration-modal .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #c1000f !important;
    box-shadow: 0 0 0 3px rgba(193,0,15,0.10) !important;
    background: #fff !important;
}

/* Select2 dropdown overlay (light) */
.select2-dropdown {
    background: #ffffff !important;
    border: 1px solid #e0e3e8 !important;
    border-radius: 10px !important;
    color: #2c2c2c !important;
    z-index: 10001 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.10);
}
.select2-results__option {
    color: #2c2c2c !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
}
.select2-results__option--highlighted,
.select2-results__option[aria-selected=true] {
    background: rgba(193,0,15,0.08) !important;
    color: #c1000f !important;
}
.select2-search__field {
    background: #f7f8fa !important;
    border: 1px solid #e0e3e8 !important;
    color: #2c2c2c !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
}
.select2-search--dropdown { padding: 8px !important; }

/* Modal footer */
.registration-modal .modal-footer {
    display: flex !important;
    gap: 10px;
    margin-top: 18px !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid #ececec !important;
    justify-content: flex-end !important;
    align-items: center;
}
.registration-modal .modal-footer button {
    padding: 11px 20px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: transform .18s, box-shadow .18s, background .18s, color .18s;
    min-height: 42px;
}
.registration-modal .modal-footer .cancel,
.registration-modal .modal-footer button.cancel {
    background: #f3f4f6 !important;
    color: #555 !important;
    border: 1px solid #e0e3e8 !important;
}
.registration-modal .modal-footer .cancel:hover {
    background: #e9ebee !important;
    color: #2c2c2c !important;
}
.registration-modal .modal-footer .confirm,
.registration-modal .modal-footer button.confirm,
.registration-modal .modal-footer button[type="submit"] {
    background: linear-gradient(135deg, #c1000f 0%, #8b0000 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(193,0,15,0.30);
}
.registration-modal .modal-footer .confirm:hover,
.registration-modal .modal-footer button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(193,0,15,0.40);
}

@media (max-width: 480px) {
    .registration-modal { padding: 12px !important; }
    .registration-modal .modal-content { padding: 22px 18px 18px !important; }
    .registration-modal .modal-content h4 { font-size: 17px !important; }
    .registration-modal .modal-footer { flex-direction: column-reverse !important; }
    .registration-modal .modal-footer button { width: 100% !important; justify-content: center; }
    .registration-modal .row { flex-direction: column !important; }
    .registration-modal .row .col { width: 100% !important; padding: 0 !important; }
}