:root {
	--color-badge-yellow: #C89200;
	--color-badge-green: #36923A;
	--color-badge-blue: #1663B2;
}

/*
-----------------
	DASHBOARD
-----------------
*/
.dashboard-main { min-height: 100vh; display: flex; }
.dashboard-main .action-buttons { margin-bottom: 20px; display: flex; gap: 10px; }

/* Profile Box */
.dashboard-main .user-profile-box { margin-bottom: 30px; display: flex; align-items: center; gap: 10px; }
.dashboard-main .user-profile-box .user-avatar { width: 50px; }
.dashboard-main .user-profile-box .user-avatar img { width: 50px; height: 50px; display: block; border-radius: 50%; outline: 3px solid rgba(255 255 255 / 10%); }
.dashboard-main .user-profile-box .user-info { flex: 1; min-width: 0; font-size: 15px; color: #FFFFFF; line-height: 20px; }
.dashboard-main .user-profile-box .user-info strong { max-width: 180px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dashboard-main .user-profile-box .user-info small { font-size: 15px; color: rgba(255 255 255 / 75%); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Sidebar */
.dashboard-main .dashboard-sidebar { width: 300px; background: var(--color-dark-green); }
.dashboard-main .dashboard-sidebar a { width: 100%; }
.dashboard-main .dashboard-sidebar a.add-new { padding: 0 10px !important; }
.dashboard-main .dashboard-sidebar .dashboard-sidebar__wrapper { top: 0; padding: 30px 20px 100px; position: sticky; }
.dashboard-main .dashboard-sidebar .dashboard-sidebar__copyright { width: inherit; left: 0; bottom: 0; padding: 20px; font-size: 13px; color: rgba(255 255 255 / 50%); line-height: 20px; position: fixed; }
.dashboard-main .dashboard-sidebar .dashboard-sidebar__copyright a { text-decoration: underline !important; color: rgba(255 255 255 / 75%) !important; }
.dashboard-main .dashboard-sidebar .dashboard-sidebar__copyright a:hover { color: #FFFFFF !important; }

.dashboard-main .dashboard-sidebar ul { margin-left: 0 !important; list-style: none !important; }
.dashboard-main .dashboard-sidebar ul li { margin-bottom: 4px; font-weight: 700; }
.dashboard-main .dashboard-sidebar ul li a { padding: 15px; font-size: 17px; font-weight: 700; text-decoration: none !important; color: #FFFFFF !important; line-height: 100%; border: 1px solid transparent; display: flex; align-items: center; border-radius: 5px; }
.dashboard-main .dashboard-sidebar ul li a:hover { background: rgba(255 255 255 / 10%); }
.dashboard-main .dashboard-sidebar ul li a i { margin-right: 15px; font-size: 15px; text-decoration: none !important; }

.dashboard-main .dashboard-sidebar ul li.label { font-size: 13px; text-transform: uppercase; color: rgba(0 0 0 / 50%); }
.dashboard-main .dashboard-sidebar ul li.line { margin: 30px 0; border-top: 1px solid rgba(255 255 255 / 20%); }

.dashboard-main .dashboard-sidebar ul li.active a { color: #FFFFFF !important; border-color: rgba(255 255 255 / 20%); }

/* Header */
.dashboard-main .dashboard-header { height: 80px; padding: 0 50px; background: #FFFFFF; border-bottom: 1px solid var(--color-silver-line); display: flex; align-items: center; justify-content: space-between; }
.dashboard-main .dashboard-header .dashboard-header__wrapper { display: flex; align-items: center; gap: 20px; }
.dashboard-main .dashboard-header .home-url { font-weight: 700; text-decoration: none !important; display: flex; align-items: center; gap: 15px; }
.dashboard-main .dashboard-header .home-url i.fa-solid { width: 50px; height: 50px; color: #000000 !important; background: var(--color-silver); display: flex; align-items: center; justify-content: center; border-radius: 5px; transition: 0.2s; }

.dashboard-main .dashboard-header .notification-bell { width: 50px; height: 50px; text-decoration: none !important; color: #000000 !important; background: var(--color-silver); display: flex; align-items: center; justify-content: center; position: relative; border-radius: 5px; transition: 0.2s; }
.dashboard-main .dashboard-header .notification-bell:hover { background: var(--color-silver-line); }
.dashboard-main .dashboard-header .notification-bell .badge { min-width: 22px; height: 22px; right: -6px; top: -6px; padding: 0 5px; font-size: 12px; font-weight: 700; line-height: 100%; background: var(--color-green); display: flex; align-items: center; justify-content: center; position: absolute; border-radius: 11px; }

.dashboard-main .dashboard-header .rwd-button { height: 50px; padding: 0 20px; font-size: 18px; font-weight: 700; text-align: center; color: #FFFFFF; line-height: 50px; background: var(--color-dark-green); position: relative; cursor: pointer; border-radius: 5px; transition: 0.2s; }
.dashboard-main .dashboard-header .rwd-button:hover { background: var(--color-dark-green); }
.dashboard-main .dashboard-header .rwd-button .close { display: none; }

body.sidebar-open .dashboard-main .dashboard-header .rwd-button { background: var(--color-dark); }
body.sidebar-open .dashboard-main .dashboard-header .rwd-button .open { display: none; }
body.sidebar-open .dashboard-main .dashboard-header .rwd-button .close { display: inline; }

/* Content */
.dashboard-main .dashboard-wrapper { flex: 1; background: var(--color-silver); }
.dashboard-main .dashboard-content.max-w-900 { max-width: 900px; margin: auto; }
.dashboard-main .dashboard-content__header { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.dashboard-main .dashboard-content__header h1 { margin-bottom: 0 !important; }

/* Hero */
.dashboard-hero { max-height: 400px; min-height: 250px; margin-bottom: 20px; background: var(--color-dark-green) url(images/img-dashboard--02.jpg) no-repeat center / cover; position: relative; border-radius: 10px; overflow: hidden; }
.dashboard-hero:before { padding-top: 26%; display: block; content: ''; }
.dashboard-hero .dashboard-hero__cover { inset: 0; width: 100%; height: 100%; padding: 0 50px; background: rgba(0 0 0 / 40%); display: flex; align-items: center; position: absolute; }
.dashboard-hero .dashboard-hero__content { max-width: 480px; color: #FFFFFF; }
.dashboard-hero .dashboard-hero__content h1 { font-size: clamp(28px, 5vw, 50px); color: #FFFFFF !important; }
.dashboard-hero .dashboard-hero__content p { line-height: 25px; }
.dashboard-hero .dashboard-hero__content p:last-child { margin-bottom: 0 !important; }

/* Quick Buttons */
.dashboard-quick-buttons { margin-bottom: 50px; display: flex; flex-wrap: wrap; gap: 20px; }
.dashboard-quick-buttons a { flex: 1 1 300px; height: 100px; padding: 10px; text-decoration: none !important; background: #FFFFFF; border: 1px solid var(--color-silver-line); display: flex; align-items: center; gap: 15px; border-radius: 10px; }
.dashboard-quick-buttons a i.fa-solid { width: 80px; height: 100%; font-size: 30px; color: var(--color-dark) !important; background: var(--color-silver); display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: 0.2s; }
.dashboard-quick-buttons a .text { flex: 1; }
.dashboard-quick-buttons a .text small { line-height: 100%; display: block; }

.dashboard-quick-buttons a:hover { border-color: var(--color-green); }
.dashboard-quick-buttons a:hover i.fa-solid { color: #FFFFFF !important; background: var(--color-green); }

/* Apartments list */
table.dashboard-apartments-list { width: 100%; border-collapse: collapse; border-spacing: 0; }
table.dashboard-apartments-list thead tr th { padding: 15px 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 100%; background: var(--color-silver-line); }
table.dashboard-apartments-list thead tr th:first-child { text-align: left; border-radius: 5px 0 0 5px; }
table.dashboard-apartments-list thead tr th:last-child { border-radius: 0 5px 5px 0; }

table.dashboard-apartments-list tbody tr td { padding: 15px 10px; font-weight: 700; text-align: center; border-bottom: 1px solid var(--color-silver-line); }
table.dashboard-apartments-list tbody tr td:first-child { text-align: left; }
table.dashboard-apartments-list tbody tr td .image-title { display: flex; align-items: center; gap: 15px; }
table.dashboard-apartments-list tbody tr td .image-title img { width: 60px; height: 60px; display: block; border-radius: 5px; outline: 3px solid rgba(0 0 0 / 5%); }
table.dashboard-apartments-list tbody tr td .image-title small { font-weight: 400; line-height: 100%; display: block; }
table.dashboard-apartments-list tbody tr td.apartments-list__action-buttons a { width: 34px; height: 34px; margin: 0 2px; font-size: 16px !important; text-decoration: none !important; background: var(--color-purple); display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; transition: 0.2s; }
table.dashboard-apartments-list tbody tr td.apartments-list__action-buttons a.edit { background: var(--color-green); }
table.dashboard-apartments-list tbody tr td.apartments-list__action-buttons a:hover { color: #FFFFFF !important; background: var(--color-dark) !important; }

/* Warning */
.dashboard-main .profile-warning { margin-bottom: 20px; padding: 10px 15px; font-size: 16px; line-height: 25px;  color: color-mix(in srgb, var(--color-yellow) 30%, #000000 70%); background: var(--color-yellow); border: 1px solid color-mix(in srgb, var(--color-yellow) 95%, #000000 5%); border-radius: 5px; }


/*
---------------------
	NEW APARTMENT
---------------------
*/
.apartment-limit-boxes { margin-bottom: 30px; display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto auto; }
.apartment-limit-boxes .apartment-box { padding: 20px; background: #FFFFFF; }
.apartment-limit-boxes .apartment-box p:last-child { margin-bottom: 0 !important; }
.apartment-limit-boxes .apartment-box p.count { width: fit-content; padding: 10px 15px; font-size: 16px; font-weight: 700; line-height: 100%; background: var(--color-green); border-radius: 3px; }
.apartment-limit-boxes .apartment-box h3 { }
.apartment-limit-boxes .apartment-box.apartment-box__notice { grid-column: 1 / -1; background: var(--color-yellow); border: 1px solid color-mix(in srgb, var(--color-yellow) 90%, #000000 10%); border-bottom: none; border-radius: 5px 5px 0 0; }
.apartment-limit-boxes .apartment-box.apartment-box__small { grid-column: 1 / 2; color: #FFFFFF; background: var(--color-dark-green); border: none; border-radius: 0 0 0 5px; }
.apartment-limit-boxes .apartment-box.apartment-box__large { grid-column: 2 / 3; border: 1px solid var(--color-silver-line); border-top: none; border-left: none; border-radius: 0 0 5px 0; }
.apartment-limit-boxes .apartment-box.apartment-box__large .sh_notice { margin: 10px 0 0 !important; }

/* Header */
.apartment-limit-boxes .apartment-box .apartment-box-header { margin-bottom: 20px; display: flex; align-items: center; }
.apartment-limit-boxes .apartment-box .apartment-box-header i.fa-solid { width: 50px; height: 50px; margin-right: 20px; background: var(--color-green); display: flex; align-items: center; justify-content: center; border-radius: 50%; }

.apartment-limit-boxes .range-help { margin-top: -20px; font-size: 14px; line-height: 20px; }
.apartment-limit-boxes .apartment-box__wrap { display: flex; }

.apartment-limit-boxes .range-wrap { flex: 1; }
.apartment-limit-boxes .range-wrap label { margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 100%; display: block; }
.apartment-limit-boxes .range-wrap .range-container { width: 100%; padding: 10px; background: var(--color-green); display: flex; align-items: center; justify-content: space-between; position: relative; border-radius: 5px; }
.apartment-limit-boxes .range-wrap .number-stepper { display: flex; gap: 10px; }
.apartment-limit-boxes .range-wrap .number-stepper input { width: 70px; height: 50px; font-size: 16px; text-align: center; border-radius: 5px; }
.apartment-limit-boxes .range-wrap .number-stepper .step-btn { width: 50px; height: 50px; font-size: 18px; color: #FFFFFF; background: var(--color-dark-green); border: none; border-radius: 5px; cursor: pointer; transition: 0.2s; }
.apartment-limit-boxes .range-wrap .number-stepper .step-btn:hover { background: var(--color-dark); }


/* 
----------------------
	APARTMENT LIST
----------------------
*/
.dashboard-main .my-apartment-list { display: flex; gap: 20px; }
.dashboard-main .my-apartment-list .apartment-item { width: calc((100% - 20px) / 2); background: #FFFFFF; border: 1px solid var(--color-silver-line); border-radius: 5px; }
.dashboard-main .my-apartment-list .apartment-item__image { padding: 10px; display: block; }
.dashboard-main .my-apartment-list .apartment-item__image img { width: 100%; height: auto; display: block; }
.dashboard-main .my-apartment-list .apartment-item__content { padding: 10px 10px 20px; }
.dashboard-main .my-apartment-list .apartment-item__content small { font-size: 14px; color: #888888; }
.dashboard-main .my-apartment-list .apartment-item__content .apartment-item__title { font-size: 20px; font-weight: 700; text-decoration: none !important; color: var(--color-dark) !important; line-height: 25px !important; display: block; }
.dashboard-main .my-apartment-list .apartment-item__actions { padding: 10px; border-top: 1px solid var(--color-silver-line); display: flex; align-items: center; gap: 15px; }
.dashboard-main .my-apartment-list .apartment-item__actions .button { width: fit-content; }
.dashboard-main .my-apartment-list .apartment-item__actions .delete { font-size: 14px; font-weight: 700; text-decoration: none !important; color: var(--color-red) !important; }
.dashboard-main .my-apartment-list .apartment-item__actions .delete:hover { color: var(--color-dark) !important; }
.dashboard-main .my-apartment-list .apartment-item__actions .delete:hover span { text-decoration: underline; }


/*
----------------
	ACTIVITY
----------------
*/
.activity-log .log-item { margin-bottom: 10px; padding: 20px 100px 20px 50px; background: #FFFFFF; border: 1px solid var(--color-silver-line); border-radius: 10px; position: relative; }
.activity-log .log-item:before { width: 10px; left: 20px; top: 20px; bottom: 20px; background: #3498db; position: absolute; content: ''; border-radius: 5px; }
.activity-log .log-item .log-date { margin-bottom: 5px; font-size: 12px; color: #888888; }
.activity-log .log-item .log-text { font-weight: 500; }
.activity-log .log-item .activity-log__actions { right: 10px; top: 10px; padding: 5px; border: 1px solid var(--color-silver-line); position: absolute; border-radius: 8px; }
.activity-log .log-item .activity-log__actions a { width: 30px; height: 30px; font-size: 14px; color: #000000 !important; background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 5px; transition: 0.2s; }
.activity-log .log-item .activity-log__actions a.log-delete:hover { color: #FFFFFF !important; background: var(--color-red); }

.activity-log .log-item.log-limit_request:before { background: var(--color-yellow); }
.activity-log .log-item.log-limit_approved:before { background: var(--color-green); }
.activity-log .log-item.log-apartment_created:before { background: var(--color-dark-green); }


/*
--------------------
	NOTIFICATION
--------------------
*/
.dashboard-notifications-list { display: flex; flex-direction: column; gap: 10px; }
.dashboard-notifications-list .notification { padding: 20px 100px 20px 20px; background: #FFFFFF; border: 1px solid var(--color-silver-line); position: relative; border-radius: 10px; cursor: pointer; transition: 0.2s; }
.dashboard-notifications-list .notification h4 { margin: 0 0 5px; }
.dashboard-notifications-list .notification .date { margin-top: 8px; font-size: 12px; color: #888888; display: block; }
.dashboard-notifications-list .notification .notification__header { display: flex; align-items: center; gap: 10px; }
.dashboard-notifications-list .notification .notification__header i.fa-solid { font-size: 12px; color: var(--color-green); }

.dashboard-notifications-list .notification .notification__actions { width: fit-content; right: 10px; top: 10px; padding: 5px; border: 1px solid var(--color-silver-line); display: flex; flex-direction: column; gap: 2px; position: absolute; border-radius: 8px; }
.dashboard-notifications-list .notification .notification__actions button { width: 30px; height: 30px; font-size: 14px; color: #000000; background: transparent; cursor: pointer; border-radius: 5px; transition: 0.2s; }
.dashboard-notifications-list .notification .notification__actions button.js-notification-read:hover { background: var(--color-purple); }
.dashboard-notifications-list .notification .notification__actions button.js-notification-delete:hover { color: #FFFFFF; background: var(--color-red); }

.dashboard-notifications-list .notification.is-read { color: rgba(0 0 0 / 50%); }
.dashboard-notifications-list .notification.is-read .notification__header i.fa-solid { display: none !important; }
.dashboard-notifications-list .notification.is-read .notification__actions button.js-notification-read { display: none !important; }


/*
-------------
	LEADS
-------------
*/
.lead-list { display: flex; flex-direction: column; gap: 20px; }
.lead-list .lead-item { padding: 20px; background: #FFFFFF; border: 1px solid var(--color-silver-line); border-radius: 10px;position: relative; }
.lead-list .lead-item .lead-header { margin-bottom: 10px; padding-right: 80px; }
.lead-list .lead-item .lead-header .lead-date { width: fit-content; margin-bottom: 10px; padding: 10px; font-size: 12px; color: #FFFFFF; line-height: 100%; background: var(--color-green); border-radius: 15px; }
.lead-list .lead-item .lead-actions { width: fit-content; right: 10px; top: 10px; padding: 5px; border: 1px solid var(--color-silver-line); display: flex; flex-direction: column; gap: 2px; position: absolute; border-radius: 8px; }
.lead-list .lead-item .lead-actions button { width: 30px; height: 30px; font-size: 14px; color: #000000; background: transparent; cursor: pointer; border-radius: 5px; transition: 0.2s; }
.lead-list .lead-item .lead-actions button.js-lead-delete:hover { color: #FFFFFF; background: var(--color-red); }

.lead-list .lead-item .lead-body { font-size: 15px; line-height: 150%; }


/*
-----------------
	STATISTIC
-----------------
*/
.stats-grid { margin-bottom: 30px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.stats-grid .stat-card { padding: 20px; background: #FFFFFF; border: 1px solid var(--color-silver-line); border-radius: 10px; }
.stats-grid .stat-card .stat-title { margin-bottom: 10px; font-size: 15px; }
.stats-grid .stat-card .stat-value { font-size: 28px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.stats-grid .stat-card .stat-change { padding: 8px; font-size: 13px; font-weight: 600; color: #1A7f37; line-height: 100%; background: #E6F4EA; display: inline-flex; align-items: center; border-radius: 5px; }
.stats-grid .stat-card .stat-change.down { color: #D93025; background: #FCE8E6; }


/*
--------------
	TICKET
--------------
*/

#form { padding: 30px; background: color-mix(in srgb, var(--color-silver) 98%, #000000 2%); border: 1px solid var(--color-silver-line); border-radius: 10px; } 
#form .form-help { font-size: 15px; line-height: 150%; } 

table.dashboard-tickets { width: 100%; border-collapse: collapse; }

table.dashboard-tickets th { padding: 10px; font-size: 14px; text-align: left; border-bottom: 1px solid var(--color-silver-line); }
table.dashboard-tickets th.type { text-align: center; }
table.dashboard-tickets th.status { text-align: center; }
table.dashboard-tickets th.date { text-align: right; }
table.dashboard-tickets td { padding: 10px; text-align: left; border-bottom: 1px solid var(--color-silver-line); }
table.dashboard-tickets td.type { font-size: 14px; text-align: center; }
table.dashboard-tickets td.status { text-align: center; }
table.dashboard-tickets td.date { font-size: 14px; text-align: right; }

/* Badge */
table.dashboard-tickets td .badge { padding: 4px 8px; font-size: 12px; color: #FFFFFF; border-radius: 5px; }
table.dashboard-tickets td .badge.badge-new { background: var(--color-badge-blue); }
table.dashboard-tickets td .badge.badge-open { background: var(--color-badge-yellow); } 
table.dashboard-tickets td .badge.badge-closed { background: var(--color-badge-green); } 

/* Ticket Details */
.ticket-detail { margin-bottom: 20px; padding: 20px; background: #FFFFFF; border: 1px solid var(--color-silver-line); border-radius: 10px; }
.ticket-detail h2 { margin-bottom: 20px; font-size: 24px; font-weight: 700; }
.ticket-detail p { font-size: 16px; line-height: 150%; }
.ticket-detail strong { color: #000000; }

/* Meta adatok blokk */
.ticket-detail .ticket-meta { margin-top: 15px; padding-top: 15px; font-size: 14px; color: #666666; border-top: 1px solid var(--color-silver-line); display: flex; flex-wrap: wrap; gap: 15px; }

.ticket-detail .badge { padding: 4px 8px; font-size: 12px; color: #FFFFFF; border-radius: 5px; }
.ticket-detail .badge.badge-open { background: var(--color-badge-yellow); } 
.ticket-detail .badge.badge-closed { background: var(--color-badge-green); } 
	
/* Back button */
.ticket-detail .button:not(.ticket-reply-delete) { margin-top: 20px; display: inline-flex; }

/* Replies */
.ticket-detail .ticket-replies { margin-top: 30px; }

.ticket-detail .ticket-replies h3, 
.ticket-detail .ticket-reply-form h3 { margin-bottom: 15px; }

.ticket-detail .ticket-reply { margin-bottom: 20px; padding: 20px; background: #FFFFFF; border: 1px solid var(--color-silver-line); border-radius: 10px; }
.ticket-detail .ticket-reply.is-admin { background: color-mix(in srgb, var(--color-light-blue) 20%, #FFFFFF 80%); border-color: var(--color-light-blue); }
.ticket-detail .ticket-reply.is-user { background: color-mix(in srgb, var(--color-silver-line) 10%, #FFFFFF 90%); border-color: color-mix(in srgb, var(--color-silver-line) 70%, #FFFFFF 30%); }
.ticket-detail .ticket-reply p:last-child { margin-bottom: 0 !important; }
.ticket-detail .ticket-reply .ticket-reply__meta { margin-bottom: 10px; font-size: 14px; display: flex; justify-content: space-between; align-items: center; }
.ticket-detail .ticket-reply .ticket-reply__meta small { color: #777777; }

.ticket-reply-form { margin-top: 30px; padding: 20px; background: color-mix(in srgb, var(--color-silver) 98%, #000000 2%); border: 1px solid var(--color-silver-line); border-radius: 10px; }
.ticket-reply-form textarea { width: 100%; min-height: 100px; margin-bottom: 20px; padding: 12px; border: 1px solid var(--color-silver-line); border-radius: 10px; resize: vertical; }

#ticket-reply-response { width: 100%; }
#ticket-reply-response > p { width: 100%; margin-top: 20px; margin-bottom: 0 !important; padding: 15px !important; font-size: 16px; color: #000000 !important; line-height: 20px; background: var(--color-yellow); border: 1px solid color-mix(in srgb, var(--color-yellow) 90%, #000000 10%) !important; border-radius: 5px; }
#ticket-reply-response p.success-message { background: color-mix(in srgb, var(--color-green) 5%, #FFFFFF 95%); border-color: var(--color-green) !important; }
#ticket-reply-response p.error-message { background: color-mix(in srgb, var(--color-red) 5%, #FFFFFF 95%); border-color: var(--color-red) !important; } 


/*
---------------
	PROFILE
---------------
*/
.edit-profile-form .profile-avatar { width: 150px; height: 150px; }
.edit-profile-form .profile-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px; }

.custom-file-upload input[type="file"] { display: none; }

.custom-file-upload { width: 100%; margin-top: 20px; display: flex; align-items: center; gap: 15px; }

.edit-profile-form .file-label { padding: 8px 20px; font-weight: 700; color: #FFFFFF; background: var(--color-dark-green); border-radius: 5px; cursor: pointer; transition: 0.2s; }
.edit-profile-form .file-label:hover { background: var(--color-dark); }
.edit-profile-form .file-name { font-size: 14px; color: #888888; }

#crop-modal { inset: 0; background: rgba(0 0 0 / 50%); display: flex; align-items: center; justify-content: center; position: fixed; z-index: 9999; }
#crop-modal.active { display: flex; }
#crop-modal .crop-modal-content { width: 100%; max-width: 640px; max-height: 90%; padding: 20px; background: #FFFFFF; overflow: auto; overflow-x: hidden; border-radius: 10px; }
#crop-modal .crop-modal-content img { max-width: 100%; display: block; }
#crop-modal .cropper-container { width: 100% !important; }
#crop-modal .crop-actions { margin-top: 20px; display: flex; gap: 10px; }

#crop-image { max-width: 100%; height: auto; }


/*
------------------
	ACF FIELDS
------------------
*/
.button.media-frame-menu-toggle { display: none !important; }

.acf-fields { display: flex; gap: 20px; justify-content: space-between; }
.acf-fields .acf-field { width: 100% !important; margin-bottom: 0 !important; }
.acf-fields .acf-field label { width: 100%; margin-bottom: 5px; font-size: 16px; font-weight: 700; color: var(--color-dark); line-height: 20px; display: block; }
.acf-fields .acf-field .acf-input-wrap { width: 100%; }
.acf-fields .description { margin-bottom: 20px !important; padding: 10px; font-size: 15px; font-weight: 700; line-height: 24px; background: color-mix(in srgb, var(--color-silver) 95%, #000000 5%); border: 1px solid var(--color-silver-line); border-radius: 5px; }

/* Message */
.acf-field.acf-field-message { width: 100%; padding-top: 20px; border-top: 2px solid var(--color-silver-line); }
.acf-field.acf-field-message label { margin-bottom: 0 !important; font-size: clamp(18px, 2.5vw, 24px); font-weight: 700; line-height: 100%; }

/* Numbers */
.acf-field.acf-field-number { flex: 0 0 calc(25% - 15px); }
.acf-field .acf-input:has(.acf-input-append) { display: flex;align-items: stretch; }
.acf-field .acf-input:has(.acf-input-append) .acf-input-wrap { order: 1; flex: 1; }
.acf-field .acf-input:has(.acf-input-append) input { width: 100%; border-right: none !important; border-radius: 5px 0 0 5px !important; }
.acf-field .acf-input:has(.acf-input-append) .acf-input-append { order: 2; padding: 0 12px; font-size: 14px; background: color-mix(in srgb, var(--color-silver) 95%, #000000 5%); border: 1px solid var(--color-silver-line); border-left: 0; display: flex; align-items: center; border-radius: 0 5px 5px 0; }

/* Price & Min reservation */
.acf-field.acf-field-69b82f8e5a614, 
.acf-field.acf-field-69bacdd585335, 
.acf-field.acf-field-69b8314d1c190 { flex: 0 0 calc(50% - 10px) !important; }

/* Guest capacity */
.acf-field.acf-field-67f91f806c908, 
.acf-field.acf-field-67f91ef275f83, 
.acf-field.acf-field-67f94484cd745 { flex: 0 0 calc(33.333% - 13.33px); }

/* True / False */
.acf-field.acf-field-true-false { flex: 0 0 calc(33.333% - 13.33px); display: flex; gap: 5px; }
.acf-field.acf-field-true-false .acf-label { order: 2; }
.acf-field.acf-field-true-false .acf-label label { margin-bottom: 0 !important; cursor: pointer; }
.acf-field.acf-field-true-false .acf-input { order: 1; }
.acf-field.acf-field-true-false .acf-input .acf-switch { display: none; }

/* Char Counter */
.acf-field .char-counter-wrap { width: 100%; position: relative; }
.acf-field .char-counter { margin-top: 4px; text-align: right; font-size: 12px; color: #666666; }
.acf-field .char-counter.warning { color: #E67E22; }
.acf-field .char-counter.danger { font-weight: 700; color: #E74C3C; }

/* acf-expand-details */
.acf-expand-details { display: none !important; }

/* Gallery */
.acf-field.acf-field-gallery .acf-gallery { width: 100%; height: auto !important; }
.acf-field.acf-field-gallery .acf-gallery-side { display: none !important; }
.acf-field.acf-field-gallery .acf-gallery-main ul.acf-hl { margin-left: 0 !important; list-style: none !important; }
.acf-field.acf-field-gallery .acf-gallery-main ul.acf-hl li.acf-fr { display: none !important; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments { margin-bottom: 20px; display: flex; gap: 20px; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment { width: calc((100% - 80px) / 5); position: relative; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment img { width: 100%; height: auto; display: block; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment .actions { right: -5px; top: -5px; position: absolute; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment .thumbnail { cursor: grab; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment .thumbnail:focus { cursor: grabbing; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment .acf-gallery-remove { width: 30px; height: 30px; text-decoration: none !important; color: #FFFFFF !important; background: var(--color-dark); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment .acf-gallery-remove::before { font-family: "Font Awesome 6 Free"; font-size: 12px; font-weight: 900; content: "\f2ed"; }
.acf-field.acf-field-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment .acf-gallery-remove:hover { color: var(--color-red) !important; }

.acf-field.acf-field-gallery .acf-button.acf-gallery-add { height: 40px; padding: 0 15px; font-size: 16px !important; background: var(--color-green) !important; }
.acf-field.acf-field-gallery .acf-button.acf-gallery-add:hover { background: var(--color-dark) !important; }

.acf-gallery .ui-sortable-placeholder { height: auto !important; background: repeating-linear-gradient(45deg, #e0e0e0, #e0e0e0 10px, #f5f5f5 10px, #f5f5f5 20px); border: 2px dashed #bbb; visibility: visible !important; border-radius: 6px; aspect-ratio: 1 / 1; }
.acf-gallery .ui-sortable-placeholder::after { left: 50%; top: 50%; font-size: 13px; color: #777; position: absolute; content: "Ide kerül"; transform: translate(-50%, -50%); pointer-events: none; }

/* Repeater */
.acf-field.acf-field-repeater .acf-repeater { width: 100%; }
.acf-field.acf-field-repeater table.acf-table { width: 100%; }
.acf-field.acf-field-repeater table.acf-table tbody tr.acf-clone { display: none; }
.acf-field.acf-field-repeater table.acf-table tbody tr td { margin-bottom: 20px; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.order { width: 50px; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.order span.acf-row-number { width: 30px; height: 30px; font-size: 14px; font-weight: 700; line-height: normal; background: var(--color-silver-line); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.remove { width: 50px; text-align: right; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.remove a[data-event="remove-row"] { width: 30px; height: 30px; font-size: 0; text-decoration: none !important; color: #FFFFFF !important; background: var(--color-red); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.remove a[data-event="remove-row"]:hover { background: var(--color-dark); }
.acf-field.acf-field-repeater table.acf-table tbody tr td.remove a[data-event="remove-row"]::before { font-family: "Font Awesome 6 Free"; font-size: 14px; font-weight: 900; content: "\f1f8"; }
.acf-field.acf-field-repeater table.acf-table tbody tr[data-id="row-0"] td.remove a { display: none; }

.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields { width: auto; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields .acf-field-number { flex: none; width: calc(30% - 20px) !important; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields .acf-field-text { width: 70% !important; }
.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields .acf-field-text input { border-right: 1px solid var(--color-silver-line) !important; border-radius: 5px !important; }


/*
-------------------------
	LANGUAGE SWITCHER
-------------------------
*/
.dashboard-language-switcher { margin-bottom: 30px; display: flex; gap: 10px; }
.dashboard-language-switcher a { height: 50px; padding: 0 10px; font-size: 16px !important; font-weight: 700; text-decoration: none !important; color: #000000 !important; display: flex; align-items: center; gap: 6px; border: 1px solid var(--color-silver-line); border-radius: 5px; }
.dashboard-language-switcher a:hover { text-decoration: underline !important; }
.dashboard-language-switcher a.active { background: #FFFFFF; }
.dashboard-language-switcher a img { width: auto; height: 12px; display: block; }


/*
-----------
	RWD
-----------
*/
@media only screen and (max-width: 1440px) { 

	/* DASHBOARD: Sidebar */
	.dashboard-main .dashboard-sidebar { width: 280px; }
	
	/* DASHBOARD: Header */
	.dashboard-main .dashboard-header { padding: 0 20px; }
	
	/* DASHBOARD: Content */
	.dashboard-main .dashboard-wrapper > div[style*="padding"] { padding: 20px !important; }
}

@media only screen and (max-width: 1280px) { 
	
	/* DASHBOARD: Sidebar */
	.dashboard-main .dashboard-sidebar a { font-size: 16px !important; }
	
	/* STATISTIC */
	.stats-grid { grid-template-columns: repeat(2, 1fr); }
	
	/* ACF FIELDS: Repeater */
	.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields .acf-field-number { width: calc(40% - 20px) !important; }
	.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields .acf-field-text { width: 60% !important; }
}

@media only screen and (max-width: 960px) { 

	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	.show_in_960__flex { display: flex !important; }
	
	/* RESPONSIVE TABLE */
	table.responsive-table { display: block; }
	table.responsive-table thead { display: none; }
	table.responsive-table tbody { display: flex; gap: 20px; }
	table.responsive-table tbody tr { width: 100%; background: #FFFFFF; border: 1px solid var(--color-silver-line); display: flex; border-radius: 10px; }
	table.responsive-table tbody tr td { width: 50%; display: flex; flex-direction: column; justify-content: center; }
	table.responsive-table tbody tr td::before { font-weight: 700; display: block; content: attr(data-title) ": "; }
	table.responsive-table tbody tr td.td-image::before { display: none; }
	table.responsive-table tbody tr td.td-date { text-align: right; }
	table.responsive-table tbody tr td.td-view:not(table.statistic tbody tr td.td-view) { text-align: left; border-bottom: none; }
	table.responsive-table tbody tr td.td-view { text-align: left; }
	table.responsive-table tbody tr td.td-leads { text-align: right; }
	table.responsive-table tbody tr td.td-buttons { text-align: right; border-bottom: none; flex-direction: row; align-items: center; justify-content: end; }
	table.responsive-table tbody tr td.td-buttons::before { display: none; }
	
	table.responsive-table.statistic tbody tr td.td-buttons { width: 100%; }

	/* DASHBOARD: Sidebar */
	.dashboard-main .dashboard-sidebar { inset: 0; width: 100%; height: 100%; background: rgba(255 255 255 / 50%); position: fixed; z-index: 100; visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; }
	.dashboard-main .dashboard-sidebar a { font-size: 17px !important; }
	.dashboard-main .dashboard-sidebar .dashboard-sidebar__wrapper { width: 100%; max-width: 300px; min-height: 100%; left: 0; top: 0; background: var(--color-dark-green); position: absolute; transform: translateX(-100%); transition: transform 0.3s ease; }
	
	body.sidebar-open .dashboard-main .dashboard-sidebar { visibility: visible; opacity: 1; }
	body.sidebar-open .dashboard-main .dashboard-sidebar .dashboard-sidebar__wrapper { transform: translateX(0); }
	
	/* DASHBOARD: Hero */
	.dashboard-hero .dashboard-hero__cover { padding: 0 30px; }
	
	/* ACF FIELDS: Numbers */
	.acf-field.acf-field-number { flex: 0 0 calc(33.333% - 13.33px); }

	
	/* ACF FIELDS: True / False */
	.acf-field.acf-field-true-false { flex: 0 0 calc(50% - 10px); }
}

@media only screen and (max-width: 768px) { 

	/* DASHBOARD: Header */
	.dashboard-main .dashboard-header .home-url { text-indent: -9999px; gap: 0; }
	.dashboard-main .dashboard-header .home-url i.fa-solid { color: #FFFFFF !important; text-indent: 0; background: var(--color-dark); }

	/* APARTMENT LIST */
	.dashboard-main .my-apartment-list .apartment-item { width: 100%; }
	
	/* NEW APARTMENT */
	.apartment-limit-boxes { grid-template-columns: 1fr; }
	.apartment-limit-boxes .apartment-box.apartment-box__notice, 
	.apartment-limit-boxes .apartment-box.apartment-box__small, 
	.apartment-limit-boxes .apartment-box.apartment-box__large { grid-column: 1; }
	
	/* ACF FIELDS: Numbers */
	.acf-field.acf-field-number { flex: 0 0 calc(50% - 10px); }
	
	/* ACF FIELDS: True / False */
	.acf-field.acf-field-true-false { flex: 1 1 100%; }
	
	/* ACF FIELDS: Repeater */
	.acf-field.acf-field-repeater table.acf-table { margin-bottom: 20px; display: block; }
	.acf-field.acf-field-repeater table.acf-table tbody { display: flex; gap: 20px; }
	.acf-field.acf-field-repeater table.acf-table tbody tr { width: 100%; padding: 10px; background: rgba(255 255 255 / 0.2); border: 1px solid var(--color-silver-line); display: flex; border-radius: 10px; }
	.acf-field.acf-field-repeater table.acf-table tbody tr td.order { width: 50%; order: 1; }
	.acf-field.acf-field-repeater table.acf-table tbody tr td.order span.acf-row-number { margin-bottom: 10px; }
	.acf-field.acf-field-repeater table.acf-table tbody tr td.remove { width: 50%; order: 2; }

	.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields { width: 100%; order: 3; }
	.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields .acf-field-number { width: 100% !important; }
	.acf-field.acf-field-repeater table.acf-table tbody tr td.acf-fields .acf-field-text { width: 100% !important; }

}

@media only screen and (max-width: 640px) { 

	/* STATISTIC */
	.stats-grid { grid-template-columns: 1fr; }
}