/*
  FerboPolska – DESZCZOWNIA (front)
  Mobile tweaks so deszczownia pages look like the rest of the website.
  (admin folder intentionally excluded)
*/

/* Use the same “rounded / soft / blue” vibe as main pages */
.btn{
  border-radius:999px;
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 12px 26px rgba(59,130,246,.22);
}
.btn:hover{ box-shadow: 0 14px 32px rgba(59,130,246,.26); }

.btn-outline{
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(59,130,246,.22);
}
.btn-outline:hover{ background: rgba(59,130,246,.06); }

.input-wrap,
.nomatch-form input,
.nomatch-form textarea,
select,input,textarea{
  border-radius:16px;
}

/* --- Mobile --- */
@media (max-width: 768px){
  /* Header spacer is already added by /includes/header.php (h-20). On mobile,
     reduce extra vertical padding inside deszczownia pages. */
  .wrap{
    padding: 14px 16px 48px !important;
  }

  /* Typography closer to main site on phone */
  .page-title,
  .hero-bigtitle,
  .hero-title{
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: -.6px !important;
  }
  .hero-text,
  .filters-sub,
  .empty-desc{
    font-size: 14px !important;
  }

  /* Cards spacing/radius like main mobile cards */
  .hero-card,
  .systems-panel,
  .systems-filters,
  .config-shell,
  .empty-state{
    border-radius: 22px !important;
  }
  .hero-card{ padding: 16px !important; }
  .systems-panel{ padding: 14px !important; }
  .systems-filters{ padding: 14px !important; }
  .config-shell{ padding: 14px !important; }

  /* Buttons: full width in action rows */
  .filter-actions{ display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }
  .btnrow{ gap: 10px !important; }
  .btnrow .btn,
  .filter-actions .btn,
  .navrow .btn{ width: 100% !important; }

  /* Model tiles: align like product cards on mobile */
  .tiles{ grid-template-columns: 1fr !important; gap: 12px !important; }
  .tile-btn{ padding: 14px !important; border-radius: 22px !important; min-height: 92px !important; }
  .tile-btn .thumb{ width: 72px !important; height: 72px !important; border-radius: 18px !important; }
  .tile-btn .tlabel{ font-size: 16px !important; }
  .tile-sub{ font-size: 12px !important; }

  /* Forms: one column always */
  .row{ grid-template-columns: 1fr !important; }
}