/* RoCarvio · corecții reale pentru cont pe telefon · 01.08.2026 */

/* Un atribut hidden trebuie să câștige întotdeauna în fața regulilor flex/grid.
   Previne apariția inputului nativ „Alegeți fișierul” și a butoanelor inactive. */
.account-page [hidden],
.account-page input[type="file"][hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  body.account-page {
    overflow-x: hidden;
  }

  .account-main {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    margin: var(--rc-space-7) auto 64px !important;
  }

  .account-heading {
    min-height: 0 !important;
    padding: var(--rc-space-6) !important;
    border-radius: 17px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--rc-space-5) !important;
    overflow: hidden !important;
  }

  .account-heading-copy {
    display: none !important;
  }

  .account-heading-image {
    display: flex !important;
    min-height: 150px !important;
    height: auto !important;
  }

  .profile-in-hero,
  .dealer-account-mode .dealer-profile-in-hero {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 2px 0 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto !important;
    align-items: center !important;
    align-content: start !important;
    justify-content: stretch !important;
    gap: 3px var(--rc-space-5) !important;
    text-align: left !important;
  }

  .profile-in-hero .account-avatar,
  .dealer-account-mode .dealer-profile-in-hero .account-avatar {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    flex: 0 0 74px !important;
    margin: 0 !important;
    padding: 5px !important;
    border-radius: 17px !important;
    overflow: hidden !important;
  }

  .profile-in-hero .account-avatar img,
  .dealer-account-mode .dealer-profile-in-hero .account-avatar img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 11px !important;
    object-fit: cover !important;
    transform-origin: center !important;
  }

  .profile-in-hero h2,
  .dealer-account-mode .dealer-profile-in-hero h2 {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(20px, 6vw, 24px) !important;
    line-height: var(--rc-leading-tight) !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  .profile-in-hero > p,
  .dealer-account-mode .dealer-profile-in-hero > p {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: #a6a6a6 !important;
    font-size: var(--rc-text-sm) !important;
    line-height: 1.45 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  .profile-in-hero > span,
  .dealer-account-mode .dealer-profile-in-hero > span {
    grid-column: 2 !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 3px 0 0 !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    font-size: var(--rc-text-2xs) !important;
    line-height: 1.35 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  .profile-in-hero .account-photo-actions,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: var(--rc-space-5) 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--rc-space-3) !important;
  }

  .profile-in-hero .account-photo-actions > :not([hidden]),
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions > :not([hidden]) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px var(--rc-space-3) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: var(--rc-text-body-sm) !important;
    line-height: var(--rc-leading-snug) !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }

  /* Acțiunile secundare nu mai ocupă jumătate de ecran fiecare. */
  #removeProfilePhoto {
    min-height: 38px !important;
    border-color: #3c4145 !important;
    background: transparent !important;
    color: #b3b8bc !important;
  }

  #openDealerBranding,
  #openAccountSettings,
  #openAdminPanel,
  #dealerPublishButton {
    border-color: #d4af37 !important;
    background: #d4af37 !important;
    color: #111 !important;
  }

  .account-photo-feedback {
    grid-column: 1 / -1 !important;
    margin-top: var(--rc-space-3) !important;
    font-size: var(--rc-text-xs) !important;
  }

  .account-heading-actions {
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--rc-space-3) !important;
  }

  .account-heading-actions button:not([hidden]) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: var(--rc-space-4) !important;
    border-radius: 10px !important;
    font-size: var(--rc-text-sm) !important;
    line-height: 1.25 !important;
  }

  .account-heading-actions #dealerPublishButton,
  .account-heading-actions #promoteButton,
  .account-heading-actions #logoutButton {
    grid-column: 1 / -1 !important;
  }

  .account-control-nav {
    position: sticky !important;
    top: 76px !important;
    z-index: 150 !important;
    width: 100% !important;
    margin: var(--rc-space-4) 0 0 !important;
    padding: var(--rc-space-2) !important;
    gap: var(--rc-space-2) !important;
    border-radius: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none !important;
  }

  .account-control-nav::-webkit-scrollbar {
    display: none !important;
  }

  .account-control-nav a {
    flex: 0 0 auto !important;
    min-width: 104px !important;
    min-height: 40px !important;
    padding: 0 var(--rc-space-5) !important;
    border-radius: 8px !important;
    font-size: var(--rc-text-body-sm) !important;
    white-space: nowrap !important;
  }

  .account-layout {
    margin-top: var(--rc-space-5) !important;
  }

  /* Programările sunt închise implicit și se deschid doar prin buton. */
  .dealer-leads {
    margin: var(--rc-space-7) 0 !important;
    padding: var(--rc-space-4) !important;
    border-radius: 14px !important;
  }

  .dealer-leads-mobile-toggle {
    display: flex !important;
  }

  .dealer-leads-mobile-body {
    display: none !important;
  }

  .dealer-leads.mobile-open .dealer-leads-mobile-body:not([hidden]) {
    display: block !important;
  }

  .dealer-leads-mobile-toggle > b {
    min-width: 70px !important;
    white-space: nowrap !important;
  }

  .dealer-account-panel,
  .account-listings,
  .account-alerts-section,
  .account-site-feedback {
    overflow: hidden !important;
  }
}

@media (max-width: 390px) {
  .account-main {
    width: calc(100% - 14px) !important;
  }

  .account-heading {
    padding: 11px !important;
  }

  .profile-in-hero .account-photo-actions,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions,
  .account-heading-actions {
    gap: 7px !important;
  }

  .profile-in-hero .account-photo-actions > :not([hidden]),
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions > :not([hidden]) {
    padding-inline: 6px !important;
    font-size: var(--rc-text-xs) !important;
  }
}

/* 01.08.2026 · meniu dealer compact, uniform și pliabil */
@media (max-width:760px){
  .profile-in-hero,
  .dealer-account-mode .dealer-profile-in-hero{
    grid-template-columns:74px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto!important;
    padding-bottom:0!important;
  }
  .profile-in-hero .account-avatar,
  .dealer-account-mode .dealer-profile-in-hero .account-avatar{
    grid-row:1 / span 2!important;
  }
  .profile-in-hero>span,
  .dealer-account-mode .dealer-profile-in-hero>span{
    grid-column:1 / -1!important;
    width:100%!important;
    margin-top:9px!important;
    padding:7px var(--rc-space-4)!important;
    text-align:center!important;
    justify-self:stretch!important;
  }
  .account-mobile-actions-toggle{
    grid-column:1 / -1 !important;
    width:100%!important;
    min-height:48px!important;
    margin:var(--rc-space-4) 0 0 !important;
    padding:0 var(--rc-space-6) !important;
    border:1px solid rgba(212,175,55,.58) !important;
    border-radius:11px !important;
    background:rgba(212,175,55,.08) !important;
    color:#ead16f !important;
    display:flex!important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:var(--rc-space-5) !important;
    font:700 11px Poppins,sans-serif !important;
    text-align:left !important;
  }
  .account-mobile-actions-toggle b{
    width:27px;
    height:27px;
    flex:0 0 27px;
    border-radius:50%;
    background:#d4af37;
    color:#111;
    display:grid;
    place-items:center;
    font-size:var(--rc-text-base);
    line-height:1;
  }
  .profile-in-hero .account-photo-actions,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions{
    display:none!important;
  }
  .profile-in-hero.mobile-actions-open .account-photo-actions,
  .dealer-account-mode .dealer-profile-in-hero.mobile-actions-open .account-photo-actions{
    grid-column:1 / -1!important;
    width:100%!important;
    margin:var(--rc-space-3) 0 0!important;
    padding:9px!important;
    border:1px solid #2e3439!important;
    border-radius:12px!important;
    background:#0d1114!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .profile-in-hero .account-photo-actions>:not([hidden]),
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions>:not([hidden]){
    width:100%!important;
    min-height:47px!important;
    padding:var(--rc-space-4) var(--rc-space-5)!important;
    border:1px solid #394147!important;
    border-radius:9px!important;
    background:#181d21!important;
    color:#eef0f1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:var(--rc-text-body-sm)!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  .profile-in-hero .account-photo-actions #profilePhotoLabel,
  .profile-in-hero .account-photo-actions #editProfilePhoto,
  .profile-in-hero .account-photo-actions #openDealerBranding,
  .profile-in-hero .account-photo-actions #openAccountSettings,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions #profilePhotoLabel,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions #editProfilePhoto,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions #openDealerBranding,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions #openAccountSettings{
    border-color:rgba(212,175,55,.55)!important;
    background:rgba(212,175,55,.07)!important;
    color:#e8ce6b!important;
  }
  .profile-in-hero .account-photo-actions .account-photo-requirements,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions .account-photo-requirements{
    min-height:0!important;
    padding:5px var(--rc-space-1) 1px!important;
    border:0!important;
    background:transparent!important;
    color:#8d969c!important;
    display:block!important;
    font-size:var(--rc-text-2xs) !important;
    line-height:1.55!important;
    text-align:left!important;
  }
  .account-heading-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:var(--rc-space-3) !important;
  }
  .account-heading-actions #dealerPublishButton,
  .account-heading-actions #promoteButton,
  .account-heading-actions #logoutButton{
    grid-column:auto !important;
    min-height:48px !important;
    border-radius:10px !important;
    font-size:var(--rc-text-body-sm) !important;
  }
  .account-heading-actions #logoutButton{
    border:1px solid #3b4247 !important;
    background:#171b1f !important;
    color:#eef0f1!important;
  }
  .account-heading-actions #dealerPublishButton,
  .account-heading-actions #promoteButton{
    border:1px solid #d4af37 !important;
    background:#d4af37 !important;
    color:#111!important;
  }
  .account-control-nav a{
    min-width:112px !important;
    min-height:42px !important;
  }
}
@media(max-width:350px){
  .account-heading-actions{grid-template-columns:1fr!important}
}