/* ===== eYumba brand layer (brown + gold), on top of Listeo ===== */
:root{
  --ey-brown:#6b3a1a;
  --ey-brown-dark:#4a2711;
  --ey-gold:#e0a526;
  --ey-gold-light:#f4c45a;
  --ey-ink:#2b2016;
  --ey-muted:#8a7a68;
  --ey-bg:#fdfbf7;
  --ey-line:#efe6d7;
}

/* Bigger logo + tighter padding */
#logo img, #header-container #logo img, #header.fullwidth #logo img{ max-height:78px !important; width:auto !important; }
#logo{ margin-top:0 !important; margin-bottom:0 !important; margin-right:26px !important; }
#logo a{ padding:0 !important; line-height:1 !important; }
#header{ padding:8px 0 6px 0 !important; }

/* Gold accents for key CTAs (override brown where we want gold) */
.ey-btn{ display:inline-block; background:var(--ey-gold); color:var(--ey-brown-dark)!important; font-weight:700;
  padding:13px 26px; border-radius:10px; text-decoration:none; border:none; cursor:pointer; transition:.2s; line-height:1.2; }
.ey-btn:hover{ background:var(--ey-gold-light); color:var(--ey-brown-dark)!important; }
.ey-btn-brown{ background:var(--ey-brown); color:#fff!important; }
.ey-btn-brown:hover{ background:var(--ey-brown-dark); }
.ey-btn-outline{ background:transparent; border:2px solid #fff; color:#fff!important; }
.ey-btn-outline:hover{ background:#fff; color:var(--ey-brown)!important; }

/* ---------- Section scaffolding ---------- */
.ey-section{ padding:66px 0; }
.ey-section.alt{ background:var(--ey-bg); }
.ey-container{ max-width:1180px; margin:0 auto; padding:0 24px; }
.ey-head{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30px; flex-wrap:wrap; gap:10px; }
.ey-head h2{ font-size:1.9rem; color:var(--ey-brown-dark); margin:0; font-weight:800; }
.ey-head p{ margin:4px 0 0; color:var(--ey-muted); font-size:1.5rem; }
.ey-head a.ey-more{ color:var(--ey-brown); font-weight:700; text-decoration:none; white-space:nowrap; }
.ey-head a.ey-more:hover{ color:var(--ey-gold); }
.ey-grid{ display:grid; gap:24px; }
.ey-grid-4{ grid-template-columns:repeat(4,1fr); }
.ey-grid-3{ grid-template-columns:repeat(3,1fr); }
.ey-grid-6{ grid-template-columns:repeat(6,1fr); }

/* ---------- HERO BANNER ---------- */
.ey-hero{ position:relative; background-size:cover; background-position:center; min-height:560px;
  display:flex; align-items:center; }
.ey-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(43,25,11,.45),rgba(43,25,11,.65)); }
.ey-hero .ey-container{ position:relative; width:100%; text-align:center; }
.ey-hero h1{ color:#fff; font-size:clamp(2.2rem,5vw,3.6rem); font-weight:800; margin:0 auto 12px; max-width:820px; line-height:1.12; }
.ey-hero .lead{ color:#f3e9dc; font-size:1.5rem; margin:0 auto 28px; }
.ey-searchcard{ background:#fff; border-radius:16px; box-shadow:0 24px 60px rgba(43,25,11,.25); max-width:940px; margin:0 auto; overflow:hidden; text-align:left; }
/* floating pill tab bar (zameen-style) */
.ey-tabsbar{ display:flex; justify-content:center; margin-bottom:16px; }
.ey-tabs{ display:inline-flex; gap:4px; background:#fff; border:none; border-radius:40px; padding:6px; box-shadow:0 10px 28px rgba(43,25,11,.20); }
.ey-tab{ padding:11px 24px; border-radius:30px; font-weight:700; color:var(--ey-muted); cursor:pointer; background:none; border:none; font-size:1.5rem; position:relative; transition:.15s; display:flex; align-items:center; gap:6px; }
.ey-tab:hover{ color:var(--ey-brown); }
.ey-tab.active{ background:#fbeccb; color:var(--ey-brown); }
.ey-tab .new{ background:#e23b3b; color:#fff; font-size:.58rem; font-weight:800; line-height:1; padding:3px 5px; border-radius:4px; letter-spacing:.3px; }
.ey-searchrow{ display:flex; gap:12px; padding:18px; flex-wrap:wrap; }
.ey-searchrow select,.ey-searchrow input{ flex:1 1 180px; border:1px solid var(--ey-line); border-radius:10px; padding:14px 16px; font-size:1.5rem; color:var(--ey-ink); outline:none; background:#fff; }
.ey-searchrow .ey-btn{ flex:1 1 150px; }

/* ---------- PROPERTY CARDS ---------- */
.ey-card{ background:#fff; border:1px solid var(--ey-line); border-radius:14px; overflow:hidden; transition:.2s; display:block; text-decoration:none; color:inherit; }
.ey-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(107,58,26,.14); }
.ey-card .thumb{ position:relative; height:190px; background-size:cover; background-position:center; }
.ey-tag{ position:absolute; top:12px; left:12px; background:var(--ey-gold); color:var(--ey-brown-dark); font-weight:800; font-size:1.5rem; padding:6px 13px; border-radius:20px; letter-spacing:.3px; text-transform:uppercase; display:flex; align-items:center; gap:5px; }
.ey-tag.hot{ background:var(--ey-brown); color:#fff; }
.ey-card .price{ position:absolute; bottom:12px; left:12px; background:rgba(43,25,11,.85); color:#fff; font-weight:800; padding:7px 14px; border-radius:8px; font-size:1.5rem; }
.ey-card .body{ padding:16px 18px 18px; }
.ey-card .body h3{ margin:0 0 6px; font-size:1.5rem; color:var(--ey-brown-dark); font-weight:700; }
.ey-card .loc{ color:var(--ey-muted); font-size:1.5rem; margin:0 0 12px; display:flex; align-items:center; gap:6px; }
.ey-card .loc i{ font-size:1.5rem; color:var(--ey-gold); }
.ey-card .meta{ display:flex; gap:20px; border-top:1px solid var(--ey-line); padding-top:14px; color:var(--ey-ink); font-size:1.5rem; font-weight:600; }
.ey-card .meta span{ display:flex; align-items:center; gap:6px; }
.ey-card .meta i{ color:var(--ey-gold); font-size:1.55rem; }

/* ---------- AGENCIES ---------- */
.ey-agency{ background:#fff; border:1px solid var(--ey-line); border-radius:14px; padding:24px; text-align:center; transition:.2s; }
.ey-agency:hover{ box-shadow:0 14px 34px rgba(107,58,26,.12); }
.ey-agency img{ height:54px; width:auto; object-fit:contain; margin-bottom:14px; }
.ey-agency h4{ margin:0 0 2px; color:var(--ey-brown-dark); font-size:1.5rem; }
.ey-agency .count{ color:var(--ey-muted); font-size:1.5rem; margin-bottom:14px; }

/* ---------- DISCOVER MORE ---------- */
.ey-feature{ text-align:center; padding:26px 18px; }
.ey-feature .ic{ width:84px; height:84px; margin:0 auto 16px; border-radius:50%; background:linear-gradient(135deg,#fbeccb,#f6d992);
  display:flex; align-items:center; justify-content:center; }
.ey-feature .ic i{ font-size:2.4rem; color:var(--ey-brown); }
.ey-feature h4{ margin:0 0 6px; color:var(--ey-brown-dark); font-size:1.5rem; }
.ey-feature p{ color:var(--ey-muted); font-size:1.5rem; margin:0; }

/* ---------- CITIES ---------- */
.ey-city{ position:relative; border-radius:14px; overflow:hidden; height:200px; display:block; background-size:cover; background-position:center; text-decoration:none; }
.ey-city::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(43,25,11,0) 35%,rgba(43,25,11,.82)); transition:.2s; }
.ey-city:hover::before{ background:linear-gradient(180deg,rgba(107,58,26,.2) 10%,rgba(43,25,11,.88)); }
.ey-city .cap{ position:absolute; left:16px; bottom:14px; color:#fff; z-index:2; }
.ey-city .cap b{ font-size:1.5rem; display:block; }
.ey-city .cap span{ font-size:1.5rem; color:#f1dcc0; }

/* ---------- BOTTOM CTA ---------- */
.ey-cta{ background:linear-gradient(120deg,var(--ey-brown-dark),var(--ey-brown)); color:#fff; border-radius:18px; padding:48px 40px;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.ey-cta h2{ color:#fff; margin:0 0 6px; font-size:1.8rem; font-weight:800; }
.ey-cta p{ margin:0; color:#f1dcc0; }
.ey-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; margin-top:40px; }
.ey-stats .n{ font-size:2rem; font-weight:800; color:var(--ey-gold); }
.ey-stats .l{ color:var(--ey-muted); font-size:1.5rem; }

/* ---------- Responsive ---------- */
@media (max-width:1000px){ .ey-grid-4{grid-template-columns:repeat(2,1fr);} .ey-grid-6{grid-template-columns:repeat(3,1fr);} .ey-grid-3{grid-template-columns:repeat(2,1fr);} }
@media (max-width:620px){ .ey-grid-4,.ey-grid-3,.ey-grid-6{grid-template-columns:1fr 1fr;} .ey-stats{grid-template-columns:1fr 1fr;} .ey-tab{padding:14px 16px;font-size:1.5rem;} .ey-cta{padding:32px 24px;} }
@media (max-width:430px){ .ey-grid-4,.ey-grid-3,.ey-grid-6{grid-template-columns:1fr;} }

/* ===== Plus Jakarta Sans (global) ===== */
body, p, a, span, div, li, td, th, label,
h1,h2,h3,h4,h5,h6, input, select, textarea, button,
.ey-head h2, .ey-hero h1, #logo, #navigation ul li a{
  font-family:'Plus Jakarta Sans', -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* ===== zameen-style search (tabs + 3 then 4 fields) ===== */
.ey-searchform{ padding:18px; display:flex; flex-direction:column; gap:12px; }
.ey-srow{ display:grid; gap:12px; }
.ey-srow.r1{ grid-template-columns:repeat(4,1fr); }
.ey-srow.r1 .ey-field.wide{ grid-column:span 2; }
.ey-srow.r2{ grid-template-columns:repeat(4,1fr); }
.ey-field{ position:relative; display:flex; }
/* plain fields */
.ey-srow select, .ey-srow input{ border:1px solid var(--ey-line); border-radius:10px; padding:0 14px; height:54px; font-size:1.5rem; color:var(--ey-ink); background:#fff; outline:none; width:100%; }
/* icon fields: icon sits inline with and vertically centered to the text */
.ey-field.ic{ align-items:center; border:1px solid var(--ey-line); border-radius:10px; background:#fff; padding-left:14px; }
.ey-field.ic > i{ color:var(--ey-gold); font-size:1.5rem; margin-right:10px; flex:0 0 auto; line-height:1; }
.ey-field.ic select, .ey-field.ic input{ border:none; background:transparent; padding-left:0; height:52px; font-size:1.5rem; }
.ey-srow .ey-btn{ white-space:nowrap; width:100%; height:54px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 18px; }
@media (max-width:760px){ .ey-srow.r1,.ey-srow.r2{ grid-template-columns:1fr 1fr; } .ey-srow.r1 .ey-field.wide{ grid-column:1 / -1; } .ey-srow.r2 .ey-btn{ grid-column:1 / -1; } }
@media (max-width:460px){ .ey-srow.r1,.ey-srow.r2{ grid-template-columns:1fr; } }

/* ===== horizontal agency cards (Titanium style) ===== */
.ey-agency2{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--ey-line); border-radius:12px; padding:16px; text-decoration:none; transition:.2s; }
.ey-agency2:hover{ box-shadow:0 12px 28px rgba(107,58,26,.12); transform:translateY(-2px); }
.ey-agency2 .lg{ width:62px; height:62px; border:1px solid var(--ey-line); border-radius:10px; display:flex; align-items:center; justify-content:center; flex:0 0 62px; background:#fff; }
.ey-agency2 .lg img{ max-width:48px; max-height:48px; object-fit:contain; }
.ey-agency2 .inf b{ display:block; color:var(--ey-brown-dark); font-size:1.5rem; line-height:1.3; }
.ey-agency2 .inf .loc{ color:var(--ey-muted); font-size:1.5rem; display:flex; align-items:center; gap:5px; margin-top:4px; }
.ey-agency2 .inf .loc i{ color:var(--ey-gold); font-size:1.5rem; }
.ey-agency2 .inf .vap{ color:var(--ey-brown); font-weight:700; font-size:1.5rem; margin-top:6px; display:inline-block; }

/* vertically align nav with the (enlarged) logo */
#header-container .left-side{ display:flex !important; align-items:center; }
#header-container .left-side #logo{ float:none !important; margin-right:28px !important; }
#header-container .left-side #navigation{ float:none !important; margin-top:0 !important; }
#header-container .left-side #navigation.style-1{ margin-top:0 !important; }

/* pagination */
.ey-pager{ display:flex; align-items:center; justify-content:center; gap:16px; margin-top:40px; }
.ey-pager .pg{ padding:10px 20px; border:1px solid var(--ey-line); border-radius:10px; color:var(--ey-brown); font-weight:700; text-decoration:none; background:#fff; }
.ey-pager .pg:hover{ background:var(--ey-gold); color:var(--ey-brown-dark); border-color:var(--ey-gold); }
.ey-pager .pg.disabled{ color:#c9bcaa; cursor:default; }
.ey-pager .pg-info{ color:var(--ey-muted); font-size:1.5rem; }

/* single property */
.ey-single-hero{ height:420px; background-size:cover; background-position:center; border-radius:0; }
.ey-single-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:20px; flex-wrap:wrap; margin-bottom:24px; }
.ey-single-head h1{ font-size:2rem; color:var(--ey-brown-dark); margin:0 0 6px; }
.ey-single-head .loc{ color:var(--ey-muted); display:flex; align-items:center; gap:6px; font-size:1.5rem; }
.ey-single-head .loc i{ color:var(--ey-gold); font-size:1.5rem; }
.ey-price-badge{ background:var(--ey-brown); color:#fff; font-weight:800; font-size:1.5rem; padding:12px 22px; border-radius:12px; white-space:nowrap; }
.ey-facts{ display:grid; grid-template-columns:repeat(5,1fr); background:#fff; border:1px solid var(--ey-line); border-radius:14px; margin-bottom:26px; overflow:hidden; font-family:'Plus Jakarta Sans',sans-serif; }
.ey-facts .f{ display:flex; align-items:center; justify-content:center; gap:10px; font-size:1.5rem; font-weight:600; color:var(--ey-ink); padding:22px 10px; border-right:1px solid var(--ey-line); font-family:'Plus Jakarta Sans',sans-serif; }
.ey-facts .f:last-child{ border-right:none; }
.ey-facts .f i{ color:var(--ey-gold); font-size:1.8rem; }
@media (max-width:760px){ .ey-facts{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:480px){ .ey-facts{ grid-template-columns:1fr 1fr; } .ey-facts .f{ justify-content:flex-start; padding:16px 18px; } }
.ey-single-body{ display:grid; grid-template-columns:1fr 330px; gap:30px; }
.ey-desc h3{ color:var(--ey-brown-dark); font-size:1.5rem; margin:0 0 12px; }
.ey-desc p{ color:var(--ey-ink); font-size:1.5rem; line-height:1.8; }
.ey-side-card{ background:#fff; border:1px solid var(--ey-line); border-radius:14px; padding:24px; text-align:center; height:fit-content; }
.ey-side-card img{ height:60px; margin-bottom:12px; }
.ey-side-card h4{ color:var(--ey-brown-dark); margin:0 0 4px; font-size:1.5rem; }
.ey-side-card .loc{ color:var(--ey-muted); font-size:1.5rem; margin-bottom:16px; }
@media (max-width:860px){ .ey-single-body{ grid-template-columns:1fr; } }

/* force Jakarta Sans across the footer */
#footer, #footer *{ font-family:'Plus Jakarta Sans', -apple-system, "Segoe UI", Roboto, sans-serif !important; }

/* ===== rich single-property page ===== */
.ey-gallery{ display:grid; grid-template-columns:2fr 1fr; gap:12px; height:460px; margin-bottom:28px; }
.ey-gallery .main{ background-size:cover; background-position:center; border-radius:16px; position:relative; }
.ey-gallery .main .badges{ position:absolute; top:16px; left:16px; display:flex; gap:8px; }
.ey-gallery .side{ display:grid; grid-template-rows:1fr 1fr; gap:12px; }
.ey-gallery .side div{ background-size:cover; background-position:center; border-radius:16px; }
@media (max-width:760px){ .ey-gallery{ grid-template-columns:1fr; height:auto; } .ey-gallery .main{ height:260px; } .ey-gallery .side{ grid-template-columns:1fr 1fr; grid-template-rows:none; height:140px; } }

.ey-features{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px 24px; }
.ey-features .feat{ display:flex; align-items:center; gap:10px; font-size:1.5rem; color:var(--ey-ink); }
.ey-features .feat i{ color:var(--ey-gold); font-size:1.6rem; flex:0 0 auto; }
@media (max-width:620px){ .ey-features{ grid-template-columns:1fr 1fr; } }

.ey-block{ background:#fff; border:1px solid var(--ey-line); border-radius:14px; padding:26px 28px; margin-bottom:26px; }
.ey-block h3{ color:var(--ey-brown-dark); font-size:1.5rem; margin:0 0 16px; display:flex; align-items:center; gap:10px; }
.ey-block h3 i{ color:var(--ey-gold); font-size:1.7rem; }

.ey-location{ display:flex; align-items:center; gap:14px; font-size:1.5rem; color:var(--ey-ink); }
.ey-location i{ color:var(--ey-gold); font-size:2rem; }
.ey-location a{ margin-left:auto; color:var(--ey-brown); font-weight:700; text-decoration:none; white-space:nowrap; }
.ey-location a:hover{ color:var(--ey-gold); }

.ey-inquiry input, .ey-inquiry textarea{ width:100%; border:1px solid var(--ey-line); border-radius:10px; padding:13px 15px; margin-bottom:12px; font-size:1.5rem; font-family:inherit; color:var(--ey-ink); outline:none; background:#fff; }
.ey-inquiry textarea{ resize:vertical; min-height:110px; }
.ey-side-sticky{ position:sticky; top:20px; }

/* dummy map (location) */
.ey-map{ border:1px solid var(--ey-line); border-radius:14px; overflow:hidden; height:360px; }
.ey-map iframe{ width:100%; height:100%; border:0; display:block; }

/* min font 1.5rem */
body{ font-size:1.5rem !important; line-height:1.6; }

/* fix double-border on select fields: remove native chrome, single custom caret */
.ey-srow select, .ey-srow input, .ey-field.ic select, .ey-field.ic input{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.ey-field.ic select, .ey-field.ic input{ border:none !important; background-color:transparent !important; box-shadow:none !important; flex:1; width:100%; }
.ey-srow select, .ey-field.ic select{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b3a1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:38px;
}

/* add-listing form */
.ey-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:10px; }
.ey-form-grid label{ display:flex; flex-direction:column; gap:6px; font-weight:700; color:var(--ey-brown-dark); font-size:1.5rem; }
.ey-form-grid .full{ grid-column:1 / -1; }
.ey-form-grid input, .ey-form-grid select, .ey-form-grid textarea{ border:1px solid var(--ey-line); border-radius:10px; padding:12px 14px; font-size:1.5rem; font-family:inherit; color:var(--ey-ink); outline:none; background:#fff; font-weight:400; }
.ey-notice{ background:#eef9f0; border:1px solid #bfe6c6; color:#1a5c38; border-radius:10px; padding:14px 16px; margin-bottom:14px; font-weight:600; }
@media (max-width:620px){ .ey-form-grid{ grid-template-columns:1fr; } }

/* equal height: search/filter fields match the button */
.ey-srow .ey-field, .ey-srow .ey-field.ic{ height:58px; }
.ey-srow .ey-field.ic{ display:flex; align-items:center; }
.ey-srow select, .ey-srow input{ height:58px; }
.ey-field.ic select, .ey-field.ic input{ height:100% !important; }
.ey-srow .ey-btn{ height:58px; }

/* dropzone */
.ey-dropzone{ border:2px dashed var(--ey-gold) !important; border-radius:12px !important; background:#fffdf7 !important; min-height:150px; display:flex; align-items:center; justify-content:center; color:var(--ey-muted); font-size:1.5rem; padding:20px; }
.ey-dropzone .dz-message{ margin:0; color:var(--ey-brown); font-weight:600; }
.ey-dropzone .dz-preview .dz-image{ border-radius:10px; }

/* auth pages */
.ey-auth{ max-width:480px; margin:50px auto; background:#fff; border:1px solid var(--ey-line); border-radius:16px; padding:38px 36px; box-shadow:0 18px 50px rgba(107,58,26,.10); }
.ey-auth .logo{ text-align:center; margin-bottom:18px; }
.ey-auth .logo img{ height:92px; }
.ey-auth h2{ color:var(--ey-brown-dark); margin:0 0 6px; font-size:1.9rem; text-align:center; }
.ey-auth .sub{ text-align:center; color:var(--ey-muted); margin:0 0 26px; }
.ey-auth label{ display:block; font-weight:700; color:var(--ey-brown-dark); margin-bottom:6px; }
.ey-auth input[type=email],.ey-auth input[type=text],.ey-auth input[type=password]{ width:100%; border:1px solid var(--ey-line); border-radius:10px; padding:13px 15px; font-size:1.5rem; margin-bottom:16px; outline:none; font-family:inherit; color:var(--ey-ink); }
.ey-auth .ey-btn{ width:100%; }
.ey-auth .alt{ text-align:center; margin-top:20px; color:var(--ey-muted); }
.ey-auth .alt a{ color:var(--ey-brown); font-weight:700; text-decoration:none; }
.ey-auth .err{ display:flex; align-items:flex-start; gap:12px; background:#fff5f5; border:1px solid #f6cccc; color:#a83232; border-radius:12px; padding:15px 18px; margin-bottom:20px; line-height:1.5; font-weight:500; }
.ey-auth .err::before{ content:""; flex:0 0 auto; width:24px; height:24px; margin-top:1px; background:no-repeat center/contain url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23e05a5a'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z'/%3E%3C/svg%3E"); }
.ey-auth .err > div{ margin:0; }
.ey-remember{ display:flex !important; align-items:center; gap:10px; margin:2px 0 20px; color:var(--ey-muted); font-weight:500; font-size:1.3rem; cursor:pointer; }
.ey-remember input[type=checkbox]{ width:20px; height:20px; min-width:20px; margin:0; padding:0; accent-color:var(--ey-gold); cursor:pointer; flex:0 0 auto; }
/* dashboard */
.ey-dash-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.ey-dash-card{ background:#fff; border:1px solid var(--ey-line); border-radius:14px; padding:28px; text-decoration:none; color:inherit; transition:.2s; }
.ey-dash-card:hover{ box-shadow:0 14px 34px rgba(107,58,26,.12); transform:translateY(-3px); }
.ey-dash-card i{ font-size:2.6rem; color:var(--ey-gold); }
.ey-dash-card h3{ color:var(--ey-brown-dark); margin:12px 0 4px; }
.ey-dash-card p{ color:var(--ey-muted); margin:0; }
@media (max-width:760px){ .ey-dash-grid{ grid-template-columns:1fr; } }

/* vertically align header right-side (Log In / Register) with the logo */
#header-container .right-side{ display:flex !important; align-items:center; justify-content:flex-end; min-height:78px; }
#header-container .header-widget{ display:flex; align-items:center; gap:12px; margin:0; }
#header-container .header-widget .button{ margin:0; }

/* password eye toggle */
.ey-pass{ position:relative; margin-bottom:16px; }
.ey-pass input{ padding-right:50px !important; margin-bottom:0 !important; }
.ey-eye{ position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; cursor:pointer; color:var(--ey-muted); padding:6px; line-height:0; }
.ey-eye i{ font-size:1.7rem; }
.ey-eye:hover{ color:var(--ey-brown); }

/* ===== logged-in dashboard with sidebar ===== */
.ey-dash{ display:grid; grid-template-columns:290px 1fr; gap:30px; align-items:start; }
.ey-dash-side{ background:#fff; border:1px solid var(--ey-line); border-radius:16px; padding:24px; position:sticky; top:20px; }
.ey-dash-side .me{ text-align:center; padding-bottom:18px; border-bottom:1px solid var(--ey-line); margin-bottom:16px; }
.ey-dash-side .me .av{ width:88px; height:88px; border-radius:50%; margin:0 auto 12px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#fbeccb,#f6d992); }
.ey-dash-side .me .av img{ width:100%; height:100%; object-fit:cover; }
.ey-dash-side .me .av i{ font-size:3rem; color:var(--ey-brown); }
.ey-dash-side .me b{ display:block; color:var(--ey-brown-dark); }
.ey-dash-side .me span{ color:var(--ey-muted); font-size:1.3rem; }
.ey-dash-side nav a{ display:flex; align-items:center; gap:12px; padding:13px 15px; border-radius:10px; color:var(--ey-ink); text-decoration:none; font-weight:600; margin-bottom:4px; }
.ey-dash-side nav a i{ font-size:1.7rem; color:var(--ey-gold); }
.ey-dash-side nav a:hover{ background:var(--ey-bg); }
.ey-dash-side nav a.active{ background:#fbeccb; color:var(--ey-brown); }
.ey-dash-side nav a.active i{ color:var(--ey-brown); }
.ey-dash-side nav form{ margin:0; }
.ey-dash-side nav button.linkbtn{ width:100%; text-align:left; background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:12px; padding:13px 15px; border-radius:10px; color:#b23b3b; font-weight:600; font-family:inherit; }
.ey-dash-side nav button.linkbtn i{ font-size:1.7rem; color:#b23b3b; }
.ey-dash-side nav button.linkbtn:hover{ background:#fdeaea; }
/* dashboard content */
.ey-stat3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:28px; }
.ey-statbox{ background:#fff; border:1px solid var(--ey-line); border-radius:14px; padding:24px; }
.ey-statbox .n{ font-size:2.4rem; font-weight:800; color:var(--ey-brown-dark); }
.ey-statbox .l{ color:var(--ey-muted); }
.ey-table{ width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--ey-line); border-radius:14px; overflow:hidden; }
.ey-table th, .ey-table td{ text-align:left; padding:15px 16px; border-bottom:1px solid var(--ey-line); vertical-align:middle; }
.ey-table th{ background:var(--ey-bg); color:var(--ey-brown-dark); font-weight:700; }
.ey-table tr:last-child td{ border-bottom:none; }
.ey-table .thumb{ width:76px; height:56px; border-radius:8px; object-fit:cover; }
.ey-pill{ display:inline-block; padding:5px 12px; border-radius:20px; font-size:1.2rem; font-weight:700; }
.ey-pill.ok{ background:#eef9f0; color:#1a5c38; }
.ey-pill.muted{ background:#f0ece4; color:var(--ey-muted); }
.ey-prof{ background:#fff; border:1px solid var(--ey-line); border-radius:16px; padding:30px; max-width:620px; }
@media (max-width:860px){ .ey-dash{ grid-template-columns:1fr; } .ey-dash-side{ position:static; } .ey-stat3{ grid-template-columns:1fr; } }

/* dropzone full width */
#photo-dropzone.ey-dropzone{ width:100% !important; box-sizing:border-box; display:flex; align-items:center; justify-content:center; }
.ey-form-grid .full{ width:100%; min-width:0; }
.ey-dropzone .dz-message{ width:100%; text-align:center; }

/* circular border around header avatar / icon */
#header-container .user-menu .user-name span{ display:inline-flex !important; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; border:2px solid var(--ey-gold); background:#fff; overflow:hidden; }
#header-container .user-menu .user-name span img{ width:100%; height:100%; object-fit:cover; border-radius:50%; }
#header-container .user-menu .user-name span i{ font-size:1.5rem !important; }

/* dropzone upload icon */
.ey-dropzone .dz-message{ display:flex; flex-direction:column; align-items:center; gap:12px; }
.ey-dropzone .dz-message::before{
  content:""; width:52px; height:52px; display:block;
  background:no-repeat center/contain url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23e0a526'%3E%3Cpath d='M240,136v64a16,16,0,0,1-16,16H32a16,16,0,0,1-16-16V136a8,8,0,0,1,16,0v64H224V136a8,8,0,0,1,16,0ZM85.66,77.66,120,43.31V144a8,8,0,0,0,16,0V43.31l34.34,34.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,77.66Z'/%3E%3C/svg%3E");
}