/*
Theme Name: RANIOVO Edytowalny Final
Theme URI: https://raniovo.pl/
Author: OpenAI for RANIOVO
Description: Docelowy, w pełni edytowalny motyw blokowy RANIOVO. Treść strony głównej edytowana w Gutenbergie, nagłówek i stopka w Edytorze witryny.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: raniovo-editable
*/

:root {
  --raniovo-bg: #070e2f;
  --raniovo-bg-deep: #04091f;
  --raniovo-card: #0b1440;
  --raniovo-text: #f7f1e8;
  --raniovo-muted: #c8c6d4;
  --raniovo-pink: #ff2a8a;
  --raniovo-line: rgba(255,255,255,.10);
  --raniovo-radius: 24px;
}

html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at 12% 5%, rgba(25,49,122,.32), transparent 30%),
    radial-gradient(circle at 90% 8%, rgba(255,42,138,.09), transparent 24%),
    linear-gradient(180deg, var(--raniovo-bg) 0%, var(--raniovo-bg-deep) 100%);
}

.wp-site-blocks { overflow: clip; }
.raniovo-shell { width: min(calc(100% - 40px), 1240px); margin-inline: auto; }
.raniovo-header { position: sticky; top: 0; z-index: 50; background: rgba(4,9,31,.78); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.05); }
.raniovo-header .wp-block-navigation-item__content { font-size: .84rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.raniovo-header .wp-block-navigation-item__content:hover { color: var(--raniovo-pink); }
.raniovo-logo img { width: 190px !important; height: auto !important; }

.raniovo-home { color: var(--raniovo-text); }
.raniovo-section { padding-block: 34px; }
.raniovo-hero { padding-top: 52px; padding-bottom: 42px; }
.raniovo-hero-grid { gap: 36px; align-items: center; }
.raniovo-hero-copy { padding-block: 20px; }
.raniovo-hero-logo img { width: min(100%, 520px) !important; }
.raniovo-hero-title { font-size: clamp(2.25rem, 4.7vw, 4.25rem) !important; line-height: 1.02 !important; letter-spacing: -.035em; }
.raniovo-lead { color: var(--raniovo-muted); font-size: 1.08rem; max-width: 600px; }
.raniovo-hero-image img { min-height: 520px; object-fit: cover; border-radius: 30px; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 30px 90px rgba(0,0,0,.4); }

.raniovo-button .wp-block-button__link { border-radius: 999px; padding: 16px 28px; font-weight: 700; box-shadow: 0 12px 30px rgba(255,42,138,.25); }
.raniovo-button-outline .wp-block-button__link { border-radius: 999px; padding: 15px 27px; border: 1px solid rgba(255,255,255,.24); background: transparent; color: var(--raniovo-text); }

.raniovo-services { border: 1px solid rgba(255,255,255,.08); border-radius: var(--raniovo-radius); overflow: hidden; background: linear-gradient(180deg, rgba(11,20,64,.8), rgba(7,14,47,.9)); }
.raniovo-service { padding: 38px 30px 32px; min-height: 100%; }
.raniovo-service + .raniovo-service { border-left: 1px solid var(--raniovo-line); }
.raniovo-icon img { width: 62px !important; height: 62px !important; object-fit: contain; }
.raniovo-service p { color: var(--raniovo-muted); }
.raniovo-more { color: var(--raniovo-pink); font-weight: 700; }

.raniovo-about-grid { gap: 36px; align-items: center; }
.raniovo-eyebrow { color: var(--raniovo-pink); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: .86rem; }
.raniovo-about-copy p { color: var(--raniovo-muted); font-size: 1.04rem; }
.raniovo-about-image img { min-height: 420px; object-fit: cover; border-radius: 28px; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 28px 80px rgba(0,0,0,.35); }

.raniovo-portfolio-title { text-align: center; }
.raniovo-gallery { gap: 18px; }
.raniovo-work { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); min-height: 220px; }
.raniovo-work .wp-block-cover__image-background { transition: transform .35s ease; }
.raniovo-work:hover .wp-block-cover__image-background { transform: scale(1.04); }
.raniovo-work .wp-block-cover__background { background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.38)) !important; opacity: 1 !important; }
.raniovo-play img { width: 64px !important; height: 64px !important; }

.raniovo-cta { padding: 28px 34px; border-radius: 26px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(135deg, rgba(17,26,73,.98), rgba(12,18,52,.96)); box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.raniovo-cta-grid { gap: 24px; align-items: center; }
.raniovo-mail-icon img { width: 70px !important; height: 70px !important; }
.raniovo-cta p { color: var(--raniovo-muted); }

.raniovo-footer { border-top: 1px solid rgba(255,255,255,.08); background: rgba(3,8,26,.88); }
.raniovo-footer .wp-block-navigation-item__content { font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; }
.raniovo-footer-note { color: rgba(247,241,232,.68); font-size: .9rem; }

@media (max-width: 980px) {
  .raniovo-hero-grid,
  .raniovo-about-grid { flex-wrap: wrap !important; }
  .raniovo-hero-grid > .wp-block-column,
  .raniovo-about-grid > .wp-block-column { flex-basis: 100% !important; }
  .raniovo-service + .raniovo-service { border-left: 0; border-top: 1px solid var(--raniovo-line); }
  .raniovo-services { flex-wrap: wrap !important; }
  .raniovo-services > .wp-block-column { flex-basis: 100% !important; }
  .raniovo-gallery { flex-wrap: wrap !important; }
  .raniovo-gallery > .wp-block-column { flex-basis: calc(50% - 9px) !important; }
}

@media (max-width: 640px) {
  .raniovo-shell { width: min(calc(100% - 24px), 1240px); }
  .raniovo-header .wp-block-group { align-items: flex-start !important; }
  .raniovo-logo img { width: 154px !important; }
  .raniovo-hero-title { font-size: 2.2rem !important; }
  .raniovo-hero-image img { min-height: 320px; }
  .raniovo-gallery > .wp-block-column { flex-basis: 100% !important; }
  .raniovo-cta { padding: 24px 20px; }
}