/*
Theme Name: Reklamazplexi Child
Theme URI: https://reklamazplexi.pl
Author: Reklamazplexi.pl
Author URI: https://reklamazplexi.pl
Description: Child theme Astra dla reklamazplexi.pl — litery 3D i logo przestrzenne z plexi. Paleta brandowa (granat + koral + złote halo). Producent reklamy od 1995.
Template: astra
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reklamazplexi
Domain Path: /languages
Tags: custom-colors, custom-logo, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready
*/

/* ─── Reset & base ─────────────────────────────────────────────────── */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:'Inter',sans-serif;color:#14163A;background:#fff;-webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:inherit;}

/* ─── Astra overrides ───────────────────────────────────────────────── */
.ast-container{max-width:1240px !important;}
.ast-page-builder-template .entry-content,.ast-plain-container .entry-content{padding:0;}
#masthead,.ast-header-wrap{display:none;}/* our sticky header replaces Astra's */
#ast-fixed-header{display:none !important;}
.ast-footer-overlay,#colophon{display:none;}/* our footer.php replaces Astra's */

/* ─── Keyframes ─────────────────────────────────────────────────────── */
@keyframes brandShimmer{to{background-position:200% center;}}
@keyframes haloPulse{0%,100%{opacity:.8;transform:scale(1);}50%{opacity:1;transform:scale(1.06);}}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

/* ─── Hover states ──────────────────────────────────────────────────── */
header nav a:not([data-cta]):hover{color:#F9B731 !important;transform:translateY(-2px);}
[data-cta]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(249,183,49,.45);}
[data-card]:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,14,53,.14),0 2px 0 rgba(240,81,57,.55) !important;}
.rzp-real:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(13,14,53,.12);}
.rzp-filter:hover{filter:brightness(.98);}

/* ─── Hamburger ─────────────────────────────────────────────────────── */
.rzp-burger{display:none;cursor:pointer;background:none;border:none;color:#fff;font-size:26px;padding:4px 8px;line-height:1;flex-shrink:0;}

/* ─── Focus visibility (keyboard nav) ──────────────────────────────── */
header nav a:focus-visible,
.rzp-burger:focus-visible,
[data-cta]:focus-visible{outline:2px solid #F9B731;outline-offset:2px;border-radius:4px;}

/* ─── WP nav menu ───────────────────────────────────────────────────── */
header .rzp-nav-items{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
header .rzp-nav-items li{list-style:none;}
header .rzp-nav-items>li>a{font:500 15px/1 'Inter',sans-serif;color:rgba(255,255,255,.82);text-decoration:none;white-space:nowrap;transition:color .25s ease,transform .25s ease;}
header .rzp-nav-items>li>a:hover{color:#F9B731;}
header .rzp-nav-items>li.current-menu-item>a{color:#F9B731;border-bottom:2px solid #F9B731;padding-bottom:2px;}

/* ─── Cookie banner ─────────────────────────────────────────────────── */

/* ─── Responsive ────────────────────────────────────────────────────── */
@media(max-width:1024px){
  .rzp-burger{display:block !important;}
  header nav.rzp-open{display:flex !important;flex-direction:column !important;position:fixed !important;top:52px !important;left:0 !important;right:0 !important;background:#0D0E35 !important;padding:20px !important;gap:16px !important;z-index:200 !important;border-bottom:2px solid #F05139 !important;}
  header nav.rzp-open a[style]{display:block !important;}
  header nav a[style*="rgba(255,255,255,.82)"]{display:none !important;}
  header[style]{flex-wrap:wrap !important;gap:10px 16px !important;}
  h1{font-size:38px !important;line-height:1.08 !important;}
  h2{font-size:28px !important;}
}
@media(max-width:880px){
  [style*="grid-template-columns:1.04fr 0.96fr"],
  [style*="grid-template-columns:0.85fr 1.15fr"],
  [style*="grid-template-columns:0.9fr 1.1fr"],
  [style*="grid-template-columns:1fr 1.5fr"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns:repeat(4, 1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important;}
  [style*="grid-template-columns:repeat(3, 1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns:1.5fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important;}
  [style*="padding:96px 20px"]{padding:56px 18px !important;}
  [style*="padding:80px 20px"]{padding:48px 18px !important;}
}
@media(max-width:560px){
  [style*="grid-template-columns:repeat(4, 1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns:1.5fr 1fr 1fr 1fr"]{grid-template-columns:1fr !important;}
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;}
  h1{font-size:30px !important;}
  h2{font-size:23px !important;}
}
/* ─── Realizacje/card text safety (prevents tag/title clipping on narrow cards) ── */
[style*="text-transform:uppercase"]{overflow-wrap:break-word;word-break:break-word;}
h3[style*="Space Grotesk"]{overflow-wrap:break-word;word-break:break-word;}
@media(prefers-reduced-motion:reduce){*{animation:none !important;}}

/* --- ROZ-RZP-01: halo + depth-3D signature -- rewive dead style-hover cards, extend depth-3d + spectrum-edge to flat static cards sitewide (CSS-only, no HTML edits) --- */
[style-hover],
[style*="rgba(13,14,53,.06)"]:not([data-card]),
[style*="rgba(13,14,53,.07)"]:not([data-card]),
[style*="rgba(13,14,53,.10)"]:not([data-card]),
[style*="rgba(13,14,53,.12)"]:not([data-card]){transition:transform .3s ease,box-shadow .3s ease;}
[style-hover]:hover,
[style*="rgba(13,14,53,.06)"]:not([data-card]):hover,
[style*="rgba(13,14,53,.07)"]:not([data-card]):hover,
[style*="rgba(13,14,53,.10)"]:not([data-card]):hover,
[style*="rgba(13,14,53,.12)"]:not([data-card]):hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,14,53,.16),0 2px 0 rgba(240,81,57,.55) !important;}
@media(prefers-reduced-motion:reduce){
  [style-hover]:hover,
  [style*="rgba(13,14,53,.06)"]:hover,
  [style*="rgba(13,14,53,.07)"]:hover,
  [style*="rgba(13,14,53,.10)"]:hover,
  [style*="rgba(13,14,53,.12)"]:hover{transform:none;}
}


/* ─── Homepage brief Turnstile & dark theme overrides ──────────────── */
#brief .fluentform .ff-el-input--label label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500;
}
#brief .fluentform .ff-el-form-check label {
  color: rgba(255, 255, 255, 0.8) !important;
}
#brief .fluentform .ff_uploads_file_list {
  color: rgba(255, 255, 255, 0.8) !important;
}
#brief .fluentform .ff-message-success {
  color: #10B981 !important;
  background: rgba(16, 185, 129, 0.1) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
}
#brief .fluentform .cf-turnstile {
  margin-top: 8px;
  margin-bottom: 8px;
}



/* --- KLASTER 4: 3D LIGHT STUDIO (SYNE + DM SANS, DARK & CRIMSON) --- */
:root {
  --rzp-crimson: #E11D48;
  --rzp-crimson-hover: #BE123C;
  --rzp-dark: #09090B;
  --rzp-surface: #18181B;
  --rzp-font-head: 'Syne', sans-serif;
  --rzp-font-body: 'DM Sans', sans-serif;
}
body { font-family: var(--rzp-font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--rzp-font-head); font-weight: 700; }
.rzp-btn-glow { background: var(--rzp-crimson); color: #fff; border-radius: 10px; padding: 14px 28px; font-weight: 700; display: inline-block; text-decoration: none; box-shadow: 0 4px 14px rgba(225,29,72,0.35); transition: all 0.2s; }
.rzp-btn-glow:hover { background: var(--rzp-crimson-hover); color: #fff; transform: translateY(-2px); }
.rzp-tech-card { background: #FAF5FF; border: 1px solid #E9D5FF; border-radius: 12px; padding: 20px; margin: 16px 0; }
@media (max-width: 768px) {
  
  
  
}


/* FULL-WIDTH & NO-BOXED RESET (Ecosystem Master) */
html,
body,
body.ast-desktop,
body.ast-plain-container,
body.ast-separate-container,
body.ast-boxed-container,
#page,
.site,
.site-content,
.ast-container,
.entry-content,
#primary,
#main {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}


/* DEFINITIVE DESKTOP BAR REMOVAL */
.rzp-mobile-bar, .cdz-mobile-bar, .fol-mobile-bar, .pnw-mobile-bar, .pxp-mobile-bar, 
.plr-mobile-bar, .pol-mobile-bar, .rwz-mobile-bar, .stj-mobile-bar, .szy-mobile-bar, 
.czp-sticky-cta, #rzp-sticky-cta, #rw-sticky-cta, .plx-sticky-cta, .s24-sticky-mobile-bar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* DEFINITIVE UNIVERSAL BAR REMOVAL */
.rzp-mobile-bar, #rzp-sticky-cta, #rw-sticky-cta, .plx-sticky-cta, .s24-sticky-mobile-bar,
.cdz-mobile-bar, .fol-mobile-bar, .pnw-mobile-bar, .pxp-mobile-bar, .plr-mobile-bar,
.pol-mobile-bar, .rwz-mobile-bar, .stj-mobile-bar, .szy-mobile-bar, .czp-sticky-cta {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}