/**
 * Kontrol paneli (dashboard) – Airbnb tarzı
 * Masaüstü: sidebar sol, içerik sağda.
 * Mobil: menü tetikleyici üstte, içerik tam genişlik; sidebar overlay drawer.
 */

/* -------------------------------------------------------------------------
   CSS değişkenleri (breakpoint / spacing)
   ------------------------------------------------------------------------- */
:root {
	--dash-sidebar-width: 280px;
	--dash-content-margin-desk: 320px;
	--dash-bg: #f7f7f7;
	--dash-card-bg: #fff;
	--dash-border: #ebebeb;
	--dash-text: #222;
	--dash-text-muted: #717171;
	--dash-radius: 12px;
	--dash-radius-sm: 8px;
	--dash-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	--dash-shadow-mobile: 0 4px 24px rgba(0, 0, 0, 0.15);
}

/* -------------------------------------------------------------------------
   Sayfa & row
   ------------------------------------------------------------------------- */
.wprentals_dashboard_page .content_wrapper_dashboard,
.row.is_dashboard {
	background-color: var(--dash-bg) !important;
}

.row.is_dashboard {
	position: relative;
	width: 100%;
	min-height: 100vh;
}

/* -------------------------------------------------------------------------
   Sidebar (masaüstü)
   ------------------------------------------------------------------------- */
.row.is_dashboard .user_tab_menu {
	width: var(--dash-sidebar-width);
	background: var(--dash-card-bg) !important;
	border-radius: var(--dash-radius);
	box-shadow: var(--dash-shadow);
	border: 1px solid var(--dash-border);
	padding-bottom: 16px;
	overflow: hidden;
}

.row.is_dashboard .profile-image-wrapper {
	padding: 28px 24px 20px;
}

.row.is_dashboard #profile-image-menu {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: none;
	background-size: cover;
	background-position: 50% 50%;
}

.row.is_dashboard .profile_wellcome {
	font-size: 18px;
	font-weight: 600;
	color: var(--dash-text) !important;
	margin-top: 12px;
	letter-spacing: -0.02em;
}

.row.is_dashboard .user_dashboard_links {
	margin: 0 0 12px;
	padding: 0 12px;
	float: none;
}

.row.is_dashboard .user_dashboard_links a,
.row.is_dashboard .user_tab_menu > a {
	display: flex !important;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 14px 16px !important;
	margin: 0 0 2px !important;
	font-size: 15px;
	font-weight: 400;
	color: var(--dash-text) !important;
	text-decoration: none !important;
	border-radius: var(--dash-radius-sm);
	transition: background 0.15s ease;
	box-sizing: border-box;
}

.row.is_dashboard .user_dashboard_links a i,
.row.is_dashboard .user_tab_menu > a i {
	width: 20px;
	min-width: 20px;
	text-align: center;
	font-size: 16px;
	color: var(--dash-text-muted);
	transition: color 0.15s ease;
}

.row.is_dashboard .user_dashboard_links a:hover,
.row.is_dashboard .user_tab_menu > a:hover {
	background: #f7f7f7 !important;
	color: var(--dash-text) !important;
}

.row.is_dashboard .user_dashboard_links a:hover i,
.row.is_dashboard .user_tab_menu > a:hover i {
	color: var(--dash-text);
}

.row.is_dashboard .user_dashboard_links .user_tab_active,
.row.is_dashboard .user_tab_menu .user_tab_active {
	background: #f7f7f7 !important;
	color: var(--dash-text) !important;
	font-weight: 600;
}

.row.is_dashboard .user_dashboard_links .user_tab_active i,
.row.is_dashboard .user_tab_menu .user_tab_active i {
	color: var(--dash-text) !important;
}

.row.is_dashboard .property_edit_menu {
	margin: 2px 0 8px 0;
	padding: 0 0 0 12px;
	border-left: 2px solid #ddd;
}

.row.is_dashboard .property_edit_menu .edit_listing_link {
	padding: 10px 16px 10px 12px !important;
	font-size: 14px;
}

.row.is_dashboard .property_edit_menu .edit_listing_link.user_tab_active {
	background: #f7f7f7 !important;
	color: var(--dash-text) !important;
	font-weight: 600;
}

.row.is_dashboard .user_dashboard_links .unread_mess_wrap_menu {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	margin-left: auto;
	font-size: 12px;
	font-weight: 600;
	color: #fff !important;
	background: #ff385c;
	border-radius: 10px;
}

.row.is_dashboard .user_dashboard_links a[href*="logout"],
.row.is_dashboard .user_dashboard_links a[title="Logout"] {
	margin-top: 8px !important;
	padding-top: 14px !important;
	border-top: 1px solid var(--dash-border);
	color: var(--dash-text) !important;
}

.row.is_dashboard .user_dashboard_links a[href*="logout"]:hover,
.row.is_dashboard .user_dashboard_links a[title="Logout"]:hover {
	background: #f7f7f7 !important;
	color: #c13584 !important;
}

.row.is_dashboard .user_dashboard_links a[href*="logout"]:hover i,
.row.is_dashboard .user_dashboard_links a[title="Logout"]:hover i {
	color: #c13584 !important;
}

/* -------------------------------------------------------------------------
   Ana içerik (masaüstü)
   ------------------------------------------------------------------------- */
.row.is_dashboard .dashboard-margin {
	margin-left: var(--dash-content-margin-desk);
	min-height: 100vh;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}

.wprentals_dashboard_page .dashboard-header {
	margin: 0 32px 28px;
	padding: 24px 0;
}

.wprentals_dashboard_page .dashboard-header h1 {
	font-size: 26px;
	font-weight: 600;
	color: var(--dash-text) !important;
	letter-spacing: -0.02em;
}

.row.is_dashboard .user_dashboard_panel {
	border-radius: var(--dash-radius);
	box-shadow: var(--dash-shadow);
	border: 1px solid var(--dash-border);
	background: var(--dash-card-bg) !important;
	margin: 0 32px 24px;
	padding: 24px 28px;
	box-sizing: border-box;
	/* Tema dashboard-style: inline-block + içeride float .col-md-* → kutu yüksekliği çöküyor.
	   media_dashboard_style (max-width:1024px): display:inline → mobilde formlar biçimsiz. */
	display: block !important;
}

.row.is_dashboard .user_dashboard_panel::after {
	content: "";
	display: table;
	clear: both;
}

.row.is_dashboard .user_dashboard_panel_title {
	font-size: 18px;
	font-weight: 600;
	color: var(--dash-text) !important;
	padding: 0 0 16px;
	margin: 0 0 16px;
	border-bottom: 1px solid var(--dash-border);
}

/* -------------------------------------------------------------------------
   Menü tetikleyici (masaüstüde gizli)
   ------------------------------------------------------------------------- */
#user_tab_menu_trigger {
	border-radius: var(--dash-radius-sm);
	font-weight: 500;
	padding: 12px 16px;
	background: var(--dash-card-bg);
	border: 1px solid var(--dash-border);
	box-sizing: border-box;
}

/* =========================================================================
   TABLET (max-width: 1024px) – İçerik tam genişlik, sidebar dar
   ========================================================================= */
@media only screen and (max-width: 1024px) {
	.row.is_dashboard .dashboard-margin {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 16px 24px !important;
		float: none !important;
	}

	.row.is_dashboard .user_tab_menu {
		max-width: min(280px, 85vw);
	}

	.wprentals_dashboard_page .dashboard-header {
		margin: 0 0 20px;
		padding: 16px 0;
	}

	.row.is_dashboard .user_dashboard_panel {
		margin: 0 0 20px !important;
		padding: 16px 20px !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		display: block !important;
	}

	/* Profil: tema 9+3+9 satırı dar ekranda taşmasın */
	.user_profile_div .col-md-9,
	.user_profile_div .col-md-3 {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		clear: both;
	}

	.user_profile_div .profile_upload_image_wrapper {
		margin-left: 0 !important;
	}

	.user_profile_div .user_dashboard_panel .col-md-6,
	.user_profile_div .user_dashboard_panel .col-md-12 {
		width: 100% !important;
		float: none !important;
	}
}

/* =========================================================================
   MOBİL (max-width: 768px) – Drawer + tam genişlik içerik
   ========================================================================= */
@media only screen and (max-width: 768px) {
	/* Row: blok, taşma yok */
	.row.is_dashboard {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Tetikleyici: üstte, tam genişlik, tıklanabilir alan */
	#user_tab_menu_trigger {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 14px 16px !important;
		box-sizing: border-box;
		border-radius: 0;
		border-left: none;
		border-right: none;
		flex-shrink: 0;
	}

	/* Sidebar: overlay drawer – sayfa dışına taşmasın */
	.row.is_dashboard .user_tab_menu,
	#user_tab_menu_container {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 10000 !important;
		width: min(300px, 100vw - 32px) !important;
		max-width: 100vw !important;
		height: 100vh !important;
		max-height: 100vh !important;
		margin: 0 !important;
		border-radius: 0 !important;
		box-shadow: var(--dash-shadow-mobile) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.row.is_dashboard .user_tab_menu {
		padding-bottom: 24px;
	}

	/* İçerik: tam genişlik, sidebar için margin yok */
	.row.is_dashboard .dashboard-margin {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 16px 12px 32px !important;
		float: none !important;
		display: block !important;
		min-height: 0 !important;
		clear: both !important;
	}

	.wprentals_dashboard_page .dashboard-header {
		margin: 0 0 16px !important;
		padding: 12px 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.wprentals_dashboard_page .dashboard-header h1 {
		font-size: 22px;
		word-wrap: break-word;
	}

	/* Paneller: tam genişlik, taşma yok */
	.row.is_dashboard .user_dashboard_panel {
		margin: 0 0 16px !important;
		padding: 16px 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		float: none !important;
		display: block !important;
		box-sizing: border-box !important;
	}

	.row.is_dashboard .user_dashboard_panel_title {
		font-size: 16px;
		padding: 0 0 12px;
		margin: 0 0 12px;
	}

	.row.is_dashboard .profile-image-wrapper {
		padding: 20px 16px 12px;
	}

	.row.is_dashboard .profile_wellcome {
		font-size: 16px;
	}
}

/* =========================================================================
   KÜÇÜK MOBİL (max-width: 480px)
   ========================================================================= */
@media only screen and (max-width: 480px) {
	.row.is_dashboard .dashboard-margin {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.row.is_dashboard .user_dashboard_panel {
		padding: 12px 10px !important;
	}

	.wprentals_dashboard_page .dashboard-header h1 {
		font-size: 20px;
	}

	#user_tab_menu_trigger {
		padding: 12px 12px !important;
	}
}

/* -------------------------------------------------------------------------
   Profil: Web sitesi / sosyal alanları kaldır (gerek yok)
   ------------------------------------------------------------------------- */
.user_profile_div p:has(#userwebsite),
.user_profile_div p:has(#userskype),
.user_profile_div p:has(#userfacebook),
.user_profile_div p:has(#usertwitter),
.user_profile_div p:has(#userlinkedin),
.user_profile_div p:has(#userpinterest),
.user_profile_div p:has(#userinstagram),
.user_profile_div p:has(#useryoutube),
.user_profile_div p:has(#paypal_payments_to),
.row.is_dashboard p:has(#paypal_payments_to),
.row.is_dashboard p:has(#userwebsite),
.row.is_dashboard p:has(#userskype),
.row.is_dashboard p:has(#userfacebook),
.row.is_dashboard p:has(#usertwitter),
.row.is_dashboard p:has(#userlinkedin),
.row.is_dashboard p:has(#userpinterest),
.row.is_dashboard p:has(#userinstagram),
.row.is_dashboard p:has(#useryoutube) {
	display: none !important;
}