/* ================================================
   MOBILE.CSS — Reguli responsive Agritrade Oltenia
   Încarcat după style.css.
   Ordinea blocurilor @media este identică cu cea din style.css.
   Nu adăuga reguli desktop aici.
   ================================================ */

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .qv-box{grid-template-columns:1fr;}
  .about-inner{grid-template-columns:1fr;gap:2.5rem;}
  .about-badge{left:0;bottom:-10px;}
}
@media(max-width:680px){
  .nav-inner{flex-wrap:wrap;gap:.6rem;}
  .nav-search{order:3;width:100%;}
  .cat-stripe-item{padding:8px 10px;font-size:.75rem;}
  .a-row{grid-template-columns:1fr;}

  .hero-body h1{font-size:clamp(2rem,9vw,3rem);}
  .hero-body p{font-size:.9rem;}
  .footer-top{flex-direction:column;gap:1.5rem;}
  .footer-col ul{display:grid;grid-template-columns:2fr 3fr;gap:.3rem;}
  .stats{flex-wrap:wrap;}
  .stat{min-width:33.333%;flex:1 1 33.333%;padding:.75rem .6rem;border-right:1px solid rgba(255,255,255,.08)!important;border-bottom:none!important;}
  .stat:last-child{border-right:none!important;}
  .stat-n{font-size:1.45rem;}
  .stat-l{font-size:.62rem;letter-spacing:.04em;}
  .locs-grid{grid-template-columns:1fr;}
  .prod-grid{grid-template-columns:1fr;gap:1.2rem;}
  .prod-img-wrap{aspect-ratio:1/1;}
  .top-bar{font-size:.7rem;gap:.5rem;}
  .top-right .top-right-fb{display:none;}
  .section{padding:50px 4%;}
}

/* ── PRODUCT DETAIL MODAL ── */
@media(max-width:680px){
  .pm-box{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:min(92vh,calc(100dvh - 2rem));max-height:min(92vh,calc(100dvh - 2rem));}
  .pm-img{padding:1rem;max-height:280px;overflow:hidden;}
  .pm-img img{height:auto;max-height:230px;width:100%;}
  .pm-info{max-height:none;}
  .pm-nut-grid{grid-template-columns:repeat(2,1fr);}
  .pm-nut-full-grid{grid-template-columns:1fr;}
}

/* ── QUICK-VIEW BTN: hidden on touch; small icon badge hints tap area ── */
@media(max-width:680px){
  .quick-view-btn{bottom:-40px;}
  .prod-img-wrap::after{
    content:'🔍';
    position:absolute;bottom:10px;right:10px;
    width:30px;height:30px;
    background:rgba(13,31,92,.72);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:.75rem;line-height:30px;text-align:center;
    pointer-events:none;
  }
}

/* ── TRUST STRIP ── */
@media(max-width:680px){
  .trust-strip{padding:.7rem 4%;}
  .trust-item{padding:.28rem .7rem;font-size:.75rem;}
  .trust-sep{display:none;}
}

/* ── CATEGORY SLIDER ── */
@media(max-width:680px){.cat-slide{height:100px;padding:1rem;}.cat-slide-emoji{font-size:3.5rem;}.cat-slide-title{font-size:1.1rem;}}

/* ── COOKIE BANNER ── */
@media(max-width:580px){
  .cookie-banner{padding:.8rem 4%;}
  .cookie-text{font-size:.78rem;}
  .cookie-btns{width:100%;}
  .cookie-btn-acc,.cookie-btn-rej{flex:1;text-align:center;}
}

/* ── CATEGORY HERO (product pages) ── */
@media(max-width:960px){
  .cat-hero-visual{display:none;}
  .cat-hero-content{padding:56px 5% 32px;}
}
@media(max-width:600px){
  .cat-hero{min-height:auto;}
  .cat-hero-content{padding:48px 5% 24px;}
}

/* ── RESPONSIVE DENSITY IMPROVEMENTS ── */
@media(max-width:768px){
  .about-wrap{padding:24px 4%;}
  .about-inner{grid-template-columns:1fr;gap:1.4rem;}
  .about-img{display:none;}
  .locs-wrap{padding:28px 4%;}
  .locs-grid{grid-template-columns:1fr;margin-top:1.4rem;}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;}
  .filters{margin-bottom:1.2rem;}
}
@media(max-width:480px){
  .order-pay-option{padding:10px 12px;font-size:.82rem;}
  .prod-grid{grid-template-columns:1fr;}
  .prod-body{padding:.8rem 1rem 1rem;}
  .prod-name{font-size:1.05rem;}
  .prod-price{font-size:1.4rem;}
  .cat-slide-emoji{display:none;}
  .cat-slide-content{max-width:100%;padding-right:.5rem;}
  .snav-logo-img{height:36px;padding:3px 8px;box-shadow:0 2px 8px rgba(0,0,0,.18);}
  .snav-inner{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;}
  .snav-icon-btn{padding:7px;}
  .snav-actions{gap:0;justify-self:end;}
  .snav-logo-wrap{position:static;left:auto;transform:none;justify-self:center;}
  .cat-hero-content{padding-top:72px;}
  .prod-price-row{flex-direction:column;align-items:stretch;gap:.5rem;}
  .add-btn{margin-top:0;width:100%;padding:13px 18px;font-size:.95rem;}
  .quick-view-btn{font-size:.78rem;}
}

/* ── POLISH MOBIL 360–430px ── */
@media(max-width:430px){
  /* Hero */
  .hero{min-height:520px;}
  .hero-title{font-size:clamp(2rem,9vw,3rem);}
  .hero-body{padding:4.5rem 5% 2.5rem;}
  .hero-actions{flex-direction:column;gap:.7rem;width:100%;}
  .btn-hero-primary,.btn-hero-ghost{width:100%;justify-content:center;text-align:center;}

  /* Stats */
  .stats{flex-wrap:wrap;}
  .stat{min-width:50%;flex:1 1 50%;border-right:none !important;border-bottom:1px solid rgba(255,255,255,.07) !important;}
  .stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.07) !important;}
  .stat-n{font-size:1.7rem;}
  .stat-l{font-size:.65rem;}

  /* Trust */
  .trust-sep{display:none;}
  .trust-strip-inner{gap:0;flex-wrap:wrap;}
  .trust-item{width:50%;padding:.3rem .7rem;font-size:.74rem;}

  /* Category hero */
  .cat-hero{min-height:auto;}
  .cat-hero-content{padding:60px 5% 40px;flex-direction:column;gap:1.5rem;}
  .cat-hero-title{font-size:clamp(2rem,8vw,2.8rem);}
  .cat-hero-visual{display:none;}

  /* Cards — 1 coloană garantat */
  .prod-grid{grid-template-columns:1fr !important;gap:1rem;}
  .prod-price{font-size:1.45rem;}
  .add-btn{width:auto;padding:10px 14px;font-size:.8rem;white-space:nowrap;}

  /* Coș */
  .cart-side{max-width:100vw;}
  .ci-img{width:52px;height:52px;}

  /* Order form */
  .order-field-row{grid-template-columns:1fr !important;}
  #orderOverlay .success-box{border-radius:var(--r-lg) !important;max-height:95vh;overflow-y:auto;}
  .order-modal-header{border-radius:var(--r-lg) var(--r-lg) 0 0;}
  .order-modal-body{padding:1.1rem 1.2rem;}

  /* Auth */
  .auth-box{border-radius:var(--r-lg);}
  .auth-body{padding:1.1rem 1rem 1rem;}
  .a-row{grid-template-columns:1fr;}

  /* Modale */
  .pm-box{border-radius:var(--r-lg);}
  .qv-box{border-radius:var(--r-lg);}
  .farm-box{border-radius:var(--r-lg);}
}

@media(max-width:360px){
  .hero-title{font-size:1.9rem;}
  .cat-hero-title{font-size:1.9rem;}
  .prod-grid{grid-template-columns:1fr !important;}
  .btn-hero-primary,.btn-hero-ghost{font-size:.82rem;padding:13px 20px;}
  .trust-item{width:100%;}
}

/* ── FOOTER MOBILE STACK ── */
@media(max-width:768px){
  footer > div:first-child{
    grid-template-columns:1fr 1fr !important;
    gap:1.5rem !important;
    padding:2rem 4% !important;
  }
}
@media(max-width:480px){
  footer > div:first-child{
    grid-template-columns:1fr !important;
    gap:1rem !important;
    padding:1.5rem 4% !important;
  }
}

/* ── TOAST RESPONSIVE ── */
@media(max-width:600px){
  .toast-container{bottom:0;left:0;right:0;padding:0 0 8px;align-items:stretch;}
  .toast{min-width:0;max-width:100%;border-radius:0;border-left-width:0;border-top:3px solid;}
  .toast--in{animation:toastInM .3s cubic-bezier(.34,1.56,.64,1) forwards;}
  .toast--out{animation:toastOutM .28s ease-in forwards;}
  @keyframes toastInM{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  @keyframes toastOutM{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}
}

/* ── LEAFLET ATTRIBUTION ── */
@media(max-width:768px){
  .leaflet-control-attribution{font-size:.5rem !important;max-width:50% !important;}
}

/* ── ADMIN DASHBOARD ── */
@media(max-width:768px){
  .sidebar{width:200px;}
  .main{margin-left:200px;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .detail-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
}

/* ── PROCESUL TEHNOLOGIC ── */
@media(max-width:900px){
  .proc-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .proc-wrap{padding:40px 4%;}
  .proc-img-wrap{aspect-ratio:16/6;margin-bottom:2rem;}
}
@media(max-width:480px){
  .proc-grid{grid-template-columns:1fr;}
  .proc-wrap{padding:32px 4%;}
  .proc-img-wrap{aspect-ratio:4/3;border-radius:10px;}
  .proc-head{margin-bottom:1.5rem;}
}

/* --- Formulare mobil --- */
@media(max-width:768px){
  .a-row{grid-template-columns:1fr;}
  .my-data-grid{grid-template-columns:1fr;}
  .detail-grid{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .o-row{grid-template-columns:1fr !important;}
  .order-field-row{grid-template-columns:1fr;}
  /* Modal comandă: ancorează la top și permite scroll vertical
     — fix pentru X-ul tăiat și conținut invizibil pe telefoane mici */
  #orderOverlay{
    align-items:flex-start;
    overflow-y:auto;
    padding:.5rem;
    box-sizing:border-box;
  }
}
@media(max-width:480px){
  .pay-row{flex-direction:column;}
  .pay-row label{flex:unset;}
  .auth-body{padding:1.2rem 1rem 1rem;}
}