/* MELKA Theme v2 - Manrope + spójne dopracowanie UI */
/* Plik nadpisuje wybrane elementy ze style.css. style.css zostaje bez zmian. */
/* Czcionka Manrope jest ładowana w header.php przez Google Fonts. */

:root{
  --melka-font:'Manrope', Arial, Helvetica, sans-serif;
  --melka-radius:14px;
  --melka-radius-sm:10px;
  --melka-shadow:0 8px 22px rgba(5,47,95,.06);
  --melka-shadow-hover:0 14px 32px rgba(5,47,95,.12);
}

html,
body,
button,
input,
textarea,
select{
  font-family:var(--melka-font)!important;
}

body{
  font-weight:400;
  letter-spacing:-0.01em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Czytelność treści */
.content,
.product-summary .content,
.product-long-description,
.lead,
.muted,
.footer,
.newsletter-note{
  line-height:1.65;
}

.content p,
.product-long-description p,
.lead p{
  margin-bottom:14px;
}

/* Nagłówki */
h1,h2,h3,h4,
.hero-photo h1,
.section h2,
.product-head h1,
.product-card .body h3,
.category-photo-card .category-photo span{
  font-family:var(--melka-font)!important;
  letter-spacing:-0.025em;
}

h1,
.hero-photo h1,
.product-head h1{
  font-weight:800!important;
}

h2,
.section h2{
  font-weight:800!important;
}

h3,
.product-card .body h3{
  font-weight:700!important;
}

/* Menu i elementy klikalne */
.modern-menu a,
.site-header .lang a,
.btn,
.pill,
.back-btn{
  font-family:var(--melka-font)!important;
  font-weight:800!important;
  letter-spacing:-0.01em;
}

.modern-menu a{
  letter-spacing:.005em!important;
}

/* Przyciski */
.btn,
button.btn,
.back-btn{
  border-radius:9px!important;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.btn:hover,
.back-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(5,47,95,.14);
}

.btn.red:hover{
  filter:brightness(.96);
}

.btn.outline:hover{
  box-shadow:0 8px 18px rgba(5,47,95,.12);
}

/* Formularze */
input,
textarea,
select,
.form input,
.form textarea,
.form select,
.inquiry-box input,
.inquiry-box textarea,
.newsletter input[type=email]{
  font-family:var(--melka-font)!important;
  border-radius:var(--melka-radius-sm)!important;
  transition:border-color .18s ease, box-shadow .18s ease;
}

input:focus,
textarea:focus,
select:focus,
.form input:focus,
.form textarea:focus,
.form select:focus,
.inquiry-box input:focus,
.inquiry-box textarea:focus{
  outline:none!important;
  border-color:#004b8d!important;
  box-shadow:0 0 0 3px rgba(0,75,141,.12)!important;
}

/* Kafelki produktów */
.product-card .body h3,
.catalog-products .product-card .body h3,
.featured-slide.product-card .body h3{
  font-size:18px!important;
  line-height:1.25!important;
  letter-spacing:-0.02em!important;
}

.product-code-small{
  font-weight:800!important;
  letter-spacing:.015em!important;
}

.product-card,
.catalog-products .product-card,
.featured-slide.product-card,
.product-summary,
.product-long-description,
.contact-card,
.card{
  border-radius:var(--melka-radius)!important;
}

/* Kafelki kategorii */
.category-photo-card .category-desc-only p{
  line-height:1.5!important;
  letter-spacing:-0.015em;
}

/* Stopka */
.footer{
  letter-spacing:-0.01em;
}

.footer h3{
  font-weight:800;
  letter-spacing:-0.02em;
}

/* Panel administratora */
.admin-layout,
.admin-main,
.sidebar,
.table,
.form{
  font-family:var(--melka-font)!important;
}

.sidebar a{
  font-weight:700;
  letter-spacing:-0.01em;
}

.table th{
  font-weight:800;
}

/* Drobne wygładzenie */
.card,
.product-card,
.product-summary,
.product-long-description,
.form,
.notice{
  box-shadow:var(--melka-shadow);
}

/* Tabele i opisy */
.table,
.content table,
.product-long-description table{
  letter-spacing:-0.005em;
}

/* Mobile */
@media(max-width:700px){
  body{
    letter-spacing:-0.005em;
  }

  .hero-photo h1{
    letter-spacing:-0.02em!important;
  }

  .product-card .body h3,
  .catalog-products .product-card .body h3{
    font-size:17px!important;
  }
}