/*
Theme Name: Baracuda România
Theme URI: https://pmhub.ro
Author: Pool Master Solutions SRL
Author URI: https://pmhub.ro
Description: Tema oficială Baracuda România — distribuitor oficial Fluidra. Dark/Light mode, glassmorphism, wave animations.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baracuda
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============ LIGHT THEME (default) ============ */
:root,
[data-theme="light"] {
  --blue-deep: #002B5C;
  --blue: #004B8D;
  --blue-mid: #0066CC;
  --blue-light: #3D9BE9;
  --blue-pale: #E8F4FD;
  --blue-wash: #F0F7FF;
  --cyan: #009DBF;
  --cyan-light: #00BDD6;
  --cyan-bright: #00E0F5;
  --cyan-pale: #E0F7FA;
  --teal: #00897B;
  --teal-light: #26A69A;
  --yellow: #F5A623;
  --yellow-light: #FFD166;
  --yellow-pale: #FFF8E7;
  --orange: #FF7043;
  --cyan-glow: rgba(0,157,191,0.15);
  --blue-glow: rgba(0,75,141,0.12);
  --yellow-glow: rgba(245,166,35,0.2);

  --bg-primary: #FFFFFF;
  --bg-secondary: #F8FAFB;
  --bg-tertiary: #F0F3F5;
  --surface: #FFFFFF;
  --surface-hover: #F8FAFB;
  --border: rgba(0,43,92,0.08);
  --border-hover: rgba(0,75,141,0.15);
  --shadow: rgba(0,43,92,0.06);
  --shadow-hover: rgba(0,43,92,0.12);

  --text-primary: #0D1B2A;
  --text-secondary: #475B6F;
  --text-muted: #94A3B4;
  --text-on-dark: #FFFFFF;
  --text-on-accent: #FFFFFF;

  --glass-bg: rgba(255,255,255,0.75);
  --glass-border: rgba(0,43,92,0.08);
  --glass-blur: blur(20px) saturate(180%);

  --header-bg: rgba(255,255,255,0.7);
  --header-bg-scroll: rgba(255,255,255,0.92);
  --hero-gradient: linear-gradient(180deg, var(--blue-wash) 0%, var(--bg-primary) 60%);
  --footer-bg: var(--blue-deep);
  --footer-text: rgba(255,255,255,0.8);
  --footer-muted: rgba(255,255,255,0.4);
  --footer-link: rgba(255,255,255,0.55);
  --footer-border: rgba(255,255,255,0.1);

  --wave-opacity-1: 0.035;
  --wave-opacity-2: 0.025;
  --wave-opacity-3: 0.015;
  --orb-opacity: 0.04;

  --map-fill: var(--blue-pale);
  --map-stroke: rgba(0,75,141,0.15);
  --map-hover: rgba(0,157,191,0.15);
  --map-active: rgba(0,157,191,0.25);

  --input-bg: var(--bg-secondary);
  --input-focus-bg: var(--bg-primary);

  --btn-primary-bg: linear-gradient(135deg, var(--blue) 0%, var(--blue-mid) 100%);
  --btn-primary-text: var(--text-on-dark);
  --btn-ghost-bg: var(--bg-primary);
  --btn-ghost-border: #E2E8ED;
  --btn-ghost-text: var(--blue-deep);

  --radius-sm: 16px;
  --radius-md: 24px;
  --radius-lg: 32px;

  --preloader-bg: var(--bg-primary);
  --toggle-bg: var(--bg-secondary);
}

/* ============ DARK THEME ============ */
[data-theme="dark"] {
  --blue-deep: #E8F2FA;
  --blue: #3D9BE9;
  --blue-mid: #4AADE6;
  --blue-light: #6BC0F0;
  --blue-pale: rgba(0,75,141,0.15);
  --blue-wash: #061824;
  --cyan: #00C6D4;
  --cyan-light: #33E8F0;
  --cyan-bright: #00E0F5;
  --cyan-pale: rgba(0,198,212,0.1);
  --teal: #00B4A6;
  --teal-light: #00D4C4;
  --yellow: #F5C518;
  --yellow-light: #FFD94A;
  --yellow-pale: rgba(245,197,24,0.08);
  --orange: #FF8A3D;
  --cyan-glow: rgba(0,198,212,0.35);
  --blue-glow: rgba(0,98,184,0.25);
  --yellow-glow: rgba(245,197,24,0.3);

  --bg-primary: #020C14;
  --bg-secondary: #061824;
  --bg-tertiary: #0C2436;
  --surface: rgba(255,255,255,0.05);
  --surface-hover: rgba(255,255,255,0.09);
  --border: rgba(255,255,255,0.08);
  --border-hover: rgba(0,198,212,0.2);
  --shadow: rgba(0,0,0,0.3);
  --shadow-hover: rgba(0,198,212,0.08);

  --text-primary: #E8F2FA;
  --text-secondary: rgba(232,242,250,0.6);
  --text-muted: rgba(232,242,250,0.3);
  --text-on-dark: #FFFFFF;
  --text-on-accent: #020C14;

  --glass-bg: rgba(255,255,255,0.05);
  --glass-border: rgba(255,255,255,0.08);
  --glass-blur: blur(24px) saturate(150%);

  --header-bg: rgba(2,12,20,0.5);
  --header-bg-scroll: rgba(2,12,20,0.88);
  --hero-gradient: linear-gradient(180deg, rgba(6,24,36,0.5) 0%, var(--bg-primary) 60%);
  --footer-bg: #010810;
  --footer-text: rgba(232,242,250,0.7);
  --footer-muted: rgba(232,242,250,0.25);
  --footer-link: rgba(232,242,250,0.45);
  --footer-border: rgba(255,255,255,0.06);

  --wave-opacity-1: 0.06;
  --wave-opacity-2: 0.04;
  --wave-opacity-3: 0.03;
  --orb-opacity: 0.08;

  --map-fill: rgba(0,198,212,0.08);
  --map-stroke: rgba(0,198,212,0.15);
  --map-hover: rgba(0,198,212,0.2);
  --map-active: rgba(0,198,212,0.3);

  --input-bg: rgba(255,255,255,0.04);
  --input-focus-bg: rgba(0,198,212,0.04);

  --btn-primary-bg: linear-gradient(135deg, var(--cyan) 0%, var(--teal-light) 100%);
  --btn-primary-text: #020C14;
  --btn-ghost-bg: rgba(255,255,255,0.05);
  --btn-ghost-border: rgba(255,255,255,0.08);
  --btn-ghost-text: var(--text-primary);

  --preloader-bg: var(--bg-primary);
  --toggle-bg: rgba(255,255,255,0.06);
}

/* ============ BASE ============ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'DM Sans',sans-serif;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background 0.5s ease,color 0.4s ease}
h1,h2,h3,h4,h5,h6{font-family:'Sora',sans-serif}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bg-secondary)}
::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:99px}

/* ============ WAVE BG ============ */
.wave-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.wave-bg svg{position:absolute;bottom:0;left:0;width:200%;height:100%;animation:wave-drift 12s linear infinite}
.wave-bg .wave-1{opacity:var(--wave-opacity-1);animation-duration:12s}
.wave-bg .wave-2{opacity:var(--wave-opacity-2);animation-duration:18s;animation-direction:reverse}
.wave-bg .wave-3{opacity:var(--wave-opacity-3);animation-duration:25s}
@keyframes wave-drift{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.mesh-bg{position:fixed;inset:0;z-index:0;pointer-events:none}
.mesh-bg .orb{position:absolute;border-radius:50%;filter:blur(150px);animation:orb-float 22s ease-in-out infinite;transition:opacity 0.5s}
.mesh-bg .orb-1{width:900px;height:900px;background:var(--cyan-bright);top:-30%;left:-15%;opacity:var(--orb-opacity)}
.mesh-bg .orb-2{width:700px;height:700px;background:var(--blue-light);top:50%;right:-20%;opacity:calc(var(--orb-opacity) * 0.9);animation-delay:-8s}
.mesh-bg .orb-3{width:500px;height:500px;background:var(--yellow-light);bottom:-10%;left:40%;opacity:calc(var(--orb-opacity) * 0.6);animation-delay:-15s}
@keyframes orb-float{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(60px,-40px) scale(1.05)}50%{transform:translate(-30px,50px) scale(0.95)}75%{transform:translate(40px,20px) scale(1.02)}}

.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}
[data-theme="dark"] .noise{opacity:0.025}

/* ============ THEME TOGGLE ============ */
.theme-toggle{width:48px;height:26px;background:var(--toggle-bg);border:1px solid var(--border);border-radius:60px;cursor:pointer;position:relative;transition:all 0.3s;display:flex;align-items:center;padding:2px;flex-shrink:0}
.theme-toggle::after{content:'☀️';display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 2px 8px var(--shadow);font-size:0.7rem;transition:all 0.3s}
[data-theme="dark"] .theme-toggle::after{content:'🌙';transform:translateX(20px)}
.theme-toggle:hover{border-color:var(--border-hover)}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border:none;border-radius:60px;font-family:'Sora',sans-serif;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);position:relative;overflow:hidden}
.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 8px 30px var(--blue-glow)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--blue-glow)}
.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:2px solid var(--btn-ghost-border)}
.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-3px)}
.btn-cyan{background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-light) 100%);color:var(--text-on-accent);box-shadow:0 8px 30px var(--cyan-glow)}
.btn-cyan:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--cyan-glow)}
.btn:active{transform:translateY(-1px) scale(0.98)}

/* ============ HEADER ============ */
.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;transition:all 0.4s ease;background:var(--header-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
.header.scrolled{padding:10px 0;background:var(--header-bg-scroll);box-shadow:0 2px 30px var(--shadow);border-bottom:1px solid var(--border)}
.header .container{display:flex;align-items:center;justify-content:space-between}
.container{max-width:1360px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
@media(max-width:768px){.container{padding:0 20px}}

.logo{display:flex;align-items:center;gap:14px;z-index:1001}
.logo-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--cyan) 0%,var(--blue) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:1.1rem;box-shadow:0 4px 15px var(--cyan-glow);position:relative}
[data-theme="light"] .logo-icon{background:linear-gradient(135deg,#004B8D 0%,#0066CC 100%);box-shadow:0 4px 15px rgba(0,75,141,0.12)}
.logo-icon::after{content:'';position:absolute;bottom:-1px;left:6px;right:6px;height:4px;background:var(--yellow);border-radius:0 0 6px 6px}
.logo-text{display:flex;flex-direction:column;line-height:1.15}
.logo-text .brand{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--blue-deep);letter-spacing:1px;text-transform:uppercase}
[data-theme="dark"] .logo-text .brand{background:linear-gradient(90deg,var(--cyan-light),#00E0D0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.logo-text .sub{font-size:0.6rem;color:var(--text-muted);font-weight:500;letter-spacing:1.5px;text-transform:uppercase}

.nav{display:flex;align-items:center;gap:4px}
.nav a{padding:10px 16px;font-size:0.87rem;font-weight:500;color:var(--text-secondary);border-radius:12px;transition:all 0.3s ease}
.nav a:hover{color:var(--text-primary);background:var(--surface)}
.nav .btn-nav{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;padding:10px 22px;border-radius:60px;margin-left:8px;transition:all 0.3s;box-shadow:0 4px 15px var(--blue-glow)}
.nav .btn-nav:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--blue-glow)}

.header-right{display:flex;align-items:center;gap:16px}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:8px}
.menu-toggle span{width:26px;height:2px;background:var(--text-primary);border-radius:4px;transition:all 0.3s}
@media(max-width:1024px){
  .menu-toggle{display:flex}
  .nav{position:fixed;top:0;left:0;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;background:var(--header-bg-scroll);backdrop-filter:blur(40px);gap:8px;opacity:0;pointer-events:none;transition:all 0.4s}
  .nav.active{opacity:1;pointer-events:all}
  .nav a{font-size:1.2rem;color:var(--text-primary)}
  .nav .btn-nav{margin-left:0;margin-top:10px}
}

/* ============ SECTIONS ============ */
.section{padding:140px 0;position:relative}
.section-alt{background:var(--bg-secondary)}
.section-header{text-align:center;margin-bottom:80px}
.section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--blue-pale);border:1px solid var(--border);color:var(--cyan);border-radius:60px;font-size:0.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.section-badge .dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(1.8)}}
.section-title{font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:20px;letter-spacing:-0.5px}
.section-title span{background:linear-gradient(135deg,var(--cyan) 0%,var(--blue-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-desc{font-size:1.1rem;color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.8}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 40px}

/* ============ HERO ============ */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:120px;padding-bottom:80px;overflow:hidden;background:var(--hero-gradient)}
.hero::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;border:1px solid var(--border);top:50%;right:-15%;transform:translateY(-50%);animation:ring-pulse 10s ease-in-out infinite}
@keyframes ring-pulse{0%,100%{transform:translateY(-50%) scale(1);opacity:0.6}50%{transform:translateY(-50%) scale(1.12);opacity:0.15}}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:60px;font-size:0.82rem;font-weight:600;color:var(--cyan);margin-bottom:32px;background:var(--blue-pale);border:1px solid var(--border)}
.hero-badge .live-dot{width:8px;height:8px;background:var(--cyan);border-radius:50%;animation:pulse-dot 1.5s infinite}
.hero h1{font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:1.06;margin-bottom:28px;letter-spacing:-1.5px;color:var(--text-primary)}
.hero h1 .line2{display:block;background:linear-gradient(135deg,var(--cyan) 0%,var(--blue-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero h1 .highlight{background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:44px;max-width:480px}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}

.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}
.hero-showcase{position:relative;width:100%;max-width:520px}
.hero-product-card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px var(--shadow)}
.hero-product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan-light),var(--yellow))}
.product-visual{display:flex;justify-content:center;gap:30px;margin-bottom:28px}
.product-hero-item{display:flex;flex-direction:column;align-items:center;gap:10px}
.product-hero-icon{width:100px;height:100px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:3.2rem;border:1px solid var(--border);transition:all 0.4s}
.product-hero-icon.pump{background:var(--blue-pale)}
.product-hero-icon.filter{background:var(--cyan-pale)}
.product-hero-icon.robot{background:var(--yellow-pale)}
.product-hero-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.stat-item{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:18px 12px;text-align:center;border:1px solid var(--border);transition:all 0.3s}
.stat-item:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-hover)}
.stat-item .number{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--cyan) 0%,var(--yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-item .label{font-size:0.7rem;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}
.hero-product-card h3{font-size:1.4rem;font-weight:700;margin-bottom:8px}
.hero-product-card>p{color:var(--text-secondary);font-size:0.92rem}

@media(max-width:968px){
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-desc{margin:0 auto 44px}
  .hero-buttons{justify-content:center}
  .hero-visual{margin-top:40px}
  .hero-showcase{max-width:440px;margin:0 auto}
}

/* ============ CARDS (shared) ============ */
.card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md);transition:all 0.5s cubic-bezier(0.23,1,0.32,1);overflow:hidden}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 60px var(--shadow-hover);border-color:var(--border-hover)}

/* Feature Cards */
.features-bar{padding:100px 0;background:var(--bg-secondary)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:36px 28px;text-align:center;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);position:relative;overflow:hidden}
.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue-mid),var(--yellow));opacity:0;transition:opacity 0.4s}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px var(--shadow-hover);border-color:var(--border-hover)}
.feature-card:hover::before{opacity:1}
.feature-icon{width:64px;height:64px;background:var(--blue-pale);border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 20px;transition:all 0.4s}
.feature-card:hover .feature-icon{box-shadow:0 8px 25px var(--cyan-glow);transform:scale(1.1) rotate(-5deg)}
.feature-card h4{font-size:1.05rem;font-weight:700;margin-bottom:10px}
.feature-card p{font-size:0.88rem;color:var(--text-secondary);line-height:1.6}
@media(max-width:968px){.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.features-grid{grid-template-columns:1fr}}

/* ============ ABOUT ============ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-image-box{background:linear-gradient(135deg,var(--blue-pale) 0%,var(--cyan-pale) 100%);border-radius:var(--radius-lg);padding:50px;position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.about-image-box .water-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,var(--cyan-glow) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--blue-glow) 0%,transparent 50%)}
.about-image-box .center-content{text-align:center;position:relative;z-index:1}
.about-image-box .big-number{font-family:'Sora',sans-serif;font-size:7rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--cyan) 0%,var(--yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.about-image-box .big-label{font-size:1.15rem;color:var(--text-secondary);margin-top:12px}
.about-badge-float{position:absolute;bottom:-16px;right:-16px;background:var(--btn-primary-bg);color:var(--text-on-dark);padding:16px 26px;border-radius:var(--radius-sm);font-weight:700;font-family:'Sora',sans-serif;font-size:0.95rem;box-shadow:0 10px 30px var(--blue-glow)}
.about-content h2{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:24px}
.about-content h2 span{background:linear-gradient(135deg,var(--cyan) 0%,var(--blue-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.about-content p{color:var(--text-secondary);line-height:1.8;font-size:1.02rem;margin-bottom:18px}
.about-list{margin:30px 0;display:flex;flex-direction:column;gap:14px}
.about-list li{display:flex;align-items:center;gap:14px;font-weight:500;font-size:0.95rem}
.about-list li .check{width:30px;height:30px;background:var(--blue-pale);border:1px solid var(--border);color:var(--cyan);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-shrink:0}
@media(max-width:968px){.about-grid{grid-template-columns:1fr}}

/* ============ PRODUCTS ============ */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all 0.5s cubic-bezier(0.23,1,0.32,1)}
.product-card:hover{transform:translateY(-10px);box-shadow:0 30px 70px var(--shadow-hover);border-color:var(--border-hover)}
.product-image{height:220px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;position:relative;overflow:hidden}
.product-image .emoji{transition:transform 0.5s;filter:drop-shadow(0 8px 20px rgba(0,0,0,0.1))}
.product-card:hover .emoji{transform:scale(1.15) rotate(-5deg)}
.product-body{padding:28px}
.product-category{font-size:0.72rem;font-weight:600;color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}
.product-body h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}
.product-body p{font-size:0.9rem;color:var(--text-secondary);line-height:1.65;margin-bottom:18px}
.product-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.product-features .tag{padding:5px 14px;background:var(--blue-pale);border:1px solid var(--border);color:var(--cyan);border-radius:60px;font-size:0.75rem;font-weight:500}
.product-link{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:600;font-size:0.92rem;transition:gap 0.3s}
.product-link:hover{gap:14px}
@media(max-width:968px){.products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.products-grid{grid-template-columns:1fr}}

/* ============ DISTRIBUTORS MAP ============ */
.distributor-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.romania-map{width:100%;height:auto}
.romania-map .county{fill:var(--map-fill);stroke:var(--map-stroke);stroke-width:0.8;cursor:pointer;transition:all 0.3s}
.romania-map .county:hover{fill:var(--map-hover);stroke:var(--cyan)}
.romania-map .county.active{fill:var(--map-active);stroke:var(--cyan);stroke-width:1.5}
.romania-map .county-label{fill:var(--text-muted);font-size:9px;font-family:'Sora',sans-serif;font-weight:600;pointer-events:none;text-anchor:middle}
.romania-map .county.active+.county-label,.romania-map .county:hover+.county-label{fill:var(--cyan)}

.distributor-panel{background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md);max-height:580px;overflow-y:auto;box-shadow:0 10px 40px var(--shadow)}
.panel-header{padding:24px 24px 12px;border-bottom:1px solid var(--border)}
.panel-header h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}
.panel-header p{font-size:0.82rem;color:var(--text-muted)}
.panel-search{padding:12px 24px}
.panel-search input{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:0.9rem;outline:none;transition:all 0.3s}
.panel-search input::placeholder{color:var(--text-muted)}
.panel-search input:focus{border-color:var(--cyan);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--cyan-glow)}
.panel-body{padding:8px 16px 16px}
.county-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;transition:all 0.3s;margin-bottom:2px}
.county-list-item:hover{background:var(--surface-hover)}
.county-list-item.active{background:var(--blue-pale);border:1px solid var(--border)}
.county-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);opacity:0.4;flex-shrink:0}
.county-list-item.active .county-dot{opacity:1}
.county-name{font-weight:600;font-size:0.9rem;flex:1}
.county-count{font-size:0.75rem;color:var(--text-muted);font-weight:500}

.distributor-detail{display:none;padding:20px 24px}
.distributor-detail.active{display:block}
.detail-back{padding:10px 16px;margin-bottom:16px;cursor:pointer;font-size:0.85rem;font-weight:600;color:var(--cyan);transition:all 0.3s;border-radius:8px;display:inline-block}
.detail-back:hover{background:var(--surface-hover)}
.distributor-item{padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;transition:all 0.3s}
.distributor-item:hover{border-color:var(--border-hover)}
.distributor-item h4{font-size:0.95rem;font-weight:700;margin-bottom:8px;color:var(--cyan)}
.info-line{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-secondary);margin-bottom:4px}
@media(max-width:968px){.distributor-layout{grid-template-columns:1fr}}

/* ============ PROMO ============ */
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.promo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:36px;transition:all 0.4s;overflow:hidden}
.promo-card:hover{border-color:var(--yellow);transform:translateY(-6px);box-shadow:0 20px 50px var(--yellow-glow)}
.promo-badge{display:inline-block;padding:6px 16px;background:var(--yellow-pale);border:1px solid rgba(245,166,35,0.15);border-radius:60px;font-size:0.78rem;font-weight:600;color:var(--orange);margin-bottom:18px}
.promo-card h3{font-size:1.3rem;font-weight:700;margin-bottom:12px}
.promo-card p{color:var(--text-secondary);font-size:0.9rem;line-height:1.65;margin-bottom:20px}
.promo-card .discount{font-family:'Sora',sans-serif;font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--cyan) 0%,var(--yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@media(max-width:968px){.promo-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}

/* ============ WARRANTY ============ */
.warranty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.warranty-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:40px 32px;text-align:center;transition:all 0.4s}
.warranty-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 20px 50px var(--shadow-hover)}
.warranty-icon{font-size:3rem;margin-bottom:20px;display:block}
.warranty-card h3{font-size:1.2rem;font-weight:700;margin-bottom:14px}
.warranty-card p{color:var(--text-secondary);font-size:0.92rem;line-height:1.7}
@media(max-width:768px){.warranty-grid{grid-template-columns:1fr}}

/* ============ TIPS / BLOG ============ */
.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all 0.4s}
.tip-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px var(--shadow-hover);border-color:var(--border-hover)}
.tip-image{position:relative;height:200px;display:flex;align-items:center;justify-content:center}
.tip-image-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem}
.tip-tag{position:absolute;top:16px;left:16px;padding:5px 14px;background:var(--glass-bg);backdrop-filter:blur(10px);border-radius:60px;font-size:0.72rem;font-weight:600;color:var(--cyan);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border)}
.tip-body{padding:24px}
.tip-date{font-size:0.78rem;color:var(--text-muted);margin-bottom:10px}
.tip-body h3{font-size:1.1rem;font-weight:700;margin-bottom:12px;line-height:1.4}
.tip-body p{color:var(--text-secondary);font-size:0.88rem;line-height:1.6}
.tip-card .tip-image img{width:100%;height:100%;object-fit:cover}
@media(max-width:968px){.tips-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}

/* ============ FAQ ============ */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;transition:all 0.3s}
.faq-item:hover{border-color:var(--border-hover)}
.faq-item.active{border-color:var(--cyan);box-shadow:0 8px 30px var(--cyan-glow)}
.faq-question{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;font-size:1rem;gap:16px}
.faq-toggle{width:34px;height:34px;background:var(--blue-pale);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:1.2rem;flex-shrink:0;transition:all 0.3s}
.faq-item.active .faq-toggle{background:var(--btn-primary-bg);color:var(--text-on-dark);transform:rotate(45deg);box-shadow:0 4px 15px var(--blue-glow)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.23,1,0.32,1)}
.faq-answer-inner{padding:0 28px 22px;color:var(--text-secondary);line-height:1.7;font-size:0.95rem}

/* ============ CONTACT / FORM ============ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-info h2{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;margin-bottom:20px;line-height:1.15}
.contact-info h2 span{background:linear-gradient(135deg,var(--cyan) 0%,var(--blue-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.contact-info>p{color:var(--text-secondary);line-height:1.7;font-size:1.02rem;margin-bottom:40px}
.contact-cards{display:flex;flex-direction:column;gap:14px}
.contact-card{display:flex;align-items:center;gap:18px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all 0.3s}
.contact-card:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateX(8px)}
.contact-card .c-icon{width:50px;height:50px;background:var(--btn-primary-bg);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;box-shadow:0 4px 15px var(--blue-glow)}
.contact-card .c-text h4{font-size:0.92rem;font-weight:700;margin-bottom:4px}
.contact-card .c-text p{font-size:0.86rem;color:var(--text-secondary)}
.contact-form-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:40px;box-shadow:0 10px 40px var(--shadow)}
.contact-form-wrap h3{font-size:1.4rem;font-weight:700;margin-bottom:24px}
/* CF7 form styling */
.wpcf7 .form-group{margin-bottom:18px}
.wpcf7 label{display:block;font-weight:600;font-size:0.88rem;margin-bottom:8px}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:14px 18px;border:1px solid var(--border);border-radius:14px;font-family:inherit;font-size:0.95rem;transition:all 0.3s;outline:none;background:var(--input-bg);color:var(--text-primary)}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{color:var(--text-muted)}
.wpcf7 input:focus,.wpcf7 textarea:focus,.wpcf7 select:focus{border-color:var(--cyan);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--cyan-glow)}
.wpcf7 textarea{resize:vertical;min-height:120px}
.wpcf7 .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wpcf7 input[type="submit"]{width:100%;padding:16px 32px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:60px;font-family:'Sora',sans-serif;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.4s}
.wpcf7 input[type="submit"]:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--blue-glow)}
@media(max-width:968px){.contact-grid{grid-template-columns:1fr}}
@media(max-width:580px){.wpcf7 .form-row{grid-template-columns:1fr}}

/* ============ FOOTER ============ */
.footer{padding:80px 0 0;background:var(--footer-bg);color:var(--footer-text)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}
.footer-brand .brand-name{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;margin-bottom:6px;letter-spacing:1px;color:var(--text-on-dark)}
.footer-brand .brand-sub{color:var(--footer-muted);font-size:0.82rem;margin-bottom:20px}
.footer-brand p{color:var(--footer-link);font-size:0.9rem;line-height:1.7;max-width:340px}
.footer h4{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;color:var(--cyan-light)}
.footer-links li{margin-bottom:12px}
.footer-links a{color:var(--footer-link);font-size:0.88rem;transition:all 0.3s}
.footer-links a:hover{color:var(--cyan-light)}
.footer-bottom{margin-top:60px;padding:24px 0;border-top:1px solid var(--footer-border);display:flex;justify-content:space-between;align-items:center;color:var(--footer-muted);font-size:0.82rem}
@media(max-width:968px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:580px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}

/* ============ BLOG SINGLE ============ */
.blog-single{padding-top:160px;padding-bottom:80px}
.blog-single .post-header{text-align:center;margin-bottom:60px}
.blog-single .post-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:16px}
.blog-single .post-meta{color:var(--text-muted);font-size:0.9rem}
.blog-single .post-content{max-width:780px;margin:0 auto;font-size:1.05rem;line-height:1.9;color:var(--text-secondary)}
.blog-single .post-content h2,.blog-single .post-content h3{color:var(--text-primary);margin:40px 0 16px}
.blog-single .post-content p{margin-bottom:20px}
.blog-single .post-content img{border-radius:var(--radius-sm);margin:30px 0}

/* Blog Archive */
.blog-archive{padding-top:160px;padding-bottom:80px}
.blog-archive .archive-header{text-align:center;margin-bottom:60px}

/* ============ ANIMATIONS ============ */
.reveal{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.23,1,0.32,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:0.1s}
.reveal-delay-2{transition-delay:0.2s}
.reveal-delay-3{transition-delay:0.3s}

.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--btn-primary-bg);color:var(--text-on-dark);border:none;border-radius:16px;font-size:1.2rem;cursor:pointer;z-index:999;opacity:0;transform:translateY(20px);transition:all 0.4s;box-shadow:0 8px 25px var(--blue-glow)}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-4px)}

.preloader{position:fixed;inset:0;background:var(--preloader-bg);z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:opacity 0.6s,visibility 0.6s}
.preloader.hidden{opacity:0;visibility:hidden}
.preloader-logo{font-family:'Sora',sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:3px;background:linear-gradient(135deg,var(--cyan) 0%,var(--yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.preloader-bar{width:120px;height:3px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden}
.preloader-bar::after{content:'';display:block;width:40%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--yellow));border-radius:99px;animation:load-bar 1s ease-in-out infinite}
@keyframes load-bar{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.float-1{animation:float 4s ease-in-out infinite}
.float-2{animation:float 5s ease-in-out infinite 0.5s}
.float-3{animation:float 4.5s ease-in-out infinite 1s}

/* ============ WP SPECIFIC ============ */
.wp-block-image img{border-radius:var(--radius-sm)}
.aligncenter{text-align:center}
.alignleft{float:left;margin-right:20px}
.alignright{float:right;margin-left:20px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}

/* Counties with distributors - highlighted */
.romania-map .county.has-distributors{fill:rgba(0,157,191,0.18);stroke:var(--cyan);stroke-width:1}
[data-theme="dark"] .romania-map .county.has-distributors{fill:rgba(0,198,212,0.15);stroke:rgba(0,198,212,0.4)}
.romania-map .county.has-distributors:hover{fill:rgba(0,157,191,0.3)}