/*
 * Ibn Thani Royal V9 — Admin Styles (Royal Gold Theme)
 * يطبَّق على Admin Bar + لوحة wp-admin بأكملها
 */

:root {
	--rv-gold:       #d4af37;
	--rv-gold-dark:  #b88a1a;
	--rv-gold-deep:  #8f5d08;
	--rv-gold-soft:  #f3c65a;
	--rv-navy:       #001f3f;
	--rv-navy-deep:  #000d1f;
	--rv-cream:      #fff9e8;
	--rv-paper:      #fffaf0;
	--rv-radius:     16px;
	--rv-radius-sm:  12px;
	--rv-shadow:     0 8px 24px rgba(212,175,55,0.25), 0 4px 12px rgba(0,0,0,0.15);
	--rv-trans:      0.25s ease;
}

/* ===== Admin Bar الأساسي ===== */
#wpadminbar {
	background: linear-gradient(180deg, var(--rv-navy) 0%, var(--rv-navy-deep) 100%);
	border-bottom: 2px solid var(--rv-gold);
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
	font-family: 'Tajawal','Cairo','Segoe UI','Tahoma',Arial,sans-serif;
}

#wpadminbar .ab-top-menu > li > .ab-item,
#wpadminbar .ab-top-menu > li.menupop > .ab-item {
	color: var(--rv-cream);
	transition: background var(--rv-trans), color var(--rv-trans);
}

#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
	background: linear-gradient(135deg, var(--rv-gold) 0%, var(--rv-gold-dark) 100%);
	color: var(--rv-navy);
}

#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before {
	color: var(--rv-gold-soft);
}

#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > li:hover .ab-icon::before,
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > li.hover .ab-icon::before {
	color: var(--rv-navy);
}

/* ===== معلومات المستخدم (الاسم + الصورة) ===== */
#wpadminbar #wp-admin-bar-my-account > .ab-item {
	padding-inline: 16px;
	border-radius: var(--rv-radius);
	margin-block: 4px;
	background: rgba(212,175,55,0.10);
	border: 1px solid rgba(212,175,55,0.30);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: all var(--rv-trans);
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-item:hover,
#wpadminbar #wp-admin-bar-my-account.with-avatar.hover > .ab-item {
	background: linear-gradient(135deg, var(--rv-gold) 0%, var(--rv-gold-dark) 100%);
	color: var(--rv-navy);
	box-shadow: var(--rv-shadow);
	border-color: var(--rv-gold-soft);
}

#wpadminbar #wp-admin-bar-my-account img.avatar {
	border-radius: 50%;
	border: 2px solid var(--rv-gold);
	box-shadow: 0 2px 8px rgba(212,175,55,0.4);
	background: var(--rv-paper);
	padding: 1px;
	width: 26px;
	height: 26px;
	max-width: 26px;
	transition: transform var(--rv-trans), border-color var(--rv-trans);
}

#wpadminbar #wp-admin-bar-my-account:hover img.avatar,
#wpadminbar #wp-admin-bar-my-account.hover img.avatar {
	transform: scale(1.10);
	border-color: var(--rv-cream);
}

/* ===== القائمة المنسدلة (تحرير الملف، تسجيل الخروج) ===== */
#wpadminbar .quicklinks .menupop .ab-sub-wrapper {
	background: linear-gradient(180deg, var(--rv-navy) 0%, var(--rv-navy-deep) 100%);
	border-radius: var(--rv-radius);
	border: 2px solid var(--rv-gold);
	box-shadow: var(--rv-shadow);
	overflow: hidden;
	margin-top: 8px;
	min-width: 240px;
}

/* رأس القائمة - بطاقة المستخدم الذهبية */
#wpadminbar #wp-admin-bar-user-info {
	background: linear-gradient(135deg, var(--rv-gold) 0%, var(--rv-gold-dark) 50%, var(--rv-gold-deep) 100%);
	padding: 16px;
	border-radius: var(--rv-radius) var(--rv-radius) 0 0;
	border-bottom: 2px solid var(--rv-gold-soft);
	position: relative;
	overflow: hidden;
}

#wpadminbar #wp-admin-bar-user-info::before {
	content: '';
	position: absolute;
	inset: -50%;
	background: radial-gradient(circle, rgba(255,249,232,0.18) 0%, transparent 60%);
	pointer-events: none;
}

#wpadminbar #wp-admin-bar-user-info .ab-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	color: var(--rv-navy);
	height: auto;
	padding: 0;
	background: transparent;
	position: relative;
	z-index: 1;
}

#wpadminbar #wp-admin-bar-user-info .ab-item:hover {
	background: transparent;
	color: var(--rv-navy);
}

#wpadminbar #wp-admin-bar-user-info img.avatar {
	width: 64px;
	height: 64px;
	max-width: 64px;
	border-radius: 50%;
	border: 3px solid var(--rv-navy);
	box-shadow: 0 4px 16px rgba(0,31,63,0.3);
	background: var(--rv-paper);
	padding: 2px;
	margin-bottom: 6px;
}

#wpadminbar #wp-admin-bar-user-info .display-name {
	font-size: 15px;
	font-weight: 800;
	color: var(--rv-navy);
	line-height: 1.3;
}

#wpadminbar #wp-admin-bar-user-info .username {
	font-size: 12px;
	color: var(--rv-navy-deep);
	opacity: 0.75;
	font-weight: 500;
}

/* عناصر القائمة المنسدلة */
#wpadminbar .quicklinks .menupop ul li {
	border-top: 1px solid rgba(212,175,55,0.15);
}

#wpadminbar .quicklinks .menupop ul li:first-child {
	border-top: none;
}

#wpadminbar .quicklinks .menupop ul li .ab-item {
	color: var(--rv-cream);
	padding: 12px 18px;
	transition: all var(--rv-trans);
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
}

#wpadminbar .quicklinks .menupop ul li .ab-item:hover,
#wpadminbar .quicklinks .menupop ul li.hover .ab-item {
	background: linear-gradient(90deg, rgba(212,175,55,0.20) 0%, rgba(212,175,55,0.05) 100%);
	color: var(--rv-gold-soft);
	padding-right: 22px;
}

#wpadminbar .quicklinks .menupop ul li .ab-item .ab-icon::before {
	color: var(--rv-gold-soft);
	transition: color var(--rv-trans);
}

#wpadminbar .quicklinks .menupop ul li .ab-item:hover .ab-icon::before {
	color: var(--rv-cream);
}

/* رابط تسجيل الخروج */
#wpadminbar #wp-admin-bar-logout > .ab-item {
	border-top: 2px solid rgba(212,175,55,0.30);
	color: var(--rv-gold-soft);
	font-weight: 600;
}

#wpadminbar #wp-admin-bar-logout > .ab-item:hover {
	background: linear-gradient(90deg, rgba(198,40,40,0.22) 0%, rgba(198,40,40,0.05) 100%);
	color: #ff9999;
}

/* شعار WP */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
	color: var(--rv-gold);
	transition: color var(--rv-trans);
}

#wpadminbar #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon::before {
	color: var(--rv-navy);
}

/* ===== لوحة wp-admin: القائمة الجانبية ===== */
#adminmenuwrap,
#adminmenuback {
	background: linear-gradient(180deg, var(--rv-navy) 0%, var(--rv-navy-deep) 100%);
	box-shadow: -2px 0 12px rgba(0,0,0,0.15);
}

#adminmenu {
	background: transparent;
}

#adminmenu li.menu-top {
	border-bottom: 1px solid rgba(212,175,55,0.08);
	transition: background var(--rv-trans);
}

#adminmenu a.menu-top,
#adminmenu .wp-submenu-head {
	color: var(--rv-cream);
	font-weight: 500;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
	background: linear-gradient(90deg, rgba(212,175,55,0.15) 0%, transparent 100%);
	color: var(--rv-gold-soft);
}

#adminmenu li.menu-top:hover > a,
#adminmenu li.menu-top.focus > a {
	color: var(--rv-gold-soft);
}

/* العنصر النشط */
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu.opensub .wp-submenu-head,
.folded #adminmenu li.current.menu-top {
	background: linear-gradient(90deg, var(--rv-gold) 0%, var(--rv-gold-dark) 100%);
	color: var(--rv-navy);
	font-weight: 700;
	border-radius: var(--rv-radius-sm) 0 0 var(--rv-radius-sm);
	box-shadow: inset 4px 0 0 var(--rv-gold-deep);
}

#adminmenu li.current a.menu-top .wp-menu-name,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu .wp-menu-name {
	color: var(--rv-navy);
}

#adminmenu div.wp-menu-image::before {
	color: var(--rv-gold-soft);
	transition: color var(--rv-trans);
}

#adminmenu li.current div.wp-menu-image::before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image::before,
#adminmenu li:hover div.wp-menu-image::before,
#adminmenu li.opensub div.wp-menu-image::before {
	color: var(--rv-navy);
}

/* القوائم الفرعية */
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu {
	background: var(--rv-navy-deep);
	border-radius: 0 var(--rv-radius-sm) var(--rv-radius-sm) 0;
	border: 1px solid rgba(212,175,55,0.25);
	box-shadow: var(--rv-shadow);
	padding: 6px 0;
}

#adminmenu .wp-submenu a {
	color: var(--rv-cream);
	padding: 8px 14px;
	transition: all var(--rv-trans);
}

#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu li.current a {
	background: rgba(212,175,55,0.15);
	color: var(--rv-gold-soft);
}

#adminmenu .wp-submenu li.current a {
	font-weight: 700;
	color: var(--rv-gold);
}

/* ===== خلفية لوحة التحكم ===== */
body.wp-admin {
	background: var(--rv-paper);
}

#wpwrap, #wpcontent, #wpfooter {
	background: transparent;
}

/* صناديق postbox */
.postbox {
	border: 1px solid rgba(212,175,55,0.30);
	border-radius: var(--rv-radius-sm);
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	overflow: hidden;
}

.postbox > .postbox-header {
	background: linear-gradient(135deg, var(--rv-cream) 0%, var(--rv-paper) 100%);
	border-bottom: 1px solid rgba(212,175,55,0.30);
}

.postbox > .postbox-header .hndle {
	color: var(--rv-navy);
	font-weight: 700;
}

/* الأزرار */
.wp-core-ui .button-primary,
.wp-core-ui .button-primary:focus {
	background: linear-gradient(135deg, var(--rv-gold) 0%, var(--rv-gold-dark) 100%);
	border: 1px solid var(--rv-gold-deep);
	color: var(--rv-navy);
	font-weight: 700;
	border-radius: var(--rv-radius-sm);
	box-shadow: 0 2px 6px rgba(212,175,55,0.30);
	text-shadow: none;
	transition: all var(--rv-trans);
}

.wp-core-ui .button-primary:hover {
	background: linear-gradient(135deg, var(--rv-gold-dark) 0%, var(--rv-gold-deep) 100%);
	color: var(--rv-cream);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(212,175,55,0.40);
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
	border-radius: var(--rv-radius-sm);
	border-color: rgba(212,175,55,0.50);
	color: var(--rv-navy);
	transition: all var(--rv-trans);
}

.wp-core-ui .button:hover {
	border-color: var(--rv-gold);
	color: var(--rv-gold-deep);
}

/* الجداول */
.wp-list-table {
	border: 1px solid rgba(212,175,55,0.25);
	border-radius: var(--rv-radius-sm);
	overflow: hidden;
	box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.wp-list-table thead th,
.wp-list-table tfoot th {
	background: linear-gradient(135deg, var(--rv-navy) 0%, var(--rv-navy-deep) 100%);
	color: var(--rv-cream);
	border-bottom: 2px solid var(--rv-gold);
}

.wp-list-table thead th a,
.wp-list-table tfoot th a {
	color: var(--rv-cream);
}

.wp-list-table thead th a:hover {
	color: var(--rv-gold-soft);
}

/* حقول الإدخال */
.wp-admin input[type="text"]:focus,
.wp-admin input[type="email"]:focus,
.wp-admin input[type="url"]:focus,
.wp-admin input[type="password"]:focus,
.wp-admin input[type="search"]:focus,
.wp-admin input[type="number"]:focus,
.wp-admin textarea:focus,
.wp-admin select:focus {
	border-color: var(--rv-gold);
	box-shadow: 0 0 0 2px rgba(212,175,55,0.25);
	outline: none;
}

/* شاشة تسجيل الدخول */
body.login {
	background: linear-gradient(135deg, var(--rv-navy) 0%, var(--rv-navy-deep) 100%);
}

body.login #login h1 a {
	background-image: none;
	background-color: var(--rv-gold);
	color: var(--rv-navy);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	text-indent: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: 800;
	margin: 0 auto;
	box-shadow: var(--rv-shadow);
}

body.login #login h1 a::before {
	content: '👑';
}

body.login form {
	border-radius: var(--rv-radius);
	border: 2px solid var(--rv-gold);
	box-shadow: var(--rv-shadow);
}

/* ===== تصحيح قائمة المستخدم المنبثقة في الشريط العلوي ===== */
#wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper{
	width: min(320px, calc(100vw - 24px));
	min-width: 280px;
	max-width: 320px;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
}

#wpadminbar #wp-admin-bar-user-info{
	background: linear-gradient(180deg, rgba(0,31,63,0.98) 0%, rgba(0,13,31,0.98) 100%);
	padding: 18px 18px 16px;
	border-bottom: 1px solid rgba(212,175,55,0.45);
}

#wpadminbar #wp-admin-bar-user-info .ab-item{
	min-height: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	grid-template-areas:
		"avatar name"
		"avatar user";
	align-items: center;
	column-gap: 14px;
	text-align: right;
	direction: rtl;
}

#wpadminbar #wp-admin-bar-user-info img.avatar{
	grid-area: avatar;
	position: static !important;
	float: none !important;
	inset: auto !important;
	margin: 0 !important;
	width: 64px;
	height: 64px;
	max-width: 64px;
	border-radius: 50%;
	border: 3px solid var(--rv-gold);
	box-shadow: 0 4px 16px rgba(212,175,55,0.28);
	background: var(--rv-paper);
	padding: 2px;
}

#wpadminbar #wp-admin-bar-user-info .display-name{
	grid-area: name;
	font-size: 16px;
	font-weight: 800;
	color: var(--rv-cream);
	line-height: 1.35;
	white-space: normal;
}

#wpadminbar #wp-admin-bar-user-info .username{
	grid-area: user;
	font-size: 12px;
	font-weight: 700;
	color: var(--rv-gold-soft);
	line-height: 1.35;
	white-space: normal;
}

#wpadminbar #wp-admin-bar-my-account .ab-submenu{
	padding: 6px 0 8px;
}

#wpadminbar #wp-admin-bar-my-account .ab-submenu > li > .ab-item{
	min-height: 40px;
	padding: 10px 18px;
	justify-content: flex-start;
	text-align: right;
}

/* ===== v9.3.14: تصحيح عدم تشويه صور المستخدم وشعار الدخول =====
   السبب: قواعد التجميل السابقة أجبرت أبعاد الصور دون object-fit/box-sizing،
   ومع بعض شعارات الموقع أو صور الحساب ينتج قص أو تمديد داخل wp-login/admin bar.
*/
#wpadminbar img.avatar,
#wpadminbar #wp-admin-bar-my-account img.avatar,
#wpadminbar #wp-admin-bar-user-info img.avatar,
.wp-admin img.avatar {
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	object-position: center center !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
	min-height: 0 !important;
}

#wpadminbar #wp-admin-bar-my-account > .ab-item img.avatar {
	flex: 0 0 26px !important;
}

#wpadminbar #wp-admin-bar-user-info img.avatar {
	flex: 0 0 64px !important;
}

body.login #login h1 a {
	width: 96px !important;
	height: 96px !important;
	min-width: 96px !important;
	min-height: 96px !important;
	padding: 8px !important;
	box-sizing: border-box !important;
	border-radius: 50% !important;
	background-color: #d4af37 !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
	display: block !important;
	line-height: 1 !important;
}

body.login #login h1 a::before,
body.login #login h1 a::after {
	content: none !important;
	display: none !important;
}

body.login #login h1 a img,
body.login #login h1 a svg {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
}