/* ==========================================================================
   User panel (dashboard, send ad, profile, favourites, compare, packages)
   Loaded only on panel pages, after the parent stylesheet.
   ========================================================================== */

.ag-panel { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 24px; align-items: start; padding-block: 24px 56px; }
.ag-panel--auth { display: block; max-width: 980px; }
.ag-panel__main { min-width: 0; }

/* Sidebar */
.ag-panel__nav { position: sticky; top: calc(var(--ag-header-h) + 16px); background: #fff; border: 1px solid var(--ag-line); border-radius: var(--ag-radius); overflow: hidden; }
.ag-panel__user { display: flex; align-items: center; gap: 12px; padding: 18px; background: linear-gradient(135deg, var(--ag-brand-soft), #fff); border-bottom: 1px solid var(--ag-line); }
.ag-panel__user img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: var(--ag-shadow); }
.ag-panel__user div { display: flex; flex-direction: column; min-width: 0; line-height: 1.6; }
.ag-panel__user strong { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ag-panel__user span { font-size: 12.5px; color: var(--ag-muted); }
.ag-panel__menu { display: flex; flex-direction: column; padding: 8px; }
.ag-panel__link { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; color: var(--ag-text) !important; text-decoration: none; font-weight: 600; font-size: 14px; transition: background .15s; }
.ag-panel__link .ag-icon { width: 19px; height: 19px; color: var(--ag-muted); }
.ag-panel__link:hover { background: var(--ag-bg); }
.ag-panel__link.is-active { background: var(--ag-brand-soft); color: var(--ag-brand-dark) !important; }
.ag-panel__link.is-active .ag-icon { color: var(--ag-brand); }
.ag-panel__link--cta { margin: 4px 0; background: var(--ag-brand); color: #fff !important; }
.ag-panel__link--cta .ag-icon { color: #fff; }
.ag-panel__link--cta:hover { background: var(--ag-brand-dark); }
.ag-panel__link--cta.is-active { background: var(--ag-brand-dark); color: #fff !important; }
.ag-panel__link--cta.is-active .ag-icon { color: #fff; }
.ag-panel__link--out { margin-top: 4px; border-top: 1px solid var(--ag-line); border-radius: 0 0 10px 10px; color: var(--ag-red) !important; }
.ag-panel__link--out .ag-icon { color: var(--ag-red); }

.ag-panel__head { margin-bottom: 18px; }
.ag-panel__head h1 { margin: 0; font-size: clamp(21px, 2.6vw, 27px); font-weight: 900; line-height: 1.5; }
.ag-panel__head p { margin: 4px 0 0; color: var(--ag-muted); }

/* Notices (ours + the parent's payment lists and ACF messages) */
.ag-notice, .ag-panel ul.success__payment, .ag-panel ul.error__payment, .ag-panel ul.danger__payment, .ag-panel p.admassage, .ag-panel #message {
	margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; list-style: none; font-weight: 600; font-size: 14px;
}
.ag-notice ul { margin: 0; padding: 0; list-style: none; }
.ag-notice--ok, .ag-panel ul.success__payment, .ag-panel p.admassage, .ag-panel #message.updated { background: #e7f6ec; color: #145c30; border: 1px solid #bfe3cc; }
.ag-notice--err, .ag-panel ul.error__payment, .ag-panel ul.danger__payment, .ag-panel #message.error, .ag-panel .haminak_mitavanid { background: #fdecec; color: #8f1d1d; border: 1px solid #f3c3c3; }

/* Stats */
.ag-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin-bottom: 24px; }
.ag-stat { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 16px; background: #fff; border: 1px solid var(--ag-line); border-radius: var(--ag-radius); }
.ag-stat > span { grid-row: 1 / 3; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--ag-brand-soft); color: var(--ag-brand); }
.ag-stat strong { font-size: 22px; font-weight: 900; line-height: 1.3; }
.ag-stat small { color: var(--ag-muted); font-size: 12.5px; }

/* My ads */
.ag-myads__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ag-myads__head h2 { margin: 0; font-size: 19px; }
.ag-myads__filters { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 14px; scrollbar-width: none; }
.ag-myads__filters .ag-pill { cursor: pointer; font-family: inherit; }
.ag-myads__list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ag-myad { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 16px; padding: 12px; background: #fff; border: 1px solid var(--ag-line); border-radius: var(--ag-radius); }
.ag-myad[hidden] { display: none; }
.ag-myad__img { display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--ag-bg); }
.ag-myad__img img { width: 100%; height: 100% !important; object-fit: cover; }
.ag-myad__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ag-myad__top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ag-myad__code { margin-inline-start: auto; font-size: 12.5px; color: var(--ag-muted); }
.ag-myad__title { margin: 0; font-size: 15.5px; line-height: 1.7; }
.ag-myad__title a { color: var(--ag-text) !important; text-decoration: none; }
.ag-myad__title a:hover { color: var(--ag-brand-dark) !important; }
.ag-myad__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; font-size: 13px; color: var(--ag-muted); }
.ag-myad__meta strong { color: var(--ag-brand-dark); font-size: 14.5px; }
.ag-myad__reason { display: flex; gap: 6px; margin: 0; padding: 8px 10px; border-radius: 8px; background: #fdecec; color: #8f1d1d; font-size: 13px; }
.ag-myad__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: auto; padding-top: 6px; }
.ag-myad__actions .ag-chip { min-height: 34px; padding: 0 12px; font-family: inherit; }
.ag-myad__danger { display: flex; gap: 6px; margin-inline-start: auto; }
.ag-chip--gold { border-color: #f1d58a; background: #fff8e1; color: #7a5600; }
.ag-chip--red { border-color: #f3c3c3; background: #fdecec; color: #8f1d1d; }
.ag-chip--brand { border-color: var(--ag-brand); background: var(--ag-brand); color: #fff; }
.ag-chip--ghost { background: transparent; }
.ag-chip--danger:hover { border-color: var(--ag-red); color: var(--ag-red); }
.ag-chip[disabled] { opacity: .6; cursor: wait; }
.ag-status { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.ag-status--ok { background: #e7f6ec; color: #145c30; }
.ag-status--wait { background: #fff4d6; color: #7a5600; }
.ag-status--err { background: #fdecec; color: #8f1d1d; }
.ag-status--muted { background: #eef1ef; color: #55615b; }
.ag-myads__empty { padding: 40px 20px; }

.ag-grid--panel { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* Login screen */
.ag-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: #fff; border: 1px solid var(--ag-line); border-radius: 20px; overflow: hidden; box-shadow: var(--ag-shadow); }
.ag-auth__intro { padding: 36px; background: linear-gradient(150deg, var(--ag-brand-dark), var(--ag-brand)); color: #fff; }
.ag-auth__intro h1 { margin: 0 0 8px; font-size: 26px; color: #fff; }
.ag-auth__intro p { color: #e2f2e8; }
.ag-auth__intro ul { margin: 18px 0 0; padding: 0; list-style: none; }
.ag-auth__intro li { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-weight: 600; }
.ag-auth__intro .ag-icon { width: 22px; height: 22px; padding: 3px; border-radius: 50%; background: rgba(255, 255, 255, .2); }
.ag-auth__form { padding: 28px; }
.ag-auth__form .war_auth_form, .ag-auth__form form { box-shadow: none !important; border: 0 !important; margin: 0 !important; width: auto !important; float: none !important; }
.ag-auth__form input[type="text"], .ag-auth__form input[type="tel"], .ag-auth__form input[type="number"], .ag-auth__form input[type="password"], .ag-auth__form input[type="email"] {
	width: 100% !important; height: 48px; padding: 0 14px !important; border: 1px solid #d5ddd9 !important; border-radius: 12px !important; font-size: 16px !important; background: #fff !important;
}
.ag-auth__form button, .ag-auth__form input[type="submit"], .ag-auth__form .auth_btn, .ag-auth__form .login_amlak {
	min-height: 48px; border: 0 !important; border-radius: 12px !important; background: var(--ag-brand) !important; color: #fff !important; font-weight: 800 !important; font-size: 15px !important; cursor: pointer;
}
@media (max-width: 760px) { .ag-auth { grid-template-columns: 1fr; } .ag-auth__intro { padding: 24px; } .ag-auth__intro ul { display: none; } .ag-auth__form { padding: 20px; } }

.ag-login-required { padding: 40px 20px; }
.ag-login-required h2 { margin: 12px 0 6px; font-size: 19px; color: var(--ag-text); }

/* Parent forms inside the panel (ACF send-ad, profile, become-advisor, packages) */
.ag-panel .my-page { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; min-height: 0 !important; }
.ag-panel .acf-form, .ag-panel form.pippin_form, .ag-panel form.moshaver {
	display: block; float: none; width: auto; padding: 22px; background: #fff; border: 1px solid var(--ag-line); border-radius: var(--ag-radius); box-shadow: var(--ag-shadow);
}
.ag-panel .acf-fields > .acf-field, .ag-panel .acf-field { border: 0 !important; padding: 12px 4px !important; }
.ag-panel .acf-fields.-border { border: 0 !important; background: transparent !important; }
.ag-panel .acf-label label, .ag-panel form.pippin_form label, .ag-panel form.moshaver label { font-weight: 700 !important; font-size: 14px !important; color: var(--ag-text) !important; margin-bottom: 6px !important; }
.ag-panel .acf-label .description, .ag-panel .acf-field p.description { color: var(--ag-muted) !important; font-size: 12.5px !important; }
.ag-panel .acf-input input[type="text"], .ag-panel .acf-input input[type="number"], .ag-panel .acf-input input[type="email"], .ag-panel .acf-input input[type="url"], .ag-panel .acf-input input[type="tel"],
.ag-panel .acf-input select, .ag-panel .acf-input textarea, .ag-panel .acf-form textarea.wp-editor-area,
.ag-panel form.pippin_form input[type="text"], .ag-panel form.pippin_form input[type="email"], .ag-panel form.pippin_form input[type="password"], .ag-panel form.pippin_form select, .ag-panel form.pippin_form textarea,
.ag-panel form.moshaver input[type="text"] {
	width: 100% !important; min-height: 44px; padding: 9px 12px !important; border: 1px solid #d5ddd9 !important; border-radius: 10px !important;
	font-family: var(--ag-font) !important; font-size: 15px !important; background: #fff !important; color: var(--ag-text) !important; box-shadow: none !important;
}
.ag-panel .acf-input textarea, .ag-panel .acf-form textarea.wp-editor-area { min-height: 140px; line-height: 1.9; }
.ag-panel .acf-input input:focus, .ag-panel .acf-input select:focus, .ag-panel .acf-input textarea:focus, .ag-panel form.pippin_form input:focus, .ag-panel form.pippin_form textarea:focus {
	outline: 0 !important; border-color: var(--ag-brand) !important; box-shadow: 0 0 0 3px rgba(15, 138, 63, .12) !important;
}
.ag-panel .acf-radio-list li, .ag-panel .acf-checkbox-list li { margin: 0 0 6px 10px; }
.ag-panel .acf-button-group label { border-radius: 8px !important; }
.ag-panel .acf-button-group label.selected { background: var(--ag-brand) !important; border-color: var(--ag-brand) !important; }
.ag-panel .acf-tab-wrap .acf-tab-group { border-bottom-color: var(--ag-line) !important; }
.ag-panel .acf-tab-wrap .acf-tab-group li a { border-radius: 10px 10px 0 0 !important; font-weight: 700; }
.ag-panel .acf-tab-wrap .acf-tab-group li.active a { background: #fff !important; color: var(--ag-brand-dark) !important; }
.ag-panel .acf-form-submit, .ag-panel p.form-submit { margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--ag-line); }
.ag-panel .acf-form-submit input[type="submit"], .ag-panel #updateuser, .ag-panel .moshaver_btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 50px; min-width: 220px; padding: 0 28px !important;
	border: 0 !important; border-radius: 12px !important; background: var(--ag-brand) !important; color: #fff !important;
	font-family: var(--ag-font) !important; font-size: 15.5px !important; font-weight: 800 !important; cursor: pointer; box-shadow: 0 6px 16px rgba(15, 138, 63, .25);
}
.ag-panel .acf-form-submit input[type="submit"]:hover, .ag-panel #updateuser:hover { background: var(--ag-brand-dark) !important; }
.ag-panel .acf-gallery { border-radius: 12px !important; }
.ag-panel .acf-error-message { border-radius: 10px; }

/* Compare */
.ag-compare { overflow-x: auto; background: #fff; border: 1px solid var(--ag-line); border-radius: var(--ag-radius); }
.ag-compare table { width: 100%; min-width: 640px; border-collapse: collapse; }
.ag-compare th, .ag-compare td { padding: 12px 14px; border-bottom: 1px solid var(--ag-line); text-align: right; vertical-align: top; font-size: 14px; }
.ag-compare tbody th { width: 150px; background: var(--ag-bg); color: var(--ag-muted); font-weight: 700; font-size: 13px; position: sticky; right: 0; }
.ag-compare thead th { vertical-align: top; min-width: 200px; }
.ag-compare thead th.ag-compare__label { background: var(--ag-bg); }
.ag-compare__img { display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; margin-bottom: 8px; background: var(--ag-bg); }
.ag-compare__img img { width: 100%; height: 100% !important; object-fit: cover; }
.ag-compare__title { display: block; color: var(--ag-text) !important; font-weight: 700; font-size: 14px; line-height: 1.7; text-decoration: none; }
.ag-compare__remove { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; padding: 0; border: 0; background: none; color: var(--ag-red); font: 600 12.5px var(--ag-font); cursor: pointer; }
.ag-compare__remove .ag-icon { width: 14px; height: 14px; }
.ag-compare__price { display: block; color: var(--ag-brand-dark); font-size: 15px; }
.ag-compare td small { color: var(--ag-muted); }
.ag-compare__hint { margin-top: 12px; }

/* Mobile */
@media (max-width: 960px) {
	.ag-panel { grid-template-columns: 1fr; gap: 14px; padding-top: 14px; }
	.ag-panel__nav { position: static; }
	.ag-panel__user { padding: 12px 14px; }
	.ag-panel__menu { flex-direction: row; overflow-x: auto; gap: 6px; padding: 8px; scrollbar-width: none; }
	.ag-panel__menu::-webkit-scrollbar { display: none; }
	.ag-panel__link { flex: none; padding: 9px 12px; border: 1px solid var(--ag-line); white-space: nowrap; }
	.ag-panel__link--out { margin: 0; border-top: 1px solid var(--ag-line); border-radius: 10px; }
}
@media (max-width: 600px) {
	.ag-myad { grid-template-columns: 104px minmax(0, 1fr); gap: 10px; padding: 10px; }
	.ag-myad__danger { margin-inline-start: 0; }
	.ag-myads__head .ag-btn { padding: 0 12px; font-size: 13px; }
	.ag-stats { grid-template-columns: 1fr 1fr; }
	.ag-stat { padding: 12px; }
	.ag-stat strong { font-size: 19px; }
	.ag-panel .acf-form, .ag-panel form.pippin_form { padding: 14px; }
	.ag-panel .acf-form-submit input[type="submit"], .ag-panel #updateuser { width: 100%; }
}

/* Send-ad form as steps (assets/js/send-ad.js) */
.ag-wiz__steps { display: flex; gap: 6px; margin: 0 0 18px; padding: 0; list-style: none; counter-reset: none; }
.ag-wiz__steps li { flex: 1; min-width: 0; }
.ag-wiz__step { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px; border: 1px solid var(--ag-line); border-radius: 12px; background: #fff; color: var(--ag-muted); font: inherit; font-size: 13px; font-weight: 700; cursor: default; text-align: start; }
.ag-wiz__num { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--ag-bg); font-size: 13px; }
.ag-wiz__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ag-wiz__steps li.is-done .ag-wiz__step { cursor: pointer; color: var(--ag-brand-dark); border-color: #bfe3cc; }
.ag-wiz__steps li.is-done .ag-wiz__num { background: var(--ag-brand-soft); color: var(--ag-brand-dark); }
.ag-wiz__steps li.is-current .ag-wiz__step { color: var(--ag-text); border-color: var(--ag-brand); box-shadow: 0 0 0 3px var(--ag-brand-soft); }
.ag-wiz__steps li.is-current .ag-wiz__num { background: var(--ag-brand); color: #fff; }
.ag-panel .ag-wiz__pane { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 14px; border: 0 !important; background: none !important; }
.ag-panel .ag-wiz__pane[hidden] { display: none; }
.ag-panel .ag-wiz__pane > .acf-field { grid-column: 1 / -1; width: auto !important; float: none !important; min-height: 0 !important; clear: none !important; margin: 0 !important; }
.ag-panel .ag-wiz__pane > .acf-field.wid25 { grid-column: span 1; }
.ag-panel .ag-wiz__pane > .acf-field.wid50 { grid-column: span 2; }
.ag-panel .ag-wiz__pane > .acf-field.acf-hidden { display: none !important; }
.ag-wiz__err { margin: 0 0 6px; color: var(--ag-red); font-size: 12.5px; font-weight: 700; }
.ag-panel .ag-wiz-invalid input:not([type=hidden]), .ag-panel .ag-wiz-invalid select, .ag-panel .ag-wiz-invalid textarea { border-color: var(--ag-red) !important; }
.ag-wiz__nav { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--ag-line); }
.ag-wiz__count { flex: 1; text-align: center; color: var(--ag-muted); font-size: 13px; }
.ag-wiz__prev, .ag-wiz__next { min-height: 46px; padding: 0 22px; border-radius: 12px; font: inherit; font-weight: 800; font-size: 14.5px; cursor: pointer; }
.ag-wiz__prev { background: #fff; color: var(--ag-text); border: 1px solid var(--ag-line); }
.ag-wiz__next { margin-inline-start: auto; background: var(--ag-brand); color: #fff; border: 0; }
.ag-wiz__next:hover { background: var(--ag-brand-dark); }
.ag-wiz__prev[hidden], .ag-wiz__next[hidden], .ag-wiz__nav .acf-form-submit[hidden] { display: none !important; }
.ag-panel .ag-wiz__nav .acf-form-submit { margin: 0 !important; padding: 0 !important; border: 0 !important; margin-inline-start: auto !important; }
.ag-wiz__maptools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.ag-wiz__pin { min-height: 42px; padding: 0 16px; border: 1px solid var(--ag-brand); border-radius: 10px; background: var(--ag-brand-soft); color: var(--ag-brand-dark); font: inherit; font-weight: 800; font-size: 13.5px; cursor: pointer; }
.ag-wiz__pinstate { font-size: 13px; color: var(--ag-muted); }
.ag-wiz__pinstate.is-set { color: var(--ag-brand-dark); font-weight: 700; }
.ag-panel .acf-field[data-name="streetmap"] .leaflet-container { min-height: 340px; border-radius: 12px; }
.ag-panel .acf-field[data-name="streetmap"] .leaflet-container::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 650; width: 34px; height: 34px; margin: -17px 0 0 -17px; pointer-events: none;
	background: linear-gradient(var(--ag-red), var(--ag-red)) center / 2px 100% no-repeat, linear-gradient(var(--ag-red), var(--ag-red)) center / 100% 2px no-repeat; }
@media (max-width: 600px) {
	.ag-wiz__steps { gap: 4px; }
	.ag-wiz__step { justify-content: center; padding: 8px 4px; }
	.ag-wiz__label { display: none; }
	.ag-wiz__steps li.is-current { flex: 2.4; }
	.ag-wiz__steps li.is-current .ag-wiz__label { display: inline; }
	.ag-panel .ag-wiz__pane { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ag-panel .ag-wiz__pane > .acf-field.wid50 { grid-column: 1 / -1; }
	.ag-wiz__count { order: -1; flex-basis: 100%; }
	.ag-wiz__prev, .ag-wiz__next, .ag-panel .ag-wiz__nav .acf-form-submit { flex: 1; }
}
/* The parent styles every form button (white text, 0 30px padding); restate ours with priority. */
.ag-panel .ag-wiz__step { padding: 10px !important; height: auto !important; border-radius: 12px !important; color: var(--ag-muted) !important; background: #fff !important; border: 1px solid var(--ag-line) !important; line-height: 1.5 !important; }
.ag-panel .ag-wiz__steps li.is-done .ag-wiz__step { color: var(--ag-brand-dark) !important; border-color: #bfe3cc !important; }
.ag-panel .ag-wiz__steps li.is-current .ag-wiz__step { color: var(--ag-text) !important; border-color: var(--ag-brand) !important; }
.ag-panel .ag-wiz__prev, .ag-panel .ag-wiz__next, .ag-panel .ag-wiz__pin { height: auto !important; padding: 0 22px !important; border-radius: 12px !important; line-height: 1.4 !important; }
.ag-panel .ag-wiz__prev { color: var(--ag-text) !important; background: #fff !important; border: 1px solid var(--ag-line) !important; }
.ag-panel .ag-wiz__next { color: #fff !important; background: var(--ag-brand) !important; border: 0 !important; }
.ag-panel .ag-wiz__next:hover { background: var(--ag-brand-dark) !important; }
.ag-panel .ag-wiz__pin { padding: 0 16px !important; border-radius: 10px !important; color: var(--ag-brand-dark) !important; background: var(--ag-brand-soft) !important; border: 1px solid var(--ag-brand) !important; }
@media (max-width: 600px) { .ag-panel .ag-wiz__step { padding: 8px 4px !important; } }