/*
Theme Name: RentoCar – Czarno-Czerwony (Naprawiony)
Theme URI: https://example.com/
Author: OpenAI
Description: Edytowalny motyw blokowy WordPress dla wypożyczalni samochodów. Czerń, czerwień i biel.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: rentocar
*/
:root {
  --rc-black: #090909;
  --rc-dark: #151515;
  --rc-red: #ed1c24;
  --rc-white: #ffffff;
  --rc-gray: #b8b8b8;
}
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #171717; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
.wp-site-blocks { overflow: hidden; }
.rc-header { background: #080808; color: white; border-bottom: 2px solid var(--rc-red); padding: 16px 4vw; }
.rc-header-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1280px; margin:auto; }
.rc-logo { font-size:27px; font-weight:900; font-style:italic; letter-spacing:-1px; color:white; line-height:1; }
.rc-logo span { color:var(--rc-red); }
.rc-tagline { font-size:9px; text-transform:uppercase; letter-spacing:1.5px; color:#aaa; display:block; margin-top:5px; font-style:normal; }
.rc-nav { display:flex; flex-wrap:wrap; gap:16px; align-items:center; font-size:12px; }
.rc-nav a { color:#f4f4f4; }
.rc-nav a:hover { color:var(--rc-red); }
.rc-button, .wp-block-button__link { background:var(--rc-red)!important; color:white!important; border-radius:3px!important; font-weight:800!important; padding:13px 20px!important; border:0; }
.rc-button:hover, .wp-block-button__link:hover { background:#c90e15!important; }
.rc-hero { background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.62)),linear-gradient(135deg,#292929,#080808); color:white; padding:85px 5vw; }
.rc-hero-inner { max-width:1180px; margin:auto; }
.rc-kicker { color:var(--rc-red); text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:800; }
.rc-hero h1 { font-size:clamp(38px,5vw,68px); line-height:1.02; max-width:760px; margin:15px 0; letter-spacing:-1.5px; }
.rc-hero p { color:#d7d7d7; max-width:600px; line-height:1.7; }
.rc-section { padding:55px 5vw; }
.rc-section-inner { max-width:1180px; margin:auto; }
.rc-section-dark { background:#101010; color:#fff; }
.rc-section-dark p { color:#c7c7c7; }
.rc-section h2 { font-size:clamp(28px,3vw,42px); margin:0 0 14px; letter-spacing:-.8px; }
.rc-red { color:var(--rc-red); }
.rc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.rc-card { border:1px solid #e7e7e7; background:white; color:#151515; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.07); }
.rc-card-dark { border-color:#292929; background:#181818; color:white; }
.rc-car-art { min-height:145px; background:linear-gradient(135deg,#333,#090909 65%,#5b080b); display:flex; align-items:end; padding:20px; color:white; font-size:26px; font-weight:900; }
.rc-card-content { padding:22px; }
.rc-card-content h3 { margin:0 0 8px; font-size:20px; }
.rc-price { color:var(--rc-red); font-size:22px; font-weight:900; margin:12px 0; }
.rc-muted { color:#777; }
.rc-feature { padding:22px; border-left:3px solid var(--rc-red); background:#f5f5f5; }
.rc-section-dark .rc-feature { background:#191919; }
.rc-banner { background:linear-gradient(100deg,#090909,#252525); color:#fff; padding:35px; border-left:5px solid var(--rc-red); }
.rc-banner h2 { margin-bottom:8px; }
.rc-form { display:grid; gap:14px; max-width:700px; }
.rc-form input,.rc-form select,.rc-form textarea { width:100%; box-sizing:border-box; padding:13px; border:1px solid #ccc; border-radius:3px; font:inherit; }
.rc-form label { display:block; font-weight:700; margin-bottom:6px; }
.rc-footer { background:#080808; color:white; padding:35px 5vw 20px; border-top:2px solid var(--rc-red); }
.rc-footer-inner { max-width:1180px; margin:auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:30px; }
.rc-footer p,.rc-footer a { color:#aaa; font-size:13px; line-height:1.8; }
.rc-footer h3 { color:white; font-size:14px; }
.rc-small { border-top:1px solid #292929; margin-top:25px; padding-top:15px; color:#888; font-size:11px; }
.rc-two-col { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }
.rc-list li { margin:10px 0; line-height:1.6; }
@media (max-width:800px) {
 .rc-header-inner { align-items:flex-start; flex-direction:column; }
 .rc-nav { gap:12px; }
 .rc-grid { grid-template-columns:1fr; }
 .rc-two-col,.rc-footer-inner { grid-template-columns:1fr; }
 .rc-hero { padding:60px 6vw; }
}