/*
Theme Name: Envo Royal – Serwis Komputerowy
Theme URI: https://komputerowe-uslugi.pl/
Description: Motyw potomny Envo Royal przygotowany dla serwisu komputerowego Wojciecha Kornela.
Author: OpenAI
Template: envo-royal
Version: 1.0.0
Text Domain: envo-royal-serwis
*/

/* Paleta i ustawienia ogólne */
:root {
  --serwis-navy: #102746;
  --serwis-blue: #0878c9;
  --serwis-blue-dark: #075b99;
  --serwis-ice: #eef5fb;
  --serwis-text: #263648;
  --serwis-muted: #617286;
  --serwis-border: #dce6ef;
  --serwis-radius: 14px;
  --serwis-shadow: 0 10px 30px rgba(16, 39, 70, .09);
}

html { scroll-behavior: smooth; }
body {
  color: var(--serwis-text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.65;
}
a { color: var(--serwis-blue); }
a:hover, a:focus { color: var(--serwis-blue-dark); }

h1, h2, h3, h4, h5, h6 {
  color: var(--serwis-navy);
  font-weight: 750;
  line-height: 1.2;
}
button, input[type="button"], input[type="submit"], .button, .wp-block-button__link {
  border-radius: 8px;
  font-weight: 700;
}
input, textarea, select {
  border-radius: 8px;
  border-color: var(--serwis-border);
}

/* Nagłówek i menu */
.site-header, .site-branding, .navbar, .main-navigation {
  border-color: var(--serwis-border);
}
.site-title a { color: var(--serwis-navy); font-weight: 800; }
.site-description { color: var(--serwis-muted); }
.main-navigation a, .navbar a {
  font-weight: 650;
}
.main-navigation a:hover, .main-navigation .current-menu-item > a {
  color: var(--serwis-blue);
}

/* Przyciski */
button, input[type="button"], input[type="submit"],
.wp-block-button__link, a.button, .btn {
  background: var(--serwis-blue);
  border-color: var(--serwis-blue);
  color: #fff;
  transition: background .18s ease, transform .18s ease;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover,
.wp-block-button__link:hover, a.button:hover, .btn:hover {
  background: var(--serwis-blue-dark);
  border-color: var(--serwis-blue-dark);
  color: #fff;
  transform: translateY(-1px);
}

/* Karty, wpisy i obszary treści */
article, .post, .page, .widget, .wp-block-group.is-style-serwis-card {
  border-radius: var(--serwis-radius);
}
.post, .page {
  border-color: var(--serwis-border);
}
.widget {
  padding: 20px;
  border: 1px solid var(--serwis-border);
  box-shadow: 0 5px 18px rgba(16,39,70,.045);
}
.entry-title a { color: var(--serwis-navy); }
.entry-content a:not(.wp-block-button__link) { text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* Bloki Gutenberga – estetyka serwisu */
.wp-block-cover, .wp-block-group.has-background {
  border-radius: var(--serwis-radius);
  overflow: hidden;
}
.wp-block-columns { gap: 24px; }
.wp-block-column {
  min-width: 0;
}
.wp-block-image img { border-radius: 12px; }
.wp-block-separator { border-color: var(--serwis-border); }

/* Stopka */
.site-footer, .footer-widgets {
  background: var(--serwis-navy);
  color: #eaf2fa;
}
.site-footer h2, .site-footer h3, .site-footer h4,
.site-footer a, .footer-widgets a { color: #fff; }
.site-footer a:hover, .footer-widgets a:hover { color: #8fd0ff; }

/* Drobne poprawki responsywne */
@media (max-width: 767px) {
  body { font-size: 16px; }
  h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
  h2 { font-size: clamp(1.55rem, 6vw, 2rem); }
  .wp-block-columns { gap: 16px; }
  .widget { padding: 16px; }
}