/*
Theme Name: Włoska Minuta Audio
Theme URI: https://jamesswen.com/
Author: Włoska Minuta
Description: Autorski motyw serwisu Włoska Minuta Audio – czytanki, nagrania i tłumaczenia.
Version: 4.1.4
Text Domain: wma-audio
*/

:root{
  --wma-green:#176B45;
  --wma-green-dark:#08492e;
  --wma-green-soft:#b9e47a;
  --wma-gold:#F0B429;
  --wma-red:#d92e22;
  --wma-cream:#fffdf4;
  --wma-paper:#fffaf0;
  --wma-ink:#103d2b;
  --wma-muted:#647469;
  --wma-shadow:0 24px 70px rgba(24,78,48,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--wma-cream);color:var(--wma-ink);
  font-family:Raleway,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden
}
a{color:inherit}
button,input{font:inherit}
.wma-shell{min-height:100vh}
.wma-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.wma-section{position:relative;padding:96px 0}
.wma-section__head{max-width:720px;margin:0 auto 48px;text-align:center}
.wma-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 13px;
  border:1px solid rgba(23,107,69,.12);border-radius:999px;background:#fff;
  color:var(--wma-green);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 8px 24px rgba(23,107,69,.07)
}
.wma-section h2{
  margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.04em;color:var(--wma-green-dark)
}
.wma-section__head p{margin:0;color:var(--wma-muted);font-size:18px;line-height:1.7}

/* HERO */
.wma-hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:820px;
  padding:18px clamp(18px,4vw,64px) 70px;border-radius:0 0 34px 34px;
  transition:background 1.2s ease,filter 1.2s ease,color .7s ease;
}
.wma-hero[data-theme="day"]{
  background:
    radial-gradient(circle at 17% 20%,rgba(255,255,255,.08),transparent 30%),
    linear-gradient(112deg,#176B45 0%,#4c823f 34%,#a29b2f 66%,#F0B429 100%);
}
.wma-hero[data-theme="evening"]{
  background:
    radial-gradient(circle at 15% 18%,rgba(255,230,170,.12),transparent 34%),
    linear-gradient(112deg,#315b48 0%,#8d6d3f 42%,#c8693f 70%,#e79a40 100%);
}
.wma-hero[data-theme="night"]{
  background:
    radial-gradient(circle at 80% 18%,rgba(164,205,255,.10),transparent 30%),
    radial-gradient(circle at 16% 22%,rgba(118,222,190,.08),transparent 28%),
    linear-gradient(112deg,#102c2a 0%,#183f45 40%,#243c67 72%,#402f63 100%);
}
.wma-hero:before{
  content:"";position:absolute;inset:0;z-index:-6;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
  background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 91%)
}
.wma-glow{position:absolute;z-index:-4;border-radius:50%;filter:blur(55px);animation:wmaGlow 13s ease-in-out infinite alternate}
.wma-glow--one{width:410px;height:410px;left:-95px;top:120px;background:rgba(234,255,143,.65)}
.wma-glow--two{width:470px;height:470px;right:-140px;bottom:-140px;background:rgba(255,126,89,.42);animation-delay:-6s}
.wma-light-beam{
  position:absolute;z-index:-2;top:-35%;left:-38%;width:26%;height:170%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-19deg);animation:wmaBeam 12s ease-in-out infinite;pointer-events:none
}
.wma-floating-words{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.wma-floating-word{
  position:absolute;color:rgba(255,255,255,.12);font-family:Georgia,serif;font-weight:800;
  letter-spacing:.02em;white-space:nowrap;animation:wmaWord 16s ease-in-out infinite
}
.wma-floating-word:nth-child(1){left:7%;top:19%;font-size:58px}
.wma-floating-word:nth-child(2){left:40%;top:11%;font-size:42px;animation-delay:-3s}
.wma-floating-word:nth-child(3){left:71%;top:21%;font-size:50px;animation-delay:-6s}
.wma-floating-word:nth-child(4){left:17%;top:66%;font-size:46px;animation-delay:-9s}
.wma-floating-word:nth-child(5){left:61%;top:70%;font-size:57px;animation-delay:-12s}
.wma-floating-word:nth-child(6){left:82%;top:57%;font-size:40px;animation-delay:-15s}

/* owoce */
.wma-fruits{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.wma-fruit{
  position:absolute;bottom:-80px;display:block;filter:drop-shadow(0 8px 8px rgba(32,65,34,.16));
  opacity:0;animation:fruitRound linear infinite
}
.wma-fruit--lemon{animation-name:fruitLemon}
.wma-fruit--olive{animation-name:fruitOlive}
.wma-fruit:nth-child(1){left:4%;font-size:38px;animation-duration:17s;animation-delay:-2s}
.wma-fruit:nth-child(2){left:14%;font-size:30px;animation-duration:13s;animation-delay:-8s}
.wma-fruit:nth-child(3){left:27%;font-size:36px;animation-duration:18s;animation-delay:-12s}
.wma-fruit:nth-child(4){left:39%;font-size:28px;animation-duration:12s;animation-delay:-4s}
.wma-fruit:nth-child(5){left:53%;font-size:42px;animation-duration:16s;animation-delay:-10s}
.wma-fruit:nth-child(6){left:66%;font-size:31px;animation-duration:14s;animation-delay:-6s}
.wma-fruit:nth-child(7){left:78%;font-size:38px;animation-duration:19s;animation-delay:-14s}
.wma-fruit:nth-child(8){left:91%;font-size:27px;animation-duration:12s;animation-delay:-1s}
.wma-fruit:nth-child(9){left:33%;font-size:25px;animation-duration:15s;animation-delay:-3s}
.wma-fruit:nth-child(10){left:85%;font-size:36px;animation-duration:16s;animation-delay:-11s}

/* łapki */
.wma-paws{position:absolute;inset:0;z-index:13;pointer-events:none;overflow:hidden}
.wma-paw{
  position:absolute;width:30px;height:30px;opacity:0;transform:rotate(-18deg) scale(.7);
  animation:wmaPaw 10s ease-in-out infinite
}
.wma-paw:before{
  content:"🐾";display:block;font-size:27px;filter:grayscale(1) sepia(.35) hue-rotate(70deg) saturate(2);
  opacity:.34
}
.wma-paw:nth-child(1){left:7%;bottom:13%;animation-delay:1s}
.wma-paw:nth-child(2){left:11%;bottom:18%;animation-delay:1.7s}
.wma-paw:nth-child(3){left:15%;bottom:23%;animation-delay:2.4s}
.wma-paw:nth-child(4){right:12%;bottom:9%;animation-delay:6s}
.wma-paw:nth-child(5){right:16%;bottom:14%;animation-delay:6.7s}
.wma-paw:nth-child(6){right:20%;bottom:19%;animation-delay:7.4s}


/* przełącznik dzień / zachód / noc */
.wma-theme-switcher{
  position:absolute;top:20px;right:24px;z-index:70;display:flex;gap:7px;padding:6px;
  border:1px solid rgba(255,255,255,.18);border-radius:18px;
  background:rgba(255,255,255,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 10px 26px rgba(0,45,28,.13)
}
.wma-theme-btn{
  width:36px;height:36px;border:0;border-radius:12px;background:transparent;cursor:pointer;
  font-size:18px;line-height:36px;text-align:center;opacity:.72;
  transition:transform .22s ease,background .22s ease,opacity .22s ease,box-shadow .22s ease
}
.wma-theme-btn:hover{transform:translateY(-2px);opacity:1}
.wma-theme-btn.is-active{background:rgba(255,255,255,.86);opacity:1;box-shadow:0 5px 14px rgba(0,45,28,.14)}
.wma-hero[data-theme="night"] .wma-copy h1,
.wma-hero[data-theme="night"] .wma-lead,
.wma-hero[data-theme="night"] .wma-nav__links a,
.wma-hero[data-theme="night"] .wma-nav__login{color:#f5f4e8}
.wma-hero[data-theme="night"] .wma-kicker,
.wma-hero[data-theme="night"] .wma-pills span,
.wma-hero[data-theme="night"] .wma-btn--secondary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18)}
.wma-hero[data-theme="night"] .wma-person{filter:drop-shadow(0 12px 15px rgba(0,0,0,.28)) brightness(.94)}
.wma-hero[data-theme="night"] .wma-floating-word{color:rgba(255,255,255,.075)}
.wma-hero[data-theme="night"] .wma-fruit{filter:drop-shadow(0 6px 8px rgba(0,0,0,.24)) brightness(.9)}

/* NAV */
.wma-nav{position:relative;z-index:30;width:min(1450px,100%);margin:0 auto 22px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px}
.wma-nav__brand{display:block;width:195px;height:96px;text-decoration:none;transition:.25s}
.wma-nav__brand:hover{transform:translateY(-2px) rotate(-1deg);filter:drop-shadow(0 7px 10px rgba(23,107,69,.18))}
.wma-nav__brand img{display:block;width:100%;height:100%;object-fit:contain}
.wma-nav__links{display:flex;justify-content:center;gap:clamp(24px,3vw,52px)}
.wma-nav__links a,.wma-nav__login{
  position:relative;color:#073d20;text-decoration:none;font-size:15px;font-weight:850;
  transition:transform .22s,color .22s
}
.wma-nav__links a:after,.wma-nav__login:after{
  content:"";position:absolute;left:50%;bottom:-8px;width:0;height:2px;border-radius:4px;
  background:var(--wma-green);transform:translateX(-50%);transition:width .22s
}
.wma-nav__links a:hover,.wma-nav__login:hover{color:var(--wma-green);transform:translateY(-3px)}
.wma-nav__links a:hover:after,.wma-nav__login:hover:after{width:100%}
.wma-nav__actions{display:flex;align-items:center;gap:22px}
.wma-nav__cta{
  position:relative;overflow:hidden;min-height:48px;display:inline-flex;align-items:center;
  padding:12px 20px;border-radius:13px;background:linear-gradient(135deg,var(--wma-green),#2a965d);
  color:#fff;text-decoration:none;font-size:14px;font-weight:850;
  box-shadow:0 12px 28px rgba(10,85,41,.24);transition:transform .25s,box-shadow .25s
}
.wma-nav__cta:before,.wma-btn--primary:before{
  content:"";position:absolute;top:-55%;left:-65%;width:30%;height:210%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  transform:skewX(-18deg);transition:left .65s
}
.wma-nav__cta:hover,.wma-btn--primary:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(10,85,41,.32)}
.wma-nav__cta:hover:before,.wma-btn--primary:hover:before{left:135%}

/* HERO CONTENT */
.wma-hero__grid{position:relative;z-index:5;width:min(1450px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(430px,.88fr) minmax(620px,1.12fr);align-items:center;gap:22px}
.wma-copy{position:relative;z-index:8;padding:26px 0 70px}
.wma-kicker{display:inline-flex;margin-bottom:23px;padding:10px 16px;border:1px solid rgba(7,61,32,.12);border-radius:999px;background:rgba(255,255,255,.63);box-shadow:0 10px 28px rgba(31,75,30,.08);backdrop-filter:blur(12px);color:var(--wma-green);font-size:13px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.wma-copy h1{max-width:700px;margin:0 0 25px;color:#073d20;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,5.4vw,88px);line-height:.94;letter-spacing:-.055em}
.wma-copy h1 span{color:var(--wma-green)}
.wma-lead{max-width:620px;margin:0 0 30px;color:rgba(7,61,32,.84);font-size:clamp(18px,1.6vw,22px);line-height:1.56;font-weight:600}
.wma-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:27px}
.wma-btn{
  position:relative;overflow:hidden;min-height:56px;display:inline-flex;align-items:center;justify-content:center;
  gap:11px;padding:14px 23px;border-radius:17px;text-decoration:none;font-size:16px;font-weight:850;
  transition:transform .24s,box-shadow .24s
}
.wma-btn:hover{transform:translateY(-4px)}
.wma-btn--primary{color:#fff;background:linear-gradient(135deg,var(--wma-green),#2d9a5f);box-shadow:0 15px 31px rgba(11,84,41,.28)}
.wma-btn--secondary{color:var(--wma-green);border:1px solid rgba(7,61,32,.13);background:rgba(255,255,255,.66);box-shadow:0 11px 26px rgba(54,82,34,.08);backdrop-filter:blur(12px)}
.wma-btn--secondary:hover{box-shadow:0 17px 30px rgba(54,82,34,.15)}
.wma-pills{display:flex;flex-wrap:wrap;gap:10px}
.wma-pills span{min-height:39px;display:inline-flex;align-items:center;padding:8px 13px;border:1px solid rgba(7,61,32,.1);border-radius:14px;background:rgba(255,255,255,.56);color:#164d2b;font-size:13px;font-weight:800;backdrop-filter:blur(10px)}
.wma-scene{position:relative;min-height:635px}
.wma-person{position:absolute;display:block;height:auto;pointer-events:none;user-select:none;filter:drop-shadow(0 22px 18px rgba(48,56,27,.12))}
.wma-person--teo{width:295px;left:-2%;bottom:-40px;z-index:3}
.wma-person--giulia{width:268px;right:-1%;bottom:-29px;z-index:2}
.wma-person--leo{width:190px;left:24%;bottom:-25px;z-index:9}
.wma-phone{position:absolute;z-index:8;left:56%;top:49%;width:300px;height:596px;transform:translate(-50%,-50%) rotateY(-5deg);display:block;padding:47px 18px 19px;overflow:hidden;border:11px solid #202628;border-radius:48px;background:radial-gradient(circle at 88% 6%,rgba(205,238,103,.48),transparent 28%),linear-gradient(180deg,#fcfff2 0%,#f7f7e8 55%,#fff2df 100%);color:#153c24;box-shadow:0 38px 75px rgba(20,46,28,.25),0 14px 30px rgba(20,46,28,.17);cursor:pointer;text-align:left;appearance:none;animation:wmaPhone 6.5s ease-in-out infinite}
.wma-phone__island{position:absolute;top:15px;left:50%;width:94px;height:28px;transform:translateX(-50%);border-radius:18px;background:#050607}
.wma-phone__header{display:flex;justify-content:space-between;margin-bottom:15px;color:#52705a;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.wma-cover{position:relative;overflow:hidden;height:190px;display:flex;align-items:flex-end;padding:17px;border-radius:25px;background:linear-gradient(154deg,#dff28a 0%,#add763 41%,#ffc876 72%,#f18768 100%);box-shadow:0 20px 35px rgba(81,92,39,.18)}
.wma-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,63,34,.42),transparent 57%)}
.wma-cover__sun{position:absolute;top:28px;right:30px;width:62px;height:62px;border-radius:50%;background:#fff1ac;box-shadow:0 0 48px rgba(255,239,153,.95)}
.wma-cover__hill{position:absolute;left:-15%;width:135%;border-radius:50% 50% 0 0}
.wma-cover__hill--1{bottom:13%;height:40%;background:#83af51}.wma-cover__hill--2{left:-3%;bottom:1%;height:38%;background:#4d873f}.wma-cover__hill--3{left:25%;bottom:-16%;height:47%;background:#14572f}
.wma-cover strong{position:relative;z-index:3;color:#fff;font-size:22px;line-height:.96;text-shadow:0 3px 12px rgba(0,0,0,.25)}
.wma-track{display:block;margin:17px 0 12px;text-align:center}.wma-track strong,.wma-track small{display:block}.wma-track strong{font-size:17px}.wma-track small{margin-top:4px;color:#748077;font-size:10px}
.wma-progress{display:block;height:5px;overflow:hidden;border-radius:999px;background:#d8ddcf}.wma-progress__fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wma-green),var(--wma-red))}
.wma-time{display:flex;justify-content:space-between;margin-top:6px;color:#7a847c;font-size:9px;font-weight:750}
.wma-play{width:57px;height:57px;display:grid;place-items:center;margin:12px auto 13px;padding-left:3px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--wma-green),#2d995d);box-shadow:0 13px 25px rgba(24,94,45,.31);font-size:18px}
.wma-phone.is-playing .wma-play{animation:wmaPulse 1.5s ease-in-out infinite}
.wma-preview{display:block;padding:11px 13px;border:1px solid rgba(24,89,42,.09);border-radius:16px;background:rgba(255,255,255,.72)}
.wma-preview span{display:block;font-size:10px;line-height:1.35}.wma-preview span+span{margin-top:6px;padding-top:6px;border-top:1px solid rgba(31,79,40,.08);color:#7b837d}
.wma-phone__hint{display:block;margin-top:8px;color:rgba(21,60,36,.62);font-size:9px;font-weight:750;text-align:center}
.wma-wave{position:absolute;z-index:1;left:-5%;right:-5%;bottom:-78px;height:145px;border-radius:50% 50% 0 0/70% 70% 0 0;background:var(--wma-cream);transform:rotate(-1.2deg)}

/* Jak działa */
.wma-how{background:var(--wma-cream)}
.wma-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wma-card{position:relative;padding:32px;border:1px solid rgba(23,107,69,.1);border-radius:26px;background:#fff;box-shadow:0 15px 50px rgba(28,78,46,.08);transition:.25s}
.wma-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(28,78,46,.13)}
.wma-step__number{position:absolute;top:20px;right:23px;color:rgba(23,107,69,.15);font-size:42px;font-weight:900}
.wma-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:24px;border-radius:18px;background:linear-gradient(145deg,#e9f8c4,#fff1c7);font-size:29px;box-shadow:0 10px 25px rgba(23,107,69,.09)}
.wma-card h3{margin:0 0 10px;color:var(--wma-green-dark);font-size:22px}
.wma-card p{margin:0;color:var(--wma-muted);line-height:1.7}

/* czytanki */
.wma-readings{background:linear-gradient(180deg,#fffdf4,#f3f8e7)}
.wma-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wma-reading{overflow:hidden;padding:0}
.wma-reading__cover{position:relative;height:210px;padding:24px;display:flex;align-items:flex-end;background:linear-gradient(140deg,#d8f28b,#8ecf70 50%,#f3b05d 100%)}
.wma-reading:nth-child(2) .wma-reading__cover{background:linear-gradient(140deg,#ffe599,#ef9d69 50%,#8ab76a 100%)}
.wma-reading:nth-child(3) .wma-reading__cover{background:linear-gradient(140deg,#c7efdc,#7bbca7 48%,#f1bd66 100%)}
.wma-reading__cover:before{content:"";position:absolute;width:105px;height:105px;right:28px;top:24px;border-radius:50%;background:rgba(255,247,182,.85);box-shadow:0 0 45px rgba(255,246,173,.7)}
.wma-reading__cover strong{position:relative;z-index:2;color:#fff;font-family:Georgia,serif;font-size:28px;line-height:1.02;text-shadow:0 4px 13px rgba(23,69,41,.25)}
.wma-reading__body{padding:25px}
.wma-reading__meta{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--wma-green);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.wma-reading h3{font-size:22px}
.wma-reading a{display:inline-flex;margin-top:18px;color:var(--wma-green);font-weight:850;text-decoration:none}

/* warto */
.wma-benefits{background:#fff}
.wma-benefit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.wma-benefit-visual{position:relative;min-height:470px;border-radius:34px;background:linear-gradient(140deg,#176B45,#86c56a 54%,#F0B429);overflow:hidden;box-shadow:var(--wma-shadow)}
.wma-benefit-visual:before{content:"ascolta";position:absolute;left:-20px;top:55px;color:rgba(255,255,255,.15);font:900 85px Georgia}
.wma-benefit-visual:after{content:"impara";position:absolute;right:-10px;bottom:35px;color:rgba(255,255,255,.15);font:900 75px Georgia}
.wma-benefit-phone{position:absolute;left:50%;top:53%;width:240px;height:390px;transform:translate(-50%,-50%) rotate(-5deg);border:8px solid #fff;border-radius:35px;background:#fff9e9;box-shadow:0 25px 60px rgba(4,46,28,.35);padding:35px 20px}
.wma-benefit-phone span{display:block;height:13px;margin-bottom:14px;border-radius:8px;background:#d7e8cb}
.wma-benefit-phone span:nth-child(2){width:73%}.wma-benefit-phone span:nth-child(3){width:88%}.wma-benefit-phone span:nth-child(4){width:61%}
.wma-benefit-phone strong{display:grid;place-items:center;width:76px;height:76px;margin:55px auto;border-radius:50%;background:var(--wma-green);color:#fff;font-size:28px}
.wma-benefit-list{display:grid;gap:18px}
.wma-benefit-item{display:grid;grid-template-columns:47px 1fr;gap:16px;align-items:start}
.wma-check{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:#e7f5d5;color:var(--wma-green);font-size:21px;font-weight:900}
.wma-benefit-item h3{margin:2px 0 7px;font-size:20px}.wma-benefit-item p{margin:0;color:var(--wma-muted);line-height:1.65}

/* opinie */
.wma-opinions{background:linear-gradient(140deg,#eff8dc,#fff4d3)}
.wma-opinion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wma-quote{font-family:Georgia,serif;font-size:54px;line-height:.7;color:var(--wma-gold)}
.wma-opinion p{font-size:17px;line-height:1.75;color:#385747}
.wma-opinion small{display:block;margin-top:20px;color:var(--wma-muted);font-weight:750}
.wma-opinion-note{margin-top:24px;text-align:center;color:#748078;font-size:13px}

/* cennik */
.wma-pricing{background:#fff}
.wma-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:25px}
.wma-price{padding:38px}
.wma-price--featured{border:2px solid var(--wma-green);transform:translateY(-10px);background:linear-gradient(180deg,#fff,#f4fae6)}
.wma-price__label{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf5d8;color:var(--wma-green);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.wma-price h3{margin:20px 0 5px;font-size:30px}.wma-price__amount{margin-bottom:23px;font-family:Georgia,serif;font-size:42px;color:var(--wma-green-dark)}
.wma-price__amount small{font:600 14px Raleway;color:var(--wma-muted)}
.wma-price ul{display:grid;gap:13px;margin:0 0 28px;padding:0;list-style:none;color:#425f50}
.wma-price li:before{content:"✓";margin-right:10px;color:var(--wma-green);font-weight:900}
.wma-price .wma-btn{width:100%}

/* FAQ */
.wma-faq{background:#f5f8eb}
.wma-faq-list{max-width:850px;margin:auto;display:grid;gap:14px}
.wma-faq details{border:1px solid rgba(23,107,69,.11);border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(30,70,45,.06)}
.wma-faq summary{padding:22px 25px;cursor:pointer;font-size:17px;font-weight:850;color:var(--wma-green-dark);list-style:none}
.wma-faq summary::-webkit-details-marker{display:none}
.wma-faq summary:after{content:"＋";float:right;color:var(--wma-green)}
.wma-faq details[open] summary:after{content:"−"}
.wma-faq details p{margin:0;padding:0 25px 24px;color:var(--wma-muted);line-height:1.7}

/* footer */
.wma-footer{
  position:relative;overflow:hidden;padding:75px 0 28px;color:#fff;
  background:linear-gradient(135deg,#08492e,#176B45 58%,#987116)
}
.wma-footer:before{content:"";position:absolute;inset:0;opacity:.09;background-image:radial-gradient(circle at 10% 10%,#fff 0 2px,transparent 3px);background-size:34px 34px}
.wma-footer__grid{position:relative;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px}
.wma-footer__brand img{width:190px;max-height:120px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.wma-footer__brand p{max-width:420px;color:rgba(255,255,255,.76);line-height:1.7}
.wma-footer h3{margin:0 0 18px;color:#fff;font-size:17px}
.wma-footer a{display:block;margin:0 0 12px;color:rgba(255,255,255,.78);text-decoration:none}
.wma-footer a:hover{color:#fff}
.wma-footer__bottom{position:relative;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);text-align:center;color:rgba(255,255,255,.62);font-size:13px}

/* animacje */
@keyframes wmaPhone{0%,100%{transform:translate(-50%,-50%) rotateY(-5deg) scale(1)}50%{transform:translate(-50%,-50%) rotateY(-2deg) translateY(-13px) scale(1.008)}}
@keyframes wmaGlow{from{transform:translate3d(-12px,7px,0) scale(.96)}to{transform:translate3d(24px,-19px,0) scale(1.08)}}
@keyframes wmaBeam{0%,14%{left:-38%;opacity:0}25%{opacity:1}42%{left:125%;opacity:0}100%{left:125%;opacity:0}}
@keyframes wmaWord{0%{transform:translate3d(-25vw,0,0) scale(.96);opacity:0}10%{opacity:.55}72%{opacity:.55}100%{transform:translate3d(145vw,-8px,0) scale(1.03);opacity:0}}
@keyframes fruitLemon{0%{transform:translate3d(0,0,0) rotate(-6deg);opacity:0}10%{opacity:.9}50%{transform:translate3d(15px,-420px,0) rotate(110deg)}100%{transform:translate3d(-8px,-900px,0) rotate(230deg);opacity:0}}
@keyframes fruitOlive{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}10%{opacity:.8}25%{transform:translate3d(15px,-210px,0) rotate(180deg)}50%{transform:translate3d(-12px,-440px,0) rotate(360deg)}75%{transform:translate3d(10px,-650px,0) rotate(540deg)}100%{transform:translate3d(-7px,-900px,0) rotate(720deg);opacity:0}}
@keyframes fruitRound{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}10%{opacity:.82}50%{transform:translate3d(10px,-430px,0) rotate(260deg)}100%{transform:translate3d(-5px,-900px,0) rotate(560deg);opacity:0}}
@keyframes wmaPaw{0%,10%{opacity:0;transform:scale(.7) rotate(-18deg)}18%,45%{opacity:.45;transform:scale(1) rotate(-12deg)}60%,100%{opacity:0;transform:scale(1.05) rotate(-7deg)}}
@keyframes wmaPulse{0%,100%{box-shadow:0 13px 25px rgba(24,94,45,.31)}50%{box-shadow:0 15px 31px rgba(24,94,45,.43),0 0 0 10px rgba(38,137,67,.11)}}

/* responsywność */
@media(max-width:1120px){
  .wma-nav{grid-template-columns:1fr auto}.wma-nav__links{display:none}.wma-hero__grid{grid-template-columns:1fr}
  .wma-copy{text-align:center;padding-bottom:10px}.wma-copy h1,.wma-lead{margin-left:auto;margin-right:auto}.wma-actions,.wma-pills{justify-content:center}
  .wma-scene{min-height:680px;max-width:760px;width:100%;margin:0 auto}.wma-benefit-layout{grid-template-columns:1fr}.wma-benefit-visual{max-width:650px;width:100%;margin:auto}
}
@media(max-width:850px){
  .wma-steps,.wma-reading-grid,.wma-opinion-grid{grid-template-columns:1fr 1fr}.wma-opinion-grid .wma-card:last-child{grid-column:1/-1}
  .wma-footer__grid{grid-template-columns:1fr 1fr}.wma-footer__brand{grid-column:1/-1}
}
@media(max-width:700px){
  .wma-container{width:min(100% - 28px,1180px)}.wma-section{padding:70px 0}
  .wma-hero{min-height:auto;padding:12px 15px 42px;border-radius:0}.wma-nav{margin-bottom:5px;grid-template-columns:1fr auto;gap:10px}
  .wma-nav__brand{width:135px;height:76px}.wma-nav__login{display:none}.wma-nav__cta{min-height:42px;padding:9px 12px;font-size:11px}
  .wma-copy{padding-top:14px}.wma-kicker{margin-bottom:17px;font-size:11px}.wma-copy h1{margin-bottom:19px;font-size:clamp(49px,15vw,66px)}
  .wma-lead{margin-bottom:24px;font-size:17px;line-height:1.47}.wma-actions{flex-direction:column;gap:11px;margin-bottom:21px}.wma-btn{width:100%;min-height:54px}
  .wma-pills{gap:8px}.wma-pills span{font-size:12px;padding:8px 10px}.wma-scene{min-height:570px;margin-top:-14px;transform:scale(.92);transform-origin:top center}
  .wma-person--teo{width:215px;left:-7%;bottom:-25px}.wma-person--giulia{width:198px;right:-6%;bottom:-18px}.wma-person--leo{width:140px;left:20%;bottom:-11px}
  .wma-phone{width:246px;height:505px;left:58%;padding:43px 15px 15px;border-width:9px;border-radius:42px}.wma-cover{height:155px}.wma-cover strong{font-size:19px}
  .wma-steps,.wma-reading-grid,.wma-opinion-grid,.wma-price-grid{grid-template-columns:1fr}.wma-opinion-grid .wma-card:last-child{grid-column:auto}
  .wma-price--featured{transform:none}.wma-footer__grid{grid-template-columns:1fr}.wma-footer__brand{grid-column:auto}
  .wma-floating-word{font-size:34px!important}.wma-fruit{font-size:27px!important}.wma-paw{display:none}
}
@media(prefers-reduced-motion:reduce){
  .wma-phone,.wma-glow,.wma-light-beam,.wma-floating-word,.wma-fruit,.wma-paw,.wma-phone.is-playing .wma-play{animation:none!important}
}

.wma-floating-word:nth-child(1){animation-duration:22s;animation-delay:-2s}
.wma-floating-word:nth-child(2){animation-duration:27s;animation-delay:-15s}
.wma-floating-word:nth-child(3){animation-duration:24s;animation-delay:-9s}
.wma-floating-word:nth-child(4){animation-duration:30s;animation-delay:-23s}
.wma-floating-word:nth-child(5){animation-duration:33s;animation-delay:-27s}
.wma-floating-word:nth-child(6){animation-duration:29s;animation-delay:-18s}

/* ===== OSTATECZNY UKŁAD MOBILNY ===== */
@media(max-width:700px){
  html{scroll-padding-top:10px}
  .wma-hero{padding:10px 14px 34px;min-height:auto;border-radius:0}
  .wma-theme-switcher{position:fixed;top:auto;right:12px;bottom:15px;z-index:999;padding:5px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(7,50,29,.22)}
  .admin-bar .wma-theme-switcher{bottom:15px}
  .wma-theme-btn{width:34px;height:34px;line-height:34px}
  .wma-nav{grid-template-columns:1fr auto;margin-bottom:0;align-items:center}
  .wma-nav__brand{width:128px;height:70px}
  .wma-nav__actions{gap:8px}
  .wma-nav__cta{font-size:11px;padding:9px 11px}
  .wma-hero__grid{display:flex;flex-direction:column;gap:0}
  .wma-copy{order:1;padding:12px 0 18px;text-align:center}
  .wma-copy h1{font-size:clamp(48px,14vw,65px);line-height:.98;margin:0 auto 18px}
  .wma-lead{font-size:16px;line-height:1.5;margin:0 auto 22px}
  .wma-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .wma-pills{justify-content:center}
  .wma-scene{
    order:2;position:relative;width:100%;height:600px;min-height:600px;margin:0;
    transform:none;overflow:visible
  }
  .wma-phone{
    left:50%;top:275px;width:min(76vw,310px);height:540px;
    transform:translate(-50%,-50%);padding:43px 15px 15px;border-width:9px;border-radius:42px;
    animation:wmaPhoneMobile 6.5s ease-in-out infinite
  }
  .wma-cover{height:165px}
  .wma-person--teo{
    width:145px;left:2%;bottom:-8px;z-index:6
  }
  .wma-person--giulia{
    width:132px;right:1%;bottom:-7px;z-index:6
  }
  .wma-person--leo{
    width:132px;left:50%;bottom:-13px;transform:translateX(-50%);z-index:12
  }
  .wma-wave{bottom:-55px;height:105px}
  .wma-floating-words{opacity:.55}
  .wma-floating-word{font-size:30px!important}
  .wma-fruit{font-size:30px!important}
}
@media(max-width:430px){
  .wma-scene{height:570px;min-height:570px}
  .wma-phone{top:260px;width:min(78vw,300px);height:515px}
  .wma-person--teo{width:132px;left:-1%}
  .wma-person--giulia{width:120px;right:-1%}
  .wma-person--leo{width:122px}
}
@keyframes wmaPhoneMobile{
  0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1)}
  50%{transform:translate(-50%,-50%) translateY(-8px) scale(1.006)}
}

.wma-fruit--grapes{animation-name:fruitGrapes}
@keyframes fruitGrapes{
  0%{transform:translate3d(0,0,0) rotate(-2deg);opacity:0}
  12%{opacity:.72}
  55%{transform:translate3d(-8px,-320px,0) rotate(8deg)}
  100%{transform:translate3d(6px,-620px,0) rotate(18deg);opacity:0}
}

/* V5 — spokojniejszy, lżejszy układ */
.wma-hero:before{display:none!important}

/* niższe hero na komputerze */
@media(min-width:1121px){
  .wma-hero{min-height:700px;padding-bottom:34px}
  .wma-hero__grid{min-height:560px}
  .wma-copy{padding:8px 0 42px}
  .wma-scene{min-height:560px}
  .wma-phone{width:276px;height:548px;top:50%;left:56%;animation:none!important}
  .wma-cover{height:170px}
  .wma-person--teo{width:255px;left:0;bottom:-12px}
  .wma-person--giulia{width:232px;right:0;bottom:-9px}
  .wma-person--leo{width:165px;left:26%;bottom:-8px}
  .wma-wave{bottom:-92px;height:125px}
}

/* mniej obciążających animacji */
.wma-glow{animation-duration:24s!important}
.wma-light-beam{animation-duration:20s!important}
.wma-floating-word{animation-duration:38s!important;opacity:.55}
.wma-fruit{will-change:transform;animation-timing-function:linear}
.wma-phone{will-change:auto}
.wma-person,.wma-phone,.wma-glow,.wma-floating-word,.wma-fruit{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}

/* spokojniejszy ruch owoców */
.wma-fruit:nth-child(1),
.wma-fruit:nth-child(2),
.wma-fruit:nth-child(3),
.wma-fruit:nth-child(4),
.wma-fruit:nth-child(5),
.wma-fruit:nth-child(6),
.wma-fruit:nth-child(7),
.wma-fruit:nth-child(8),
.wma-fruit:nth-child(9),
.wma-fruit:nth-child(10){
  animation-duration:28s!important
}

/* OSTATECZNY UKŁAD TELEFONICZNY */
@media(max-width:700px){
  .wma-hero{
    padding:8px 14px 18px;
    min-height:auto!important;
  }

  .wma-copy{
    order:1;
    padding:4px 0 16px!important;
  }

  .wma-copy h1{
    font-size:clamp(44px,13vw,58px)!important;
    line-height:.98!important;
    margin-bottom:16px!important;
  }

  .wma-lead{
    font-size:16px!important;
    line-height:1.45!important;
    margin-bottom:18px!important;
  }

  .wma-scene{
    order:2;
    width:100%;
    height:470px!important;
    min-height:470px!important;
    margin:0!important;
    overflow:visible;
    transform:none!important;
  }

  .wma-phone{
    width:min(64vw,252px)!important;
    height:455px!important;
    left:50%!important;
    top:212px!important;
    padding:39px 13px 13px!important;
    border-width:8px!important;
    border-radius:36px!important;
    animation:none!important;
    transform:translate(-50%,-50%)!important;
  }

  .wma-phone__island{
    width:78px!important;
    height:24px!important;
    top:12px!important;
  }

  .wma-cover{
    height:132px!important;
    border-radius:20px!important;
    padding:14px!important;
  }

  .wma-cover__sun{
    width:48px!important;
    height:48px!important;
    right:22px!important;
    top:20px!important;
  }

  .wma-cover strong{font-size:18px!important}
  .wma-track{margin:13px 0 9px!important}
  .wma-track strong{font-size:15px!important}
  .wma-play{
    width:50px!important;
    height:50px!important;
    margin:9px auto 10px!important;
  }

  .wma-preview{
    padding:9px 10px!important;
  }

  .wma-preview span{
    font-size:9px!important;
  }

  .wma-phone__hint{
    font-size:8px!important;
    margin-top:6px!important;
  }

  /* postacie stoją pod telefonem, nie za nim */
  .wma-person--teo{
    width:104px!important;
    left:7%!important;
    bottom:-2px!important;
    z-index:10!important;
  }

  .wma-person--giulia{
    width:96px!important;
    right:7%!important;
    bottom:-1px!important;
    z-index:10!important;
  }

  .wma-person--leo{
    width:96px!important;
    left:50%!important;
    bottom:-7px!important;
    transform:translateX(-50%)!important;
    z-index:12!important;
  }

  .wma-wave{
    height:72px!important;
    bottom:-38px!important;
  }

  .wma-floating-word{font-size:25px!important;opacity:.32!important}
  .wma-fruit{font-size:24px!important;opacity:.72}
  .wma-paws{display:none!important}

  /* przełącznik pory dnia nie zasłania treści */
  .wma-theme-switcher{
    position:absolute!important;
    top:82px!important;
    right:10px!important;
    bottom:auto!important;
    transform:scale(.9);
    transform-origin:top right;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:445px!important;
    min-height:445px!important;
  }

  .wma-phone{
    width:min(66vw,242px)!important;
    height:438px!important;
    top:204px!important;
  }

  .wma-person--teo{width:96px!important;left:4%!important}
  .wma-person--giulia{width:88px!important;right:4%!important}
  .wma-person--leo{width:90px!important}
}

/* nie animujemy całego hero ani telefonu — to usuwa „szarpanie” */
@media(prefers-reduced-motion:no-preference){
  .wma-phone{animation:none!important}
}

/* =========================================================
   V6 BEST FINAL — niższe hero, łagodna fala, czysty mobile
   ========================================================= */

/* HERO DESKTOP — bardziej zwarte */
@media(min-width:1121px){
  .wma-hero{
    min-height:620px!important;
    padding-top:12px!important;
    padding-bottom:20px!important;
  }

  .wma-nav{
    margin-bottom:8px!important;
  }

  .wma-hero__grid{
    min-height:500px!important;
  }

  .wma-copy{
    padding:0 0 22px!important;
  }

  .wma-kicker{
    margin-bottom:16px!important;
  }

  .wma-copy h1{
    margin-bottom:18px!important;
    font-size:clamp(54px,4.8vw,78px)!important;
  }

  .wma-lead{
    margin-bottom:22px!important;
    font-size:clamp(17px,1.35vw,20px)!important;
  }

  .wma-actions{
    margin-bottom:20px!important;
  }

  .wma-scene{
    min-height:500px!important;
  }

  .wma-phone{
    width:260px!important;
    height:515px!important;
    top:49%!important;
  }

  .wma-cover{
    height:158px!important;
  }

  .wma-person--teo{
    width:238px!important;
    bottom:-4px!important;
  }

  .wma-person--giulia{
    width:216px!important;
    bottom:-3px!important;
  }

  .wma-person--leo{
    width:152px!important;
    bottom:-2px!important;
  }
}

/* FALA — jedna łagodna krzywizna */
.wma-wave{
  left:-8%!important;
  right:-8%!important;
  bottom:-60px!important;
  height:112px!important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0!important;
  transform:none!important;
  background:var(--wma-cream)!important;
}

/* Mobile: usuwamy wszystkie postacie */
@media(max-width:700px){
  .wma-person--teo,
  .wma-person--giulia,
  .wma-person--leo{
    display:none!important;
  }

  .wma-hero{
    min-height:auto!important;
    padding:8px 14px 0!important;
  }

  .wma-nav{
    margin-bottom:0!important;
  }

  .wma-copy{
    padding:0 0 10px!important;
  }

  .wma-copy h1{
    font-size:clamp(42px,12.5vw,56px)!important;
    margin-bottom:13px!important;
  }

  .wma-lead{
    font-size:15px!important;
    line-height:1.42!important;
    margin-bottom:15px!important;
  }

  .wma-actions{
    gap:8px!important;
    margin-bottom:14px!important;
  }

  .wma-pills{
    gap:7px!important;
  }

  .wma-pills span{
    min-height:35px!important;
    padding:7px 9px!important;
    font-size:11px!important;
  }

  .wma-scene{
    height:400px!important;
    min-height:400px!important;
    margin-top:0!important;
  }

  .wma-phone{
    width:min(62vw,238px)!important;
    height:420px!important;
    top:194px!important;
  }

  .wma-cover{
    height:124px!important;
  }

  .wma-wave{
    height:62px!important;
    bottom:-30px!important;
  }

  .wma-section{
    padding-top:60px!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:380px!important;
    min-height:380px!important;
  }

  .wma-phone{
    width:min(64vw,232px)!important;
    height:406px!important;
    top:186px!important;
  }

  .wma-cover{
    height:116px!important;
  }
}

/* wolniejsze i łagodniejsze animacje */
.wma-fruit{
  animation-duration:34s!important;
  opacity:.78;
}

.wma-floating-word{
  animation-duration:44s!important;
}

.wma-light-beam{
  animation-duration:26s!important;
}

/* subtelny, ale płynny błysk przycisków */
.wma-nav__cta:before,
.wma-btn--primary:before{
  transition:left .9s ease!important;
}

/* ograniczenie obciążenia GPU */
.wma-glow{
  filter:blur(62px)!important;
  opacity:.72;
}

@media(max-width:700px){
  .wma-glow{
    opacity:.45;
    filter:blur(72px)!important;
  }

  .wma-floating-words{
    opacity:.36!important;
  }

  .wma-fruits{
    opacity:.8!important;
  }
}

/* =========================================================
   V7 — uśmiech zamiast fali + ruch w stylu Apple
   ========================================================= */

/* Usuwamy starą falę całkowicie */
.wma-wave{display:none!important}

/* HERO: środek schodzi niżej, brzegi są wyżej */
.wma-hero{
  border-radius:0 0 50% 50% / 0 0 8% 8%!important;
  margin-bottom:42px!important;
  overflow:hidden!important;
}

/* Telefon bez niebieskiej obwódki i ciężkiego cienia */
.wma-phone{
  outline:none!important;
  box-shadow:
    0 24px 48px rgba(10,45,28,.18),
    0 8px 18px rgba(10,45,28,.10)!important;
  transition:
    transform .28s cubic-bezier(.22,.61,.36,1),
    box-shadow .28s ease!important;
}

.wma-phone:focus{outline:none!important}
.wma-phone:focus-visible{
  outline:3px solid rgba(255,255,255,.72)!important;
  outline-offset:5px!important;
}

/* Parallax — wartości ustawiane przez JS */
.wma-hero{
  --phone-x:0px;
  --phone-y:0px;
  --teo-x:0px;
  --teo-y:0px;
  --leo-x:0px;
  --leo-y:0px;
  --giulia-x:0px;
  --giulia-y:0px;
}

@media(min-width:701px){
  .wma-phone{
    animation:none!important;
    transform:
      translate(
        calc(-50% + var(--phone-x)),
        calc(-50% + var(--phone-y))
      )
      rotateY(-3deg)!important;
  }

  .wma-person--teo{
    transform:translate3d(var(--teo-x),var(--teo-y),0)!important;
    transition:transform .34s cubic-bezier(.22,.61,.36,1)!important;
  }

  .wma-person--leo{
    transform:translate3d(var(--leo-x),var(--leo-y),0)!important;
    transition:transform .30s cubic-bezier(.22,.61,.36,1)!important;
  }

  .wma-person--giulia{
    transform:translate3d(var(--giulia-x),var(--giulia-y),0)!important;
    transition:transform .38s cubic-bezier(.22,.61,.36,1)!important;
  }

  .wma-phone:hover{
    box-shadow:
      0 30px 58px rgba(10,45,28,.21),
      0 10px 22px rgba(10,45,28,.11)!important;
  }
}

/* Hero jeszcze trochę niższe na komputerze */
@media(min-width:1121px){
  .wma-hero{
    min-height:590px!important;
    padding-bottom:12px!important;
  }
  .wma-hero__grid{min-height:470px!important}
  .wma-scene{min-height:470px!important}
  .wma-copy{padding-bottom:12px!important}
  .wma-phone{width:252px!important;height:498px!important}
  .wma-person--teo{width:228px!important}
  .wma-person--giulia{width:208px!important}
  .wma-person--leo{width:148px!important}
}

/* Mobile: tylko telefon, bez postaci; telefon w całości i bez brzydkiej obwódki */
@media(max-width:700px){
  .wma-person--teo,
  .wma-person--giulia,
  .wma-person--leo{
    display:none!important
  }

  .wma-hero{
    border-radius:0 0 50% 50% / 0 0 4.5% 4.5%!important;
    margin-bottom:26px!important;
    padding-bottom:6px!important;
  }

  .wma-scene{
    height:390px!important;
    min-height:390px!important;
  }

  .wma-phone{
    width:min(61vw,232px)!important;
    height:410px!important;
    top:188px!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:
      0 18px 38px rgba(10,45,28,.16),
      0 6px 14px rgba(10,45,28,.08)!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:372px!important;
    min-height:372px!important;
  }
  .wma-phone{
    width:min(63vw,228px)!important;
    height:400px!important;
    top:182px!important;
  }
}

/* Szarpanie: ograniczamy kosztowne elementy */
.wma-glow{
  animation:none!important;
}
.wma-light-beam{
  animation-duration:30s!important;
}
.wma-floating-word{
  animation-duration:48s!important;
}
.wma-fruit{
  animation-duration:38s!important;
  will-change:transform;
}

/* W razie ograniczenia ruchu — pełny spokój */
@media(prefers-reduced-motion:reduce){
  .wma-phone,
  .wma-person,
  .wma-fruit,
  .wma-floating-word,
  .wma-light-beam{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}

/* =========================================================
   V8 — połowa telefonu + lekki mobile bez lagów
   ========================================================= */

/* Telefon zmniejszony o połowę na komputerze */
@media(min-width:701px){
  .wma-phone{
    width:126px!important;
    height:249px!important;
    padding:24px 8px 8px!important;
    border-width:5px!important;
    border-radius:24px!important;
    box-shadow:
      0 12px 24px rgba(10,45,28,.14),
      0 4px 10px rgba(10,45,28,.07)!important;
  }

  .wma-phone__island{
    width:47px!important;
    height:14px!important;
    top:7px!important;
  }

  .wma-phone__header{
    margin-bottom:7px!important;
    font-size:5px!important;
  }

  .wma-cover{
    height:79px!important;
    padding:8px!important;
    border-radius:13px!important;
  }

  .wma-cover__sun{
    width:31px!important;
    height:31px!important;
    right:15px!important;
    top:14px!important;
  }

  .wma-cover strong{
    font-size:11px!important;
  }

  .wma-track{
    margin:8px 0 6px!important;
  }

  .wma-track strong{
    font-size:9px!important;
  }

  .wma-track small{
    font-size:5px!important;
  }

  .wma-progress{
    height:3px!important;
  }

  .wma-time{
    margin-top:3px!important;
    font-size:5px!important;
  }

  .wma-play{
    width:29px!important;
    height:29px!important;
    margin:6px auto!important;
    font-size:9px!important;
  }

  .wma-preview{
    padding:6px!important;
    border-radius:9px!important;
  }

  .wma-preview span{
    font-size:5px!important;
  }

  .wma-phone__hint{
    margin-top:3px!important;
    font-size:4px!important;
  }

  .wma-scene{
    min-height:330px!important;
  }

  .wma-hero__grid{
    min-height:350px!important;
  }

  .wma-hero{
    min-height:500px!important;
  }
}

/* MOBILE — bez animacji i bez nakładania przełącznika na tekst */
@media(max-width:700px){
  .wma-theme-switcher{
    position:static!important;
    display:flex!important;
    width:max-content!important;
    margin:2px auto 12px!important;
    transform:none!important;
    background:rgba(255,255,255,.78)!important;
    z-index:20!important;
  }

  .wma-hero__grid{
    display:flex!important;
    flex-direction:column!important;
  }

  .wma-copy{
    order:1!important;
  }

  .wma-scene{
    order:2!important;
    height:230px!important;
    min-height:230px!important;
  }

  .wma-phone{
    width:116px!important;
    height:205px!important;
    top:102px!important;
    left:50%!important;
    padding:20px 7px 7px!important;
    border-width:4px!important;
    border-radius:21px!important;
    box-shadow:
      0 10px 20px rgba(10,45,28,.12),
      0 3px 8px rgba(10,45,28,.06)!important;
    animation:none!important;
    transition:none!important;
    transform:translate(-50%,-50%)!important;
  }

  .wma-phone__island{
    width:42px!important;
    height:13px!important;
    top:6px!important;
  }

  .wma-phone__header{
    margin-bottom:6px!important;
    font-size:4.5px!important;
  }

  .wma-cover{
    height:66px!important;
    padding:6px!important;
    border-radius:11px!important;
  }

  .wma-cover__sun{
    width:25px!important;
    height:25px!important;
    right:12px!important;
    top:11px!important;
  }

  .wma-cover strong{
    font-size:9px!important;
  }

  .wma-track{
    margin:6px 0 4px!important;
  }

  .wma-track strong{
    font-size:8px!important;
  }

  .wma-track small{
    font-size:4px!important;
  }

  .wma-progress{
    height:2px!important;
  }

  .wma-time{
    margin-top:2px!important;
    font-size:4px!important;
  }

  .wma-play{
    width:25px!important;
    height:25px!important;
    margin:4px auto!important;
    font-size:8px!important;
  }

  .wma-preview{
    padding:5px!important;
    border-radius:8px!important;
  }

  .wma-preview span{
    font-size:4px!important;
  }

  .wma-phone__hint{
    display:none!important;
  }

  /* całkowicie wyłączamy kosztowne animacje na telefonie */
  .wma-fruit,
  .wma-floating-word,
  .wma-light-beam,
  .wma-glow,
  .wma-paw{
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  .wma-floating-words,
  .wma-light-beam,
  .wma-paws{
    display:none!important;
  }

  /* zostają tylko cztery statyczne owoce */
  .wma-fruit{
    display:none!important;
  }

  .wma-fruit:nth-child(1),
  .wma-fruit:nth-child(3),
  .wma-fruit:nth-child(6),
  .wma-fruit:nth-child(8){
    display:block!important;
    position:absolute!important;
    opacity:.52!important;
    font-size:23px!important;
    bottom:auto!important;
    filter:none!important;
    transform:none!important;
  }

  .wma-fruit:nth-child(1){left:7%!important;top:24%!important}
  .wma-fruit:nth-child(3){left:82%!important;top:36%!important}
  .wma-fruit:nth-child(6){left:13%!important;top:73%!important}
  .wma-fruit:nth-child(8){left:87%!important;top:78%!important}

  .wma-hero{
    min-height:auto!important;
    padding-bottom:0!important;
  }

  .wma-copy h1{
    font-size:clamp(39px,11.5vw,52px)!important;
  }

  .wma-actions{
    margin-bottom:12px!important;
  }

  .wma-pills{
    margin-bottom:2px!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:220px!important;
    min-height:220px!important;
  }

  .wma-phone{
    width:112px!important;
    height:198px!important;
    top:98px!important;
  }
}

/* =========================================================
   V9 — MOBILE PERFORMANCE MODE
   Usuwa wszystko, co może powodować przycinanie na telefonie.
   ========================================================= */

@media(max-width:700px){

  /* 1. Statyczne, proste tło — bez radialnych gradientów */
  .wma-hero[data-theme="day"]{
    background:linear-gradient(115deg,#176B45 0%,#7f9638 58%,#F0B429 100%)!important;
  }
  .wma-hero[data-theme="evening"]{
    background:linear-gradient(115deg,#315b48 0%,#a4603e 62%,#e79a40 100%)!important;
  }
  .wma-hero[data-theme="night"]{
    background:linear-gradient(115deg,#102c2a 0%,#203e55 58%,#402f63 100%)!important;
  }

  /* 2. Całkowicie usuwamy warstwy dekoracyjne */
  .wma-glow,
  .wma-light-beam,
  .wma-floating-words,
  .wma-fruits,
  .wma-paws{
    display:none!important;
  }

  /* 3. Bez blurów, filtrów i backdrop-filter */
  .wma-hero *,
  .wma-theme-switcher,
  .wma-kicker,
  .wma-pills span,
  .wma-btn--secondary{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }

  /* 4. Bez kosztownych animacji i przejść */
  .wma-hero *,
  .wma-hero *::before,
  .wma-hero *::after{
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  /* 5. Ograniczamy cienie */
  .wma-phone{
    box-shadow:0 8px 18px rgba(10,45,28,.10)!important;
  }
  .wma-btn,
  .wma-nav__cta,
  .wma-kicker,
  .wma-pills span,
  .wma-theme-switcher{
    box-shadow:none!important;
  }

  /* 6. Prosty przełącznik — nad kickerem, bez nakładania */
  .wma-theme-switcher{
    position:static!important;
    display:flex!important;
    margin:4px auto 12px!important;
    width:max-content!important;
    padding:4px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(23,107,69,.12)!important;
  }
  .wma-theme-btn{
    width:32px!important;
    height:32px!important;
    line-height:32px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  .wma-theme-btn.is-active{
    background:#fff!important;
    box-shadow:none!important;
  }

  /* 7. Krótsze i prostsze hero */
  .wma-hero{
    border-radius:0 0 34px 34px!important;
    margin-bottom:18px!important;
    padding:8px 14px 0!important;
    contain:layout paint;
  }

  .wma-copy{
    padding:0 0 8px!important;
  }

  .wma-copy h1{
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1!important;
    margin-bottom:12px!important;
  }

  .wma-lead{
    font-size:15px!important;
    line-height:1.4!important;
    margin-bottom:14px!important;
  }

  .wma-actions{
    gap:8px!important;
    margin-bottom:10px!important;
  }

  .wma-pills{
    gap:6px!important;
    margin-bottom:0!important;
  }

  .wma-pills span{
    font-size:10px!important;
    min-height:32px!important;
    padding:6px 8px!important;
    background:rgba(255,255,255,.82)!important;
  }

  /* 8. Telefon bardzo mały i bez efektów */
  .wma-scene{
    height:205px!important;
    min-height:205px!important;
  }

  .wma-phone{
    width:108px!important;
    height:190px!important;
    top:94px!important;
    left:50%!important;
    padding:18px 6px 6px!important;
    border-width:4px!important;
    border-radius:19px!important;
    transform:translate(-50%,-50%)!important;
  }

  .wma-phone__island{
    width:39px!important;
    height:12px!important;
    top:5px!important;
  }

  .wma-phone__header{
    margin-bottom:5px!important;
    font-size:4px!important;
  }

  .wma-cover{
    height:61px!important;
    padding:5px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }

  .wma-cover__sun{
    width:23px!important;
    height:23px!important;
    right:10px!important;
    top:9px!important;
    box-shadow:none!important;
  }

  .wma-cover strong{
    font-size:8px!important;
  }

  .wma-track{
    margin:5px 0 3px!important;
  }

  .wma-track strong{
    font-size:7px!important;
  }

  .wma-track small{
    display:none!important;
  }

  .wma-progress{
    height:2px!important;
  }

  .wma-time{
    margin-top:2px!important;
    font-size:4px!important;
  }

  .wma-play{
    width:23px!important;
    height:23px!important;
    margin:3px auto!important;
    font-size:7px!important;
    box-shadow:none!important;
  }

  .wma-preview{
    padding:4px!important;
    border-radius:7px!important;
    background:#fff!important;
  }

  .wma-preview span{
    font-size:3.8px!important;
  }

  .wma-phone__hint{
    display:none!important;
  }

  /* 9. Brak smooth scroll na słabszych urządzeniach */
  html{
    scroll-behavior:auto!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:198px!important;
    min-height:198px!important;
  }

  .wma-phone{
    width:104px!important;
    height:184px!important;
    top:91px!important;
  }
}

/* =========================================================
   V10 — wersja ostateczna
   Lepsza widoczność logo, spokojniejsze watermarki,
   eleganckie animacje desktopowe, maksymalnie lekki mobile.
   ========================================================= */

/* LOGO — czytelne na każdym tle */
.wma-nav__brand{
  width:210px!important;
  height:104px!important;
  padding:8px 14px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 34px rgba(8,73,46,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.wma-nav__brand img{
  object-fit:contain!important;
}
@media(min-width:701px){
  .wma-nav__brand{
    animation:wmaLogoBreath 8s ease-in-out infinite!important;
  }
}
@keyframes wmaLogoBreath{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.015)}
}

/* WATERMARKI — dużo subtelniejsze i poza główną treścią */
.wma-floating-word{
  opacity:.045!important;
  color:#fff!important;
  font-size:34px!important;
  animation-duration:54s!important;
}
.wma-floating-word:nth-child(1){left:3%!important;top:15%!important}
.wma-floating-word:nth-child(2){left:31%!important;top:8%!important}
.wma-floating-word:nth-child(3){left:75%!important;top:13%!important}
.wma-floating-word:nth-child(4){left:7%!important;top:72%!important}
.wma-floating-word:nth-child(5){left:69%!important;top:76%!important}
.wma-floating-word:nth-child(6){left:84%!important;top:60%!important}

/* DESKTOP — elegancki, spokojny ruch */
@media(min-width:701px){
  .wma-phone{
    animation:wmaPhoneFloat 12s ease-in-out infinite!important;
  }

  .wma-person--teo{
    animation:wmaTeoFloat 11s ease-in-out infinite!important;
  }

  .wma-person--giulia{
    animation:wmaGiuliaFloat 13s ease-in-out infinite!important;
  }

  .wma-person--leo{
    animation:wmaLeoFloat 10s ease-in-out infinite!important;
  }

  .wma-btn--secondary .wma-arrow,
  .wma-btn--secondary span:last-child{
    transition:transform .25s ease!important;
  }

  .wma-btn--secondary:hover .wma-arrow,
  .wma-btn--secondary:hover span:last-child{
    transform:translateX(5px)!important;
  }
}

@keyframes wmaPhoneFloat{
  0%,100%{transform:translate(-50%,-50%) rotate(-.6deg)}
  50%{transform:translate(-50%,-50%) translateY(-8px) rotate(.5deg)}
}
@keyframes wmaTeoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes wmaGiuliaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes wmaLeoFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-3px) rotate(.4deg)}
}

/* OWOCE — spokojniejszy rytm, nie wszystkie naraz */
@media(min-width:701px){
  .wma-fruit{
    opacity:.68!important;
    animation-duration:42s!important;
  }
  .wma-fruit--lemon{animation-duration:30s!important}
  .wma-fruit--olive{animation-duration:24s!important}
  .wma-fruit--grapes{animation-duration:52s!important}
}

/* PRZEŁĄCZNIK PORY DNIA */
.wma-theme-switcher{
  border-radius:16px!important;
}
@media(min-width:701px){
  .wma-theme-switcher{
    top:18px!important;
    right:18px!important;
  }
}

/* SUBTELNA STRZAŁKA W DÓŁ */
.wma-scroll-cue{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:20;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.76);
  color:var(--wma-green-dark);
  text-decoration:none;
  font-size:18px;
  box-shadow:0 8px 20px rgba(8,73,46,.12);
}
@media(min-width:701px){
  .wma-scroll-cue{
    animation:wmaScrollCue 2.6s ease-in-out infinite;
  }
}
@keyframes wmaScrollCue{
  0%,100%{transform:translate(-50%,0)}
  50%{transform:translate(-50%,6px)}
}

/* UŚMIECH — środek hero niżej, brzegi wyżej */
.wma-hero{
  clip-path:ellipse(88% 100% at 50% 0%)!important;
  padding-bottom:46px!important;
  margin-bottom:34px!important;
}

/* MOBILE — absolutne minimum efektów */
@media(max-width:700px){
  .wma-nav__brand{
    width:148px!important;
    height:78px!important;
    padding:5px 9px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .wma-theme-switcher{
    position:static!important;
    margin:6px auto 12px!important;
    transform:scale(.82)!important;
    transform-origin:center!important;
  }

  .wma-floating-words,
  .wma-fruits,
  .wma-light-beam,
  .wma-glow,
  .wma-paws,
  .wma-scroll-cue{
    display:none!important;
  }

  .wma-phone,
  .wma-person,
  .wma-btn,
  .wma-nav__brand{
    animation:none!important;
    transition:none!important;
    transform:none;
  }

  .wma-phone{
    width:104px!important;
    height:184px!important;
    left:50%!important;
    top:91px!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:0 6px 14px rgba(10,45,28,.08)!important;
  }

  .wma-scene{
    height:198px!important;
    min-height:198px!important;
  }

  .wma-hero{
    clip-path:none!important;
    border-radius:0 0 28px 28px!important;
    padding-bottom:0!important;
    margin-bottom:18px!important;
    contain:layout paint style!important;
  }

  .wma-copy h1{
    font-size:clamp(38px,10.8vw,50px)!important;
  }

  .wma-pills span{
    box-shadow:none!important;
    background:#fff!important;
  }

  .wma-kicker,
  .wma-btn--secondary{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* =========================================================
   V11 — białe logo bez kapsuły + większe postacie
   ========================================================= */

/* LOGO: bez białej kapsuły, większe i całkowicie białe */
.wma-nav__brand{
  width:260px!important;
  height:118px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  animation:none!important;
  transform:translateY(12px)!important;
}

.wma-nav__brand img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1) drop-shadow(0 3px 8px rgba(0,0,0,.18))!important;
  opacity:1!important;
}

.wma-nav__brand:hover{
  transform:translateY(9px) scale(1.02)!important;
}

/* większe postacie */
@media(min-width:701px){
  .wma-person--teo{
    width:250px!important;
  }

  .wma-person--giulia{
    width:228px!important;
  }

  .wma-person--leo{
    width:160px!important;
  }
}

/* przycisk w menu: miękkie rozjaśnienie i poświata */
.wma-nav__cta{
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    filter .24s ease!important;
}

.wma-nav__cta:hover{
  transform:translateY(-3px)!important;
  filter:brightness(1.08)!important;
  box-shadow:
    0 18px 38px rgba(10,85,41,.30),
    0 0 24px rgba(72,188,118,.18)!important;
}

/* mobilnie: logo również białe, ale proporcjonalnie mniejsze */
@media(max-width:700px){
  .wma-nav__brand{
    width:172px!important;
    height:86px!important;
    transform:translateY(5px)!important;
  }

  .wma-nav__brand:hover{
    transform:translateY(5px)!important;
  }

  .wma-nav__brand img{
    filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.16))!important;
  }
}

/* =========================================================
   V12 — porządek w lewej kolumnie hero
   ========================================================= */

/* Po usunięciu dodatkowego napisu pod logo, cała treść idzie równo do lewej */
.wma-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
}

.wma-copy h1,
.wma-lead,
.wma-actions,
.wma-pills{
  margin-left:0!important;
  margin-right:0!important;
}

/* Przyciski i etykiety w jednej, uporządkowanej osi */
.wma-actions{
  justify-content:flex-start!important;
}

.wma-pills{
  justify-content:flex-start!important;
  align-items:center!important;
  margin-top:2px!important;
  margin-bottom:42px!important;
}

/* Więcej bezpiecznego odstępu od dolnej krzywizny hero */
@media(min-width:701px){
  .wma-copy{
    padding-bottom:52px!important;
  }

  .wma-pills{
    margin-bottom:46px!important;
  }
}

/* Telefon i pozostałe elementy nie wpływają na układ lewej kolumny */
.wma-hero__grid{
  align-items:center!important;
}

/* Mobile pozostaje czytelny, ale nadal uporządkowany */
@media(max-width:700px){
  .wma-copy{
    align-items:center!important;
    text-align:center!important;
  }

  .wma-copy h1,
  .wma-lead,
  .wma-actions,
  .wma-pills{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .wma-actions,
  .wma-pills{
    justify-content:center!important;
  }

  .wma-pills{
    margin-bottom:18px!important;
  }
}


/* =========================================================
   V13 — SYSTEM CZYTANEK
   ========================================================= */

.wma-reading-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 92% 8%,rgba(240,180,41,.12),transparent 25%),
    linear-gradient(180deg,#f6fae9 0%,#fffdf6 36%,#fff 100%);
}

.wma-reading-nav{
  position:relative;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:18px 0;
}

.wma-reading-nav__logo{
  width:190px;
  height:92px;
  display:block;
}

.wma-reading-nav__logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
}

.wma-reading-nav__links{
  display:flex;
  align-items:center;
  gap:14px;
}

.wma-reading-nav__links a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:13px;
  color:var(--wma-green-dark);
  font-size:14px;
  font-weight:850;
  text-decoration:none;
}

.wma-reading-nav__links a:last-child{
  color:#fff;
  background:var(--wma-green);
}

.wma-reading-hero{
  position:relative;
  overflow:hidden;
  padding:74px 0 90px;
  background:linear-gradient(120deg,#176B45 0%,#74923d 55%,#F0B429 100%);
  color:#fff;
}

.wma-reading-hero:after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-70px;
  height:130px;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  background:#f6fae9;
}

.wma-reading-hero__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,430px);
  align-items:center;
  gap:64px;
  width:min(1100px,calc(100% - 40px));
  margin:0 auto;
}

.wma-reading-breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wma-reading-hero h1{
  margin:0 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(52px,7vw,86px);
  line-height:.96;
  letter-spacing:-.05em;
}

.wma-reading-hero__lead{
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:19px;
  line-height:1.65;
}

.wma-reading-cover{
  position:relative;
  overflow:hidden;
  aspect-ratio:1.22/1;
  display:flex;
  align-items:flex-end;
  padding:28px;
  border:8px solid rgba(255,255,255,.7);
  border-radius:32px;
  background:linear-gradient(145deg,#dff28a 0%,#a8d35e 40%,#f3b55e 75%,#e67d5c 100%);
  box-shadow:0 28px 60px rgba(6,50,28,.25);
}

.wma-reading-cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.wma-reading-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(5,58,31,.65),transparent 58%);
}

.wma-reading-cover strong{
  position:relative;
  z-index:2;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1;
  text-shadow:0 3px 12px rgba(0,0,0,.22);
}

.wma-reading-main{
  width:min(1040px,calc(100% - 40px));
  margin:0 auto;
  padding:70px 0 100px;
}

.wma-reading-player{
  overflow:hidden;
  margin-bottom:40px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 60px rgba(20,74,44,.11);
}

.wma-media-tabs{
  display:flex;
  gap:8px;
  padding:14px;
  border-bottom:1px solid rgba(23,107,69,.09);
  background:#f5f9e9;
}

.wma-media-tab{
  min-height:44px;
  padding:10px 18px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:var(--wma-green-dark);
  font-weight:850;
  cursor:pointer;
}

.wma-media-tab.is-active{
  color:#fff;
  background:var(--wma-green);
}

.wma-media-panel{
  display:none;
  padding:26px;
}

.wma-media-panel.is-active{
  display:block;
}

.wma-audio-native{
  width:100%;
}

.wma-video-wrap{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:19px;
  background:#0d2118;
}

.wma-video-wrap iframe,
.wma-video-wrap video{
  width:100%;
  height:100%;
  border:0;
  object-fit:contain;
}

.wma-reading-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);
  gap:28px;
  align-items:start;
}

.wma-reading-card{
  padding:34px;
  border:1px solid rgba(23,107,69,.1);
  border-radius:26px;
  background:#fff;
  box-shadow:0 16px 45px rgba(20,74,44,.08);
}

.wma-reading-card + .wma-reading-card{
  margin-top:28px;
}

.wma-reading-card h2{
  margin:0 0 22px;
  color:var(--wma-green-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.05;
}

.wma-reading-text{
  color:#294f3b;
  font-size:18px;
  line-height:1.85;
  white-space:pre-line;
}

.wma-reading-translation{
  color:#5c6f64;
}

.wma-vocab-list{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.wma-vocab-list li{
  display:grid;
  grid-template-columns:minmax(110px,.8fr) 1.2fr;
  gap:16px;
  padding:13px 0;
  border-bottom:1px solid rgba(23,107,69,.09);
}

.wma-vocab-list li:last-child{
  border-bottom:0;
}

.wma-vocab-list strong{
  color:var(--wma-green);
}

.wma-reading-back{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:34px;
  color:var(--wma-green);
  font-weight:850;
  text-decoration:none;
}

.wma-reading-archive{
  min-height:100vh;
  padding:44px 0 100px;
  background:#f7faee;
}

.wma-reading-archive__head{
  width:min(1000px,calc(100% - 40px));
  margin:0 auto 42px;
  text-align:center;
}

.wma-reading-archive__head h1{
  margin:12px 0 14px;
  color:var(--wma-green-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,7vw,76px);
}

.wma-reading-archive__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  width:min(1100px,calc(100% - 40px));
  margin:0 auto;
}

.wma-reading-tile{
  overflow:hidden;
  border:1px solid rgba(23,107,69,.1);
  border-radius:25px;
  background:#fff;
  box-shadow:0 16px 45px rgba(20,74,44,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}

.wma-reading-tile:hover{
  transform:translateY(-6px);
  box-shadow:0 23px 55px rgba(20,74,44,.13);
}

.wma-reading-tile__cover{
  position:relative;
  height:220px;
  display:flex;
  align-items:flex-end;
  padding:23px;
  background:linear-gradient(145deg,#dff28a,#8bc16d 48%,#f1ad5c);
}

.wma-reading-tile__cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.wma-reading-tile__cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,66,35,.65),transparent 58%);
}

.wma-reading-tile__cover strong{
  position:relative;
  z-index:2;
  color:#fff;
  font:700 27px/1 Georgia,"Times New Roman",serif;
}

.wma-reading-tile__body{
  padding:23px;
}

.wma-reading-tile__meta{
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
  color:var(--wma-green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wma-reading-tile__body p{
  color:var(--wma-muted);
  line-height:1.65;
}

.wma-reading-tile__body a{
  color:var(--wma-green);
  font-weight:850;
  text-decoration:none;
}

@media(max-width:850px){
  .wma-reading-hero__inner,
  .wma-reading-content-grid{
    grid-template-columns:1fr;
  }

  .wma-reading-cover{
    max-width:520px;
    width:100%;
    margin:auto;
  }

  .wma-reading-archive__grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .wma-reading-nav{
    width:min(100% - 26px,1180px);
  }

  .wma-reading-nav__logo{
    width:135px;
    height:70px;
  }

  .wma-reading-nav__links a:first-child{
    display:none;
  }

  .wma-reading-hero{
    padding:45px 0 72px;
  }

  .wma-reading-hero__inner{
    width:min(100% - 28px,1100px);
    gap:32px;
  }

  .wma-reading-hero h1{
    font-size:50px;
  }

  .wma-reading-main{
    width:min(100% - 28px,1040px);
    padding-top:50px;
  }

  .wma-reading-card{
    padding:24px 20px;
  }

  .wma-reading-text{
    font-size:16px;
    line-height:1.75;
  }

  .wma-vocab-list li{
    grid-template-columns:1fr;
    gap:5px;
  }

  .wma-reading-archive__grid{
    grid-template-columns:1fr;
    width:min(100% - 28px,1100px);
  }
}

/* Panel administracyjny czytanek */
.wma-admin-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.wma-admin-field--full{
  grid-column:1/-1;
}
.wma-admin-field label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
}
.wma-admin-field input[type="text"],
.wma-admin-field input[type="url"],
.wma-admin-field textarea,
.wma-admin-field select{
  width:100%;
}
.wma-admin-field textarea{
  min-height:180px;
}
.wma-admin-media-row{
  display:flex;
  gap:8px;
}
.wma-admin-media-row input{
  flex:1;
}
.wma-admin-help{
  margin-top:6px;
  color:#646970;
  font-size:12px;
}
@media(max-width:780px){
  .wma-admin-fields{
    grid-template-columns:1fr;
  }
  .wma-admin-field--full{
    grid-column:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.2
   Okładki, dynamiczne karty, filtry i własny odtwarzacz
   ========================================================= */

/* Okładka na stronie czytanki — tylko obraz, bez powtórzonego tytułu */
.wma-reading-cover{
  padding:0!important;
  align-items:stretch!important;
  background:linear-gradient(145deg,#dff28a,#8bc16d 48%,#f1ad5c)!important;
}
.wma-reading-cover:after{
  display:none!important;
}
.wma-reading-cover > strong{
  display:none!important;
}
.wma-reading-cover img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Własny odtwarzacz audio */
.wma-custom-player{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:20px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:20px;
  background:linear-gradient(135deg,#f7faed,#fff);
}

.wma-player-main{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:var(--wma-green);
  color:#fff;
  font-size:20px;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(23,107,69,.22);
}

.wma-player-center{
  min-width:0;
}

.wma-player-title{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  color:var(--wma-green-dark);
  font-size:13px;
  font-weight:850;
}

.wma-player-range{
  width:100%;
  accent-color:var(--wma-green);
  cursor:pointer;
}

.wma-player-tools{
  display:flex;
  align-items:center;
  gap:7px;
}

.wma-player-tool,
.wma-speed-button{
  min-width:43px;
  min-height:39px;
  padding:7px 10px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:11px;
  background:#fff;
  color:var(--wma-green-dark);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.wma-speed-menu{
  position:relative;
}

.wma-speed-options{
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  z-index:30;
  display:none;
  min-width:90px;
  padding:6px;
  border:1px solid rgba(23,107,69,.12);
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,74,44,.15);
}

.wma-speed-options.is-open{
  display:grid;
}

.wma-speed-options button{
  padding:8px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--wma-green-dark);
  text-align:left;
  font-weight:750;
  cursor:pointer;
}

.wma-speed-options button:hover,
.wma-speed-options button.is-active{
  background:#eef6df;
}

/* Zakładki odtwarzacza */
.wma-media-tab{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

/* Dynamiczne karty na stronie głównej */
.wma-reading__cover{
  position:relative;
  overflow:hidden;
  height:230px!important;
  padding:0!important;
  background:linear-gradient(145deg,#dff28a,#8bc16d 48%,#f1ad5c)!important;
}

.wma-reading__cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}

.wma-reading:hover .wma-reading__cover img{
  transform:scale(1.035);
}

.wma-reading__cover--fallback{
  display:flex;
  align-items:flex-end;
  padding:24px!important;
}

.wma-reading__cover--fallback strong{
  position:relative;
  z-index:2;
  color:#fff;
  font:700 28px/1 Georgia,"Times New Roman",serif;
}

.wma-reading__cover--fallback:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,66,35,.65),transparent 58%);
}

/* Strona wszystkich czytanek — wyszukiwarka i filtry */
.wma-reading-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:min(900px,calc(100% - 40px));
  margin:0 auto 38px;
}

.wma-reading-search{
  flex:1 1 280px;
  min-height:48px;
  padding:11px 16px;
  border:1px solid rgba(23,107,69,.14);
  border-radius:15px;
  background:#fff;
  color:var(--wma-green-dark);
  font-size:15px;
  outline:none;
}

.wma-reading-search:focus{
  border-color:var(--wma-green);
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}

.wma-reading-filter{
  min-height:44px;
  padding:9px 15px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:999px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:820;
  cursor:pointer;
}

.wma-reading-filter.is-active{
  color:#fff;
  background:var(--wma-green);
}

.wma-reading-tile[hidden]{
  display:none!important;
}

.wma-reading-empty{
  display:none;
  width:min(800px,calc(100% - 40px));
  margin:35px auto;
  padding:28px;
  border-radius:20px;
  background:#fff;
  color:var(--wma-muted);
  text-align:center;
}

.wma-reading-empty.is-visible{
  display:block;
}

/* Metadane na kartach */
.wma-reading-media-icons{
  display:flex;
  gap:7px;
}

.wma-reading-media-icons span{
  display:inline-grid;
  place-items:center;
  min-width:26px;
  height:26px;
  border-radius:8px;
  background:#edf5de;
  font-size:12px;
}

/* Panel admina: bardziej czytelna sekcja okładki */
.post-type-wma_reading #postimagediv .inside:before{
  content:"Okładka będzie używana na karcie czytanki, liście materiałów i w hero strony.";
  display:block;
  margin-bottom:10px;
  color:#646970;
  font-size:12px;
  line-height:1.4;
}

@media(max-width:700px){
  .wma-custom-player{
    grid-template-columns:auto 1fr;
  }

  .wma-player-tools{
    grid-column:1/-1;
    justify-content:center;
  }

  .wma-reading-tools{
    width:min(100% - 28px,900px);
  }

  .wma-reading-filter{
    font-size:12px;
    padding:8px 12px;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.3 — FINAL POLISH
   ========================================================= */

html{
  scroll-behavior:smooth;
}

/* Uproszczony pasek wyszukiwarki na stronie czytanek */
.wma-reading-tools{
  justify-content:center!important;
  max-width:760px!important;
}

.wma-reading-filter:not([data-filter="all"]){
  display:none!important;
}

.wma-reading-filter[data-filter="all"]{
  flex:0 0 auto;
}

/* Karty — jeden spójny układ */
.wma-reading,
.wma-reading-tile{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(20,74,44,.08)!important;
  transition:
    transform .35s cubic-bezier(.22,.61,.36,1),
    box-shadow .35s ease!important;
}

.wma-reading:hover,
.wma-reading-tile:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 24px 55px rgba(20,74,44,.14)!important;
}

/* Jednolity obraz 16:9 bez ozdobników */
.wma-reading__cover,
.wma-reading-tile__cover{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  background:#e9f1df!important;
}

.wma-reading__cover:before,
.wma-reading__cover:after,
.wma-reading-tile__cover:before,
.wma-reading-tile__cover:after{
  display:none!important;
  content:none!important;
}

.wma-reading__cover img,
.wma-reading-tile__cover img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
  opacity:1!important;
  transition:transform .35s cubic-bezier(.22,.61,.36,1)!important;
}

.wma-reading:hover .wma-reading__cover img,
.wma-reading-tile:hover .wma-reading-tile__cover img{
  transform:scale(1.035)!important;
}

/* Fallback bez żółtego koła i gradientu */
.wma-reading__cover--fallback,
.wma-reading-tile__cover:not(:has(img)){
  display:flex!important;
  align-items:flex-end!important;
  padding:24px!important;
  background:linear-gradient(145deg,#dcecab,#87ad5c 55%,#5b7f3f)!important;
}

.wma-reading__cover--fallback strong,
.wma-reading-tile__cover:not(:has(img)) strong{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font:700 27px/1.05 Georgia,"Times New Roman",serif!important;
}

/* Treść kart i przycisk zawsze na dole */
.wma-reading__body,
.wma-reading-tile__body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:22px!important;
}

.wma-reading__body p,
.wma-reading-tile__body p{
  flex:0 0 auto!important;
}

.wma-reading__body > a:last-child,
.wma-reading-tile__body > a:last-child{
  margin-top:auto!important;
  padding-top:18px!important;
}

/* Wyrównane wysokości */
.wma-reading-grid,
.wma-reading-archive__grid{
  align-items:stretch!important;
}

.wma-reading-grid > *,
.wma-reading-archive__grid > *{
  min-height:100%!important;
}

/* Meta nad tytułem */
.wma-reading__meta,
.wma-reading-tile__meta{
  min-height:28px!important;
  align-items:center!important;
}

/* Hero czytanki — obraz bez napisów i bez dodatkowych nakładek */
.wma-reading-cover{
  overflow:hidden!important;
  aspect-ratio:1.15/1!important;
  padding:0!important;
  background:#e9f1df!important;
  box-shadow:0 24px 54px rgba(6,50,28,.18)!important;
}

.wma-reading-cover:before,
.wma-reading-cover:after,
.wma-reading-cover > strong{
  display:none!important;
  content:none!important;
}

.wma-reading-cover img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
}

/* Subtelne kliknięcia */
.wma-player-main:active,
.wma-media-tab:active,
.wma-btn:active,
.wma-nav__cta:active{
  transform:scale(.97)!important;
}

/* Wideo: delikatne wejście */
.wma-video-wrap{
  transform:scale(.985);
  opacity:.98;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .35s ease;
}

.wma-media-panel.is-active .wma-video-wrap{
  transform:scale(1);
  opacity:1;
}

/* Responsywność */
@media(max-width:700px){
  .wma-reading-tools{
    width:min(100% - 28px,760px)!important;
  }

  .wma-reading-search{
    flex-basis:100%!important;
  }

  .wma-reading-filter[data-filter="all"]{
    width:100%!important;
  }

  .wma-reading-content-grid{
    grid-template-columns:1fr!important;
  }

  .wma-reading__body,
  .wma-reading-tile__body{
    padding:20px!important;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.4
   Słownik, logowanie, dostęp próbny i tryb testowy
   ========================================================= */

/* Pasek wersji testowej */
.wma-test-banner{
  position:relative;
  z-index:200;
  padding:11px 18px;
  background:linear-gradient(90deg,#fff3be,#ffe59a);
  color:#5c4810;
  text-align:center;
  font-size:14px;
  font-weight:800;
  box-shadow:0 4px 16px rgba(92,72,16,.10);
}
.wma-test-banner strong{color:#176B45}

/* Status materiału na kartach */
.wma-access-badge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#176B45;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(8,73,46,.14);
}
.wma-access-badge--locked{
  color:#6b4a18;
  background:rgba(255,244,205,.95);
}

/* Ekran blokady */
.wma-locked-panel{
  max-width:760px;
  margin:40px auto 0;
  padding:46px 36px;
  border:1px solid rgba(23,107,69,.12);
  border-radius:28px;
  background:linear-gradient(145deg,#fff,#f5fae9);
  box-shadow:0 22px 60px rgba(20,74,44,.10);
  text-align:center;
}
.wma-locked-icon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  border-radius:24px;
  background:#eef6df;
  font-size:34px;
}
.wma-locked-panel h2{
  margin:0 0 14px;
  color:var(--wma-green-dark);
  font:700 38px/1.05 Georgia,"Times New Roman",serif;
}
.wma-locked-panel p{
  max-width:590px;
  margin:0 auto 26px;
  color:var(--wma-muted);
  font-size:17px;
  line-height:1.7;
}
.wma-locked-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}

/* Formularze logowania, rejestracji i konto */
.wma-member-page{
  min-height:100vh;
  padding:50px 20px 90px;
  background:
    radial-gradient(circle at 85% 12%,rgba(240,180,41,.18),transparent 26%),
    linear-gradient(155deg,#edf7dc,#fffaf0 52%,#fff);
}
.wma-member-shell{
  width:min(920px,100%);
  margin:0 auto;
}
.wma-member-logo{
  display:block;
  width:210px;
  height:105px;
  margin:0 auto 22px;
}
.wma-member-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.wma-member-card{
  max-width:560px;
  margin:0 auto;
  padding:38px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:28px;
  background:#fff;
  box-shadow:0 25px 70px rgba(20,74,44,.12);
}
.wma-member-card--wide{max-width:820px}
.wma-member-card h1{
  margin:0 0 12px;
  color:var(--wma-green-dark);
  font:700 clamp(38px,6vw,58px)/1 Georgia,"Times New Roman",serif;
  text-align:center;
}
.wma-member-intro{
  margin:0 auto 28px;
  color:var(--wma-muted);
  text-align:center;
  line-height:1.65;
}
.wma-form-field{margin-bottom:18px}
.wma-form-field label{
  display:block;
  margin-bottom:7px;
  color:var(--wma-green-dark);
  font-weight:800;
}
.wma-form-field input{
  width:100%;
  min-height:50px;
  padding:12px 14px;
  border:1px solid rgba(23,107,69,.17);
  border-radius:14px;
  background:#fbfdf7;
  color:#163f2d;
  font-size:16px;
  outline:none;
}
.wma-form-field input:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-form-submit{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,#176B45,#2d965e);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 13px 28px rgba(23,107,69,.22);
}
.wma-form-footer{
  margin-top:20px;
  color:var(--wma-muted);
  text-align:center;
}
.wma-form-footer a{
  color:#176B45;
  font-weight:850;
  text-decoration:none;
}
.wma-form-message{
  margin-bottom:20px;
  padding:13px 15px;
  border-radius:13px;
  background:#eef7e1;
  color:#23593a;
  line-height:1.5;
}
.wma-form-message--error{
  background:#fff0eb;
  color:#8a3827;
}
.wma-account-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:28px;
}
.wma-account-box{
  padding:24px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:21px;
  background:#f8fbed;
}
.wma-account-box h2{
  margin:0 0 10px;
  color:var(--wma-green-dark);
  font-size:22px;
}
.wma-account-box p{
  margin:0 0 17px;
  color:var(--wma-muted);
  line-height:1.6;
}
.wma-account-link{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:9px 14px;
  border-radius:12px;
  background:#176B45;
  color:#fff;
  font-weight:850;
  text-decoration:none;
}

/* Słownik */
.wma-dictionary-page{
  min-height:100vh;
  padding:44px 0 100px;
  background:linear-gradient(180deg,#f4f9e8,#fffdf6);
}
.wma-dictionary-head{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 34px;
  text-align:center;
}
.wma-dictionary-head h1{
  margin:12px 0 14px;
  color:var(--wma-green-dark);
  font:700 clamp(48px,7vw,76px)/1 Georgia,"Times New Roman",serif;
}
.wma-dictionary-head p{
  color:var(--wma-muted);
  font-size:17px;
  line-height:1.65;
}
.wma-dictionary-tools{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 28px;
}
.wma-dictionary-search{
  width:100%;
  min-height:52px;
  padding:13px 17px;
  border:1px solid rgba(23,107,69,.15);
  border-radius:16px;
  background:#fff;
  font-size:16px;
  outline:none;
}
.wma-dictionary-search:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-dictionary-letters{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
  width:min(1000px,calc(100% - 40px));
  margin:0 auto 36px;
}
.wma-dictionary-letter{
  min-width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(23,107,69,.12);
  border-radius:11px;
  background:#fff;
  color:#176B45;
  font-weight:900;
  text-decoration:none;
}
.wma-dictionary{
  width:min(940px,calc(100% - 40px));
  margin:0 auto;
}
.wma-dictionary-group{
  margin-bottom:36px;
}
.wma-dictionary-group h2{
  margin:0 0 12px;
  color:#176B45;
  font:700 38px/1 Georgia,"Times New Roman",serif;
}
.wma-dictionary-entry{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;
  gap:18px;
  align-items:start;
  padding:16px 18px;
  border-bottom:1px solid rgba(23,107,69,.09);
  background:#fff;
}
.wma-dictionary-entry:first-of-type{
  border-radius:18px 18px 0 0;
}
.wma-dictionary-entry:last-child{
  border-bottom:0;
  border-radius:0 0 18px 18px;
}
.wma-dictionary-entry strong{
  color:var(--wma-green-dark);
  font-size:16px;
}
.wma-dictionary-entry > span{
  color:var(--wma-muted);
}
.wma-dictionary-sources{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.wma-dictionary-sources a{
  padding:5px 8px;
  border-radius:8px;
  background:#edf5de;
  color:#176B45;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.wma-dictionary-entry[hidden],
.wma-dictionary-group[hidden]{display:none!important}

/* Ustawienia admina */
.wma-settings-wrap{
  max-width:900px;
}
.wma-settings-card{
  margin-top:20px;
  padding:24px;
  border:1px solid #dcdcde;
  border-radius:12px;
  background:#fff;
}
.wma-settings-card h2{margin-top:0}

@media(max-width:700px){
  .wma-account-grid{grid-template-columns:1fr}
  .wma-member-card{padding:28px 20px}
  .wma-dictionary-entry{
    grid-template-columns:1fr;
    gap:7px;
  }
  .wma-dictionary-sources{
    justify-content:flex-start;
  }
  .wma-locked-panel{
    padding:34px 20px;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.5 — STABILIZACJA
   ========================================================= */

/* Tytuł czytanki zawsze pod okładką */
.wma-reading-tile__cover strong,
.wma-reading__cover strong{
  display:none!important;
}

.wma-reading-tile__title,
.wma-reading__title{
  margin:10px 0 10px!important;
  color:var(--wma-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:25px!important;
  line-height:1.12!important;
  overflow-wrap:anywhere;
}

.wma-reading-tile__title a,
.wma-reading__title a{
  color:inherit!important;
  text-decoration:none!important;
}

.wma-reading-tile__title a:hover,
.wma-reading__title a:hover{
  color:var(--wma-green)!important;
}

/* Usunięcie starych linii i pseudo-elementów z okładek */
.wma-reading-tile__cover *,
.wma-reading__cover *{
  text-decoration:none!important;
}

.wma-reading-tile__cover:before,
.wma-reading-tile__cover:after,
.wma-reading__cover:before,
.wma-reading__cover:after{
  content:none!important;
  display:none!important;
  border:0!important;
}

.wma-reading-tile__cover{
  border-bottom:0!important;
}

.wma-reading-tile__body{
  border-top:0!important;
}

/* Plakietka nadal może leżeć na obrazie */
.wma-reading-tile__cover .wma-access-badge,
.wma-reading__cover .wma-access-badge{
  display:inline-flex!important;
  text-decoration:none!important;
}

/* Gdy nie ma obrazka: neutralny placeholder bez tytułu na obrazie */
.wma-reading-tile__cover--empty,
.wma-reading__cover--empty{
  background:
    radial-gradient(circle at 68% 30%,rgba(255,246,164,.78) 0 13%,transparent 14%),
    linear-gradient(160deg,#d9ee9a,#8db45e 58%,#4f783d)!important;
}

/* Karta nie może ucinać przycisku */
.wma-reading-tile__body,
.wma-reading__body{
  min-height:250px;
}

.wma-reading-tile__body > a:last-child,
.wma-reading__body > a:last-child{
  display:inline-flex;
  align-items:center;
  margin-top:auto!important;
}

/* Komunikat naprawczy w panelu */
.wma-system-notice{
  padding:12px 16px;
  border-left:4px solid #176B45;
  background:#eff8e6;
}

/* Na telefonie tytuły nie są przesadnie duże */
@media(max-width:700px){
  .wma-reading-tile__title,
  .wma-reading__title{
    font-size:22px!important;
  }

  .wma-reading-tile__body,
  .wma-reading__body{
    min-height:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.6
   Panel użytkownika, postępy, panel administratora, YT
   ========================================================= */

/* Słownik — równe kolumny i poprawne wyrównanie */
.wma-dictionary-entry{
  grid-template-columns:minmax(210px,.9fr) minmax(220px,1fr) minmax(180px,.9fr)!important;
  align-items:center!important;
}
.wma-dictionary-entry strong,
.wma-dictionary-entry > span{
  display:block!important;
  min-width:0!important;
  line-height:1.45!important;
}
.wma-dictionary-sources{
  align-items:center!important;
}
.wma-dictionary-sources a{
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}

/* Pasek postępu użytkownika */
.wma-progress-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 34px;
  padding:20px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#f4fae8);
  box-shadow:0 14px 34px rgba(20,74,44,.08);
}

.wma-progress-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid rgba(23,107,69,.15);
  border-radius:14px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.wma-progress-button:hover{transform:translateY(-2px)}
.wma-progress-button.is-active{
  color:#fff;
  background:var(--wma-green);
}
.wma-progress-button--warning.is-active{
  background:#b7791f;
}
.wma-progress-message{
  flex-basis:100%;
  min-height:20px;
  color:var(--wma-green);
  font-size:13px;
  font-weight:800;
}

/* Panel użytkownika */
.wma-account-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:28px 0;
}
.wma-account-stat{
  padding:22px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:20px;
  background:#f8fbed;
  text-align:center;
}
.wma-account-stat strong{
  display:block;
  color:var(--wma-green-dark);
  font:700 38px/1 Georgia,"Times New Roman",serif;
}
.wma-account-stat span{
  display:block;
  margin-top:8px;
  color:var(--wma-muted);
  font-size:13px;
  font-weight:750;
}
.wma-progress-bar{
  overflow:hidden;
  height:12px;
  margin:16px 0 6px;
  border-radius:999px;
  background:#e7eedc;
}
.wma-progress-bar > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#176B45,#48a06e);
}
.wma-account-table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
}
.wma-account-table th,
.wma-account-table td{
  padding:13px 12px;
  border-bottom:1px solid rgba(23,107,69,.09);
  text-align:left;
  vertical-align:middle;
}
.wma-account-table th{
  color:var(--wma-green-dark);
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.wma-status-pill{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#edf5de;
  color:#176B45;
  font-size:11px;
  font-weight:850;
}
.wma-status-pill--practice{
  background:#fff1d6;
  color:#8a5b11;
}

/* Panel administratora */
.wma-admin-dashboard{
  max-width:1250px;
}
.wma-admin-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:24px 0;
}
.wma-admin-stat{
  padding:22px;
  border:1px solid #dcdcde;
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 22px rgba(0,0,0,.04);
}
.wma-admin-stat strong{
  display:block;
  margin-bottom:7px;
  color:#176B45;
  font-size:34px;
  line-height:1;
}
.wma-admin-stat span{color:#50575e}
.wma-admin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.wma-admin-panel{
  padding:22px;
  border:1px solid #dcdcde;
  border-radius:14px;
  background:#fff;
}
.wma-admin-panel h2{margin-top:0}
.wma-admin-table{
  width:100%;
  border-collapse:collapse;
}
.wma-admin-table th,
.wma-admin-table td{
  padding:10px 8px;
  border-bottom:1px solid #e7e7e7;
  text-align:left;
}
.wma-admin-table th{
  color:#50575e;
  font-size:11px;
  text-transform:uppercase;
}
.wma-admin-email{
  word-break:break-all;
}

/* Pole YouTube */
.wma-youtube-note{
  margin-top:8px;
  padding:10px 12px;
  border-radius:10px;
  background:#fff7d8;
  color:#6f5610;
  font-size:12px;
  line-height:1.5;
}

@media(max-width:900px){
  .wma-account-stats,
  .wma-admin-stats{
    grid-template-columns:1fr 1fr;
  }
  .wma-admin-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .wma-dictionary-entry{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .wma-account-stats{
    grid-template-columns:1fr 1fr;
  }
  .wma-account-table{
    display:block;
    overflow-x:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.7
   Stopka, kontakt, polityka prywatności i regulamin
   ========================================================= */

/* Uporządkowana stopka */
.wma-footer{
  margin-top:0!important;
  padding:64px 0 24px!important;
}
.wma-footer__grid{
  display:grid!important;
  grid-template-columns:1.35fr repeat(3,minmax(150px,.7fr))!important;
  gap:46px!important;
  align-items:start!important;
}
.wma-footer__brand img{
  width:210px!important;
  height:105px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.wma-footer__brand p{
  max-width:340px!important;
  margin-top:12px!important;
  line-height:1.7!important;
}
.wma-footer h3{
  margin:8px 0 16px!important;
}
.wma-footer a{
  display:block!important;
  margin:0 0 10px!important;
  line-height:1.45!important;
}
.wma-footer__bottom{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:44px!important;
  padding-top:20px!important;
}
.wma-footer__legal{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.wma-footer__legal a{
  display:inline!important;
  margin:0!important;
}

/* Strony informacyjne */
.wma-legal-page{
  min-height:100vh;
  padding:54px 20px 100px;
  background:
    radial-gradient(circle at 90% 4%,rgba(240,180,41,.14),transparent 26%),
    linear-gradient(180deg,#f4f9e8,#fffdf7);
}
.wma-legal-shell{
  width:min(900px,100%);
  margin:0 auto;
}
.wma-legal-header{
  margin-bottom:28px;
  text-align:center;
}
.wma-legal-header h1{
  margin:12px 0 12px;
  color:var(--wma-green-dark);
  font:700 clamp(44px,7vw,70px)/1 Georgia,"Times New Roman",serif;
}
.wma-legal-header p{
  color:var(--wma-muted);
  line-height:1.65;
}
.wma-legal-card{
  padding:42px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 60px rgba(20,74,44,.09);
}
.wma-legal-card h2{
  margin:34px 0 12px;
  color:var(--wma-green-dark);
  font:700 30px/1.12 Georgia,"Times New Roman",serif;
}
.wma-legal-card h2:first-child{margin-top:0}
.wma-legal-card h3{
  margin:24px 0 10px;
  color:var(--wma-green-dark);
  font-size:19px;
}
.wma-legal-card p,
.wma-legal-card li{
  color:#435e50;
  font-size:16px;
  line-height:1.75;
}
.wma-legal-card ul,
.wma-legal-card ol{
  padding-left:24px;
}
.wma-legal-card a{
  color:var(--wma-green);
  font-weight:800;
}
.wma-legal-warning{
  margin:0 0 24px;
  padding:16px 18px;
  border-left:4px solid #d79a19;
  border-radius:8px;
  background:#fff6d9;
  color:#624d15;
  line-height:1.6;
}

/* Formularz kontaktowy */
.wma-contact-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:26px;
  align-items:start;
}
.wma-contact-info{
  padding:28px;
  border-radius:22px;
  background:#f4f9e8;
}
.wma-contact-info h2{
  margin-top:0;
}
.wma-contact-item{
  margin-bottom:18px;
}
.wma-contact-item strong{
  display:block;
  margin-bottom:4px;
  color:var(--wma-green-dark);
}
.wma-contact-form{
  padding:30px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:22px;
  background:#fff;
}
.wma-contact-form textarea{
  width:100%;
  min-height:170px;
  padding:13px 14px;
  border:1px solid rgba(23,107,69,.17);
  border-radius:14px;
  background:#fbfdf7;
  color:#163f2d;
  font:inherit;
  resize:vertical;
  outline:none;
}
.wma-contact-form textarea:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-contact-consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:16px 0;
  color:#52675b;
  font-size:13px;
  line-height:1.55;
}
.wma-contact-consent input{
  margin-top:3px;
}
.wma-honeypot{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
}

/* Checkboxy rejestracji */
.wma-register-consents{
  margin:20px 0;
  padding:16px;
  border-radius:14px;
  background:#f6faed;
}
.wma-register-consents label{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:12px;
  color:#40594d;
  font-size:13px;
  line-height:1.55;
}
.wma-register-consents label:last-child{
  margin-bottom:0;
}
.wma-register-consents input{
  margin-top:3px;
  flex:0 0 auto;
}

/* Ustawienia administratora */
.wma-settings-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.wma-settings-field--full{
  grid-column:1/-1;
}
.wma-settings-field label{
  display:block;
  margin-bottom:6px;
  font-weight:700;
}
.wma-settings-field input,
.wma-settings-field textarea{
  width:100%;
}
.wma-settings-field textarea{
  min-height:90px;
}

@media(max-width:900px){
  .wma-footer__grid{
    grid-template-columns:1fr 1fr!important;
  }
  .wma-contact-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .wma-footer__grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .wma-footer__brand img{
    width:185px!important;
  }
  .wma-footer__bottom{
    display:block!important;
  }
  .wma-footer__legal{
    margin-top:12px;
  }
  .wma-legal-card{
    padding:28px 20px;
  }
  .wma-settings-fields{
    grid-template-columns:1fr;
  }
  .wma-settings-field--full{
    grid-column:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.8
   Favicon, prawidłowe statystyki i usuwanie konta
   ========================================================= */

.wma-danger-zone{
  margin-top:34px;
  padding:24px;
  border:1px solid rgba(174,45,31,.22);
  border-radius:20px;
  background:#fff7f4;
}
.wma-danger-zone h2{
  margin:0 0 9px;
  color:#8b2c20;
  font-size:23px;
}
.wma-danger-zone p{
  margin:0 0 18px;
  color:#72534e;
  line-height:1.65;
}
.wma-delete-account-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.wma-delete-account-form .wma-form-field{
  margin:0;
}
.wma-delete-account-form .wma-delete-account-button{
  grid-column:1/-1;
}
.wma-delete-account-button{
  min-height:48px;
  border:0;
  border-radius:14px;
  background:#a3382a;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.wma-delete-account-button:hover{
  background:#862d23;
}
.wma-delete-note{
  margin-top:12px!important;
  font-size:12px;
}

@media(max-width:700px){
  .wma-delete-account-form{
    grid-template-columns:1fr;
  }
  .wma-delete-account-form .wma-delete-account-button{
    grid-column:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.0
   Ukryty e-mail, spójna nawigacja, nowa ilustracja
   ========================================================= */

/* Pasek nawigacyjny stron dodatkowych */
.wma-subpage-nav{
  position:sticky;
  top:0;
  z-index:120;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  min-height:78px;
  padding:10px clamp(20px,5vw,70px);
  border-bottom:1px solid rgba(23,107,69,.08);
  background:rgba(252,253,245,.93);
  backdrop-filter:blur(18px);
  box-shadow:0 7px 24px rgba(20,74,44,.05);
}
.admin-bar .wma-subpage-nav{
  top:32px;
}
.wma-subpage-nav__brand{
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--wma-green-dark);
  font-weight:900;
  text-decoration:none;
}
.wma-subpage-nav__brand img{
  width:108px;
  height:54px;
  object-fit:contain;
}
.wma-subpage-nav__actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.wma-subpage-back,
.wma-subpage-home{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 14px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:13px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}
.wma-subpage-back:hover,
.wma-subpage-home:hover{
  transform:translateY(-2px);
  background:#f1f7e5;
}
.wma-subpage-back svg,
.wma-subpage-home svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}

/* Kontakt bez publicznego adresu e-mail */
.wma-contact-item--private{
  padding:14px 15px;
  border-radius:15px;
  background:#eaf4dd;
  color:#315442;
  line-height:1.55;
}
.wma-contact-private-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:16px;
  background:#fff;
  color:var(--wma-green);
  box-shadow:0 8px 18px rgba(20,74,44,.08);
}
.wma-contact-private-icon svg{
  width:26px;
  height:26px;
}

/* Polityka prywatności — kontakt wyłącznie przez formularz */
.wma-private-contact-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:11px;
  background:#edf5df;
  color:var(--wma-green)!important;
  text-decoration:none;
}
.wma-private-contact-link svg{
  width:17px;
  height:17px;
}

/* Nowa ilustracja „Dlaczego warto” */
.wma-benefits-visual{
  position:relative;
  min-height:420px;
  overflow:hidden;
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,245,155,.45),transparent 22%),
    linear-gradient(145deg,#176b45,#71b35f 55%,#e1b62d);
  box-shadow:0 28px 60px rgba(23,107,69,.18);
}
.wma-benefits-visual:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:radial-gradient(circle,rgba(255,255,255,.85) 1.5px,transparent 1.5px);
  background-size:34px 34px;
}
.wma-benefits-orbit{
  position:absolute;
  inset:0;
}
.wma-benefits-orbit span{
  position:absolute;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 30px rgba(7,48,27,.14);
  font-size:29px;
  animation:wmaBenefitFloat 6s ease-in-out infinite;
}
.wma-benefits-orbit span:nth-child(1){left:11%;top:15%}
.wma-benefits-orbit span:nth-child(2){right:10%;top:14%;animation-delay:-1.5s}
.wma-benefits-orbit span:nth-child(3){left:10%;bottom:13%;animation-delay:-3s}
.wma-benefits-orbit span:nth-child(4){right:12%;bottom:14%;animation-delay:-4.5s}
.wma-benefits-center{
  position:absolute;
  left:50%;
  top:50%;
  width:210px;
  height:260px;
  transform:translate(-50%,-50%) rotate(-3deg);
  border:7px solid rgba(255,255,255,.92);
  border-radius:34px;
  background:#fff9e9;
  box-shadow:0 24px 50px rgba(8,50,28,.24);
}
.wma-benefits-center:before{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:36px;
  height:11px;
  border-radius:999px;
  background:#dcebcf;
  box-shadow:
    0 25px 0 #dcebcf,
    0 50px 0 #dcebcf,
    0 75px 0 #dcebcf;
}
.wma-benefits-wave{
  position:absolute;
  left:28px;
  right:28px;
  bottom:34px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.wma-benefits-wave span{
  width:8px;
  border-radius:999px;
  background:linear-gradient(#176b45,#e1b62d);
  animation:wmaWave 1.4s ease-in-out infinite;
}
.wma-benefits-wave span:nth-child(1){height:22px}
.wma-benefits-wave span:nth-child(2){height:44px;animation-delay:-.2s}
.wma-benefits-wave span:nth-child(3){height:60px;animation-delay:-.4s}
.wma-benefits-wave span:nth-child(4){height:36px;animation-delay:-.6s}
.wma-benefits-wave span:nth-child(5){height:52px;animation-delay:-.8s}
.wma-benefits-wave span:nth-child(6){height:26px;animation-delay:-1s}
.wma-benefits-play{
  position:absolute;
  left:50%;
  top:56%;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#176b45;
  color:#fff;
  box-shadow:0 14px 28px rgba(23,107,69,.28);
}
.wma-benefits-play svg{
  width:25px;
  height:25px;
  margin-left:4px;
}
@keyframes wmaBenefitFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-12px) rotate(4deg)}
}
@keyframes wmaWave{
  0%,100%{transform:scaleY(.55)}
  50%{transform:scaleY(1)}
}

/* Nieco spokojniejsze marginesy stron prawnych */
.wma-legal-page{
  padding-top:40px!important;
}
.wma-contact-grid{
  margin-top:28px;
}

@media(max-width:782px){
  .admin-bar .wma-subpage-nav{
    top:46px;
  }
}
@media(max-width:700px){
  .wma-subpage-nav{
    min-height:68px;
    padding:8px 14px;
  }
  .wma-subpage-nav__brand span{
    display:none;
  }
  .wma-subpage-nav__brand img{
    width:88px;
    height:45px;
  }
  .wma-subpage-home{
    display:none;
  }
  .wma-subpage-back{
    padding:8px 11px;
    font-size:13px;
  }
  .wma-benefits-visual{
    min-height:340px;
  }
  .wma-benefits-center{
    width:170px;
    height:220px;
  }
  .wma-benefits-orbit span{
    width:52px;
    height:52px;
    font-size:24px;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.1
   Nawigacja premium, usuwanie konta, Koloseum
   ========================================================= */

/* Nowoczesna nawigacja podstron */
.wma-subpage-nav{
  min-height:84px!important;
  padding:12px clamp(18px,4vw,56px)!important;
  background:rgba(250,252,244,.88)!important;
  border-bottom:1px solid rgba(23,107,69,.09)!important;
  backdrop-filter:blur(22px) saturate(1.15)!important;
}
.wma-subpage-nav__brand{
  gap:12px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  letter-spacing:-.01em!important;
}
.wma-subpage-nav__brand img{
  width:118px!important;
  height:58px!important;
}
.wma-subpage-nav__actions{
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.wma-subpage-link{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 15px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:var(--wma-green-dark);
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(20,74,44,.05);
  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    color .22s ease;
}
.wma-subpage-link:hover{
  transform:translateY(-2px);
  background:#fff;
  box-shadow:0 14px 28px rgba(20,74,44,.10);
}
.wma-subpage-link.is-primary{
  border-color:transparent;
  background:linear-gradient(135deg,#176B45,#2c9b61);
  color:#fff;
  box-shadow:0 12px 28px rgba(23,107,69,.20);
}
.wma-subpage-link.is-current{
  background:#edf5df;
  color:#176B45;
}
.wma-subpage-link svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
}

/* Stare przyciski chowamy, żeby nie dublować wyglądu */
.wma-subpage-back,
.wma-subpage-home{
  display:none!important;
}

/* Nowoczesny przycisk Moje konto w słowniku */
.wma-reading-nav__links a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 15px!important;
  border:1px solid rgba(23,107,69,.11)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wma-green-dark)!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(20,74,44,.05)!important;
}
.wma-reading-nav__links a:hover{
  background:#f2f7e8!important;
  transform:translateY(-2px)!important;
}
.wma-reading-nav__links a:last-child{
  background:linear-gradient(135deg,#176B45,#2c9b61)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Koloseum zamiast generycznej grafiki */
.wma-colosseum-visual{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 76% 19%,rgba(255,247,181,.78) 0 11%,transparent 12%),
    linear-gradient(180deg,#b9e0c1 0%,#e6d478 58%,#e8ae47 100%);
  box-shadow:0 30px 65px rgba(23,107,69,.18);
}
.wma-colosseum-visual:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.15;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.8) 1.5px,transparent 1.5px);
  background-size:32px 32px;
}
.wma-colosseum-sky-word{
  position:absolute;
  top:38px;
  left:34px;
  color:rgba(255,255,255,.28);
  font:700 62px/1 Georgia,"Times New Roman",serif;
}
.wma-colosseum{
  position:absolute;
  left:50%;
  bottom:54px;
  width:76%;
  height:250px;
  transform:translateX(-50%);
  border-radius:50% 50% 12px 12px / 18% 18% 12px 12px;
  background:
    linear-gradient(180deg,#f4cf8a,#d99a50 54%,#b66f35);
  box-shadow:
    inset 0 -12px 0 rgba(109,58,24,.18),
    0 24px 45px rgba(91,53,22,.22);
}
.wma-colosseum:before,
.wma-colosseum:after{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  height:72px;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 16px,
      rgba(106,57,26,.76) 16px 36px,
      transparent 36px 50px
    );
  mask:
    repeating-radial-gradient(
      ellipse 16px 34px at 25px 50%,
      #000 0 55%,
      transparent 57% 100%
    );
  -webkit-mask:
    repeating-radial-gradient(
      ellipse 16px 34px at 25px 50%,
      #000 0 55%,
      transparent 57% 100%
    );
}
.wma-colosseum:before{top:48px}
.wma-colosseum:after{top:132px}
.wma-colosseum-ground{
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-28px;
  height:105px;
  border-radius:50% 50% 0 0;
  background:linear-gradient(180deg,#79964a,#436a3c);
}
.wma-colosseum-path{
  position:absolute;
  left:50%;
  bottom:-15px;
  width:115px;
  height:100px;
  transform:translateX(-50%);
  clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);
  background:linear-gradient(#e5c88f,#b78c58);
}
.wma-colosseum-lemon{
  position:absolute;
  width:46px;
  height:34px;
  border-radius:58% 42% 55% 45%;
  background:#f3d43d;
  box-shadow:inset -8px -6px 0 rgba(205,160,24,.12);
}
.wma-colosseum-lemon:after{
  content:"";
  position:absolute;
  right:-9px;
  top:-5px;
  width:18px;
  height:10px;
  border-radius:100% 0;
  background:#598049;
  transform:rotate(-25deg);
}
.wma-colosseum-lemon.one{left:9%;top:26%;transform:rotate(-18deg)}
.wma-colosseum-lemon.two{right:10%;top:45%;transform:rotate(14deg)}
.wma-colosseum-lemon.three{left:17%;bottom:11%;transform:rotate(24deg)}
.wma-colosseum-badge{
  position:absolute;
  right:26px;
  bottom:24px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:#176B45;
  font-weight:900;
  box-shadow:0 14px 30px rgba(23,107,69,.14);
}

/* Nie pokazujemy już starego wizualnego bannera */
.wma-benefits__visual,
.wma-why__visual,
.wma-benefits-visual{
  display:none!important;
}

/* Czytelniejsze nagłówki kart i przycisków */
.wma-account-box h2,
.wma-admin-panel h2,
.wma-reading-tile__title,
.wma-reading__title{
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:-.015em!important;
}

@media(max-width:900px){
  .wma-subpage-nav{
    align-items:flex-start!important;
  }
  .wma-subpage-nav__actions{
    max-width:72%;
  }
}
@media(max-width:700px){
  .wma-subpage-nav{
    position:relative!important;
    top:auto!important;
    display:block!important;
    min-height:auto!important;
  }
  .wma-subpage-nav__brand{
    margin-bottom:10px!important;
  }
  .wma-subpage-nav__actions{
    max-width:none!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:5px!important;
    scrollbar-width:none;
  }
  .wma-subpage-nav__actions::-webkit-scrollbar{
    display:none;
  }
  .wma-subpage-link{
    flex:0 0 auto!important;
  }
  .wma-colosseum-visual{
    min-height:350px;
  }
  .wma-colosseum{
    width:84%;
    height:210px;
  }
  .wma-colosseum:before{top:42px}
  .wma-colosseum:after{top:112px}
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.2
   Grafika CIAO i animowane szkło
   ========================================================= */

/* Bezwarunkowo ukrywamy wszystkie poprzednie wizualizacje tej sekcji */
.wma-colosseum-visual,
.wma-benefit-visual,
.wma-benefit-phone,
.wma-benefits-visual,
.wma-why__visual{
  display:none!important;
}

/* Przesłana grafika CIAO z cytrynami */
.wma-benefit-artwork{
  position:relative;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.58);
  border-radius:34px;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.96),rgba(255,255,255,.70) 42%,rgba(246,250,226,.78) 100%);
  box-shadow:
    0 28px 68px rgba(23,107,69,.14),
    inset 0 1px 0 rgba(255,255,255,.92);
  isolation:isolate;
}
.wma-benefit-artwork:before{
  content:"";
  position:absolute;
  inset:-40%;
  z-index:-2;
  background:
    conic-gradient(
      from 210deg,
      transparent 0 24%,
      rgba(255,223,83,.18) 31%,
      transparent 39% 64%,
      rgba(77,155,86,.13) 70%,
      transparent 78%
    );
  animation:wmaArtworkAura 18s linear infinite;
}
.wma-benefit-artwork:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.22;
  background-image:
    radial-gradient(circle,rgba(23,107,69,.34) 1.2px,transparent 1.3px);
  background-size:31px 31px;
  mask-image:linear-gradient(135deg,#000,transparent 68%);
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 68%);
}
.wma-benefit-artwork__glow{
  position:absolute;
  width:58%;
  aspect-ratio:1;
  left:2%;
  top:3%;
  border-radius:50%;
  background:rgba(255,221,68,.22);
  filter:blur(54px);
  animation:wmaArtworkGlow 7s ease-in-out infinite;
}
.wma-benefit-artwork img{
  position:relative;
  z-index:2;
  width:min(88%,520px);
  max-height:390px;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(30,84,47,.10));
  transform:translateY(3px);
  animation:wmaArtworkFloat 6.5s ease-in-out infinite;
}
@keyframes wmaArtworkFloat{
  0%,100%{transform:translateY(3px) rotate(-.3deg)}
  50%{transform:translateY(-9px) rotate(.4deg)}
}
@keyframes wmaArtworkGlow{
  0%,100%{transform:scale(.90);opacity:.55}
  50%{transform:scale(1.08);opacity:.92}
}
@keyframes wmaArtworkAura{
  to{transform:rotate(360deg)}
}

/* Wspólna animacja szkła dla górnych przycisków */
.wma-subpage-link,
.wma-reading-nav__links a{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(255,255,255,.56)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(239,247,224,.40))!important;
  color:#124f35!important;
  box-shadow:
    0 10px 25px rgba(22,81,51,.09),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(23,107,69,.06)!important;
  backdrop-filter:blur(17px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.35)!important;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease!important;
}
.wma-subpage-link:before,
.wma-reading-nav__links a:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  bottom:-70%;
  left:-72%;
  width:42%;
  transform:rotate(18deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.18),
      rgba(255,255,255,.88),
      rgba(255,255,255,.18),
      transparent
    );
  transition:left .72s cubic-bezier(.18,.72,.25,1);
}
.wma-subpage-link:after,
.wma-reading-nav__links a:after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-2;
  border-radius:inherit;
  background:
    radial-gradient(circle at 24% 0,rgba(255,255,255,.60),transparent 38%);
  pointer-events:none;
}
.wma-subpage-link:hover,
.wma-reading-nav__links a:hover{
  transform:translateY(-3px) scale(1.015)!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:
    0 17px 34px rgba(22,81,51,.15),
    inset 0 1px 0 #fff,
    0 0 0 1px rgba(23,107,69,.04)!important;
}
.wma-subpage-link:hover:before,
.wma-reading-nav__links a:hover:before{
  left:136%;
}
.wma-subpage-link:active,
.wma-reading-nav__links a:active{
  transform:translateY(-1px) scale(.985)!important;
}

/* Zielony przycisk konta również pozostaje szklany */
.wma-subpage-link.is-primary,
.wma-reading-nav__links a:last-child{
  border-color:rgba(255,255,255,.28)!important;
  background:
    linear-gradient(135deg,rgba(17,105,67,.94),rgba(38,157,93,.88))!important;
  color:#fff!important;
  box-shadow:
    0 13px 30px rgba(16,103,64,.23),
    inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.wma-subpage-link.is-primary:after,
.wma-reading-nav__links a:last-child:after{
  background:
    radial-gradient(circle at 25% 0,rgba(255,255,255,.28),transparent 42%);
}

/* Szkło także dla głównych CTA — bez przesady, delikatniej */
.wma-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.wma-btn:after{
  content:"";
  position:absolute;
  top:-90%;
  bottom:-90%;
  left:-55%;
  width:30%;
  z-index:-1;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  transition:left .68s cubic-bezier(.2,.7,.2,1);
}
.wma-btn:hover:after{
  left:130%;
}

@media(max-width:700px){
  .wma-benefit-artwork{
    min-height:335px;
    border-radius:26px;
  }
  .wma-benefit-artwork img{
    width:88%;
    max-height:300px;
  }
  /* Na ekranach dotykowych refleks nie porusza się bez potrzeby */
  .wma-subpage-link:before,
  .wma-reading-nav__links a:before{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .wma-benefit-artwork:before,
  .wma-benefit-artwork__glow,
  .wma-benefit-artwork img{
    animation:none!important;
  }
  .wma-subpage-link,
  .wma-reading-nav__links a,
  .wma-btn{
    transition:none!important;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.3
   Inteligentny słownik, pewne usuwanie konta, grafika użytkownika
   ========================================================= */

/* Dokładnie przesłana grafika CIAO */
.wma-benefit-artwork img{
  width:min(92%,560px)!important;
  max-height:405px!important;
  object-fit:contain!important;
}

/* Inteligentne wyszukiwanie */
.wma-smart-dictionary{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 30px;
  padding:22px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 38px rgba(20,74,44,.08);
  backdrop-filter:blur(15px);
}
.wma-smart-dictionary__row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.wma-smart-dictionary__input{
  width:100%;
  min-height:52px;
  padding:13px 16px;
  border:1px solid rgba(23,107,69,.16);
  border-radius:15px;
  background:#fbfdf8;
  color:#173f2e;
  font-size:16px;
  outline:none;
}
.wma-smart-dictionary__input:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-smart-dictionary__button{
  min-width:132px;
  min-height:52px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:15px;
  background:linear-gradient(135deg,#176B45,#2d9a60);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(23,107,69,.20);
}
.wma-smart-dictionary__button:disabled{
  opacity:.62;
  cursor:wait;
}
.wma-smart-dictionary__hint{
  margin:10px 2px 0;
  color:#64766c;
  font-size:12px;
  line-height:1.55;
}
.wma-smart-result{
  display:none;
  margin-top:16px;
  padding:18px;
  border-radius:17px;
  background:#f3f8e9;
  color:#315342;
}
.wma-smart-result.is-visible{
  display:block;
}
.wma-smart-result.is-error{
  background:#fff1eb;
  color:#843b2c;
}
.wma-smart-result__badge{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 9px;
  border-radius:999px;
  background:#dfeecb;
  color:#176B45;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.wma-smart-result__term{
  margin:0 0 5px;
  color:var(--wma-green-dark);
  font:700 28px/1.1 Georgia,"Times New Roman",serif;
}
.wma-smart-result__translation{
  margin:0 0 13px;
  font-size:17px;
}
.wma-smart-result__sources{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.wma-smart-result__sources a{
  display:inline-flex;
  padding:7px 10px;
  border-radius:10px;
  background:#fff;
  color:#176B45;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}
.wma-smart-result__note{
  margin:10px 0 0;
  color:#6d796f;
  font-size:12px;
  line-height:1.5;
}

/* Panel brakujących wyszukiwań */
.wma-missing-table{
  width:100%;
  border-collapse:collapse;
}
.wma-missing-table th,
.wma-missing-table td{
  padding:10px 8px;
  border-bottom:1px solid #e7e7e7;
  text-align:left;
}
.wma-missing-table th{
  color:#50575e;
  font-size:11px;
  text-transform:uppercase;
}
.wma-api-status{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#edf5de;
  color:#176B45;
  font-size:11px;
  font-weight:850;
}
.wma-api-status.is-off{
  background:#fff0e8;
  color:#8b3d2d;
}

@media(max-width:700px){
  .wma-smart-dictionary__row{
    grid-template-columns:1fr;
  }
  .wma-smart-dictionary__button{
    width:100%;
  }
}


/* =========================================================
   PLATFORM EDITION
   Panel nauki, ulubione, ostatnio czytane, słownik moderowany
   ========================================================= */

/* Panel „Mój włoski” */
.wma-learning-hero{
  margin:28px 0;
  padding:30px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:28px;
  background:
    radial-gradient(circle at 85% 10%,rgba(255,221,75,.23),transparent 28%),
    linear-gradient(145deg,#f6fbea,#fffdf6);
  box-shadow:0 22px 52px rgba(20,74,44,.10);
}
.wma-learning-hero h2{
  margin:0 0 10px;
  color:var(--wma-green-dark);
  font:700 34px/1.05 Georgia,"Times New Roman",serif;
}
.wma-learning-hero p{
  margin:0;
  color:var(--wma-muted);
  line-height:1.65;
}
.wma-learning-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.wma-learning-action{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:10px 15px;
  border-radius:999px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(20,74,44,.08);
}
.wma-learning-action.is-primary{
  background:linear-gradient(135deg,#176B45,#2f9d63);
  color:#fff;
}

/* Ulubione */
.wma-favorite-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid rgba(23,107,69,.15);
  border-radius:14px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  cursor:pointer;
}
.wma-favorite-button.is-active{
  background:#fff0f2;
  color:#a63248;
  border-color:rgba(166,50,72,.18);
}

/* Klikalne słowa i modal słownika */
.wma-clickable-text{
  line-height:1.9!important;
}
.wma-word{
  display:inline;
  padding:1px 2px;
  border-radius:5px;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.wma-word:hover{
  background:#eef6df;
  color:#176B45;
}
.wma-word-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  place-items:center;
  padding:20px;
  background:rgba(7,36,23,.48);
  backdrop-filter:blur(10px);
}
.wma-word-modal.is-open{display:grid}
.wma-word-modal__card{
  position:relative;
  width:min(520px,100%);
  max-height:min(78vh,680px);
  overflow:auto;
  padding:28px;
  border-radius:26px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.24);
}
.wma-word-modal__close{
  position:absolute;
  right:14px;
  top:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#edf5df;
  color:#176B45;
  font-size:20px;
  cursor:pointer;
}
.wma-word-modal__content{
  padding-top:14px;
}

/* Rozwijający się słownik */
.wma-dictionary-growth{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 24px;
  padding:22px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#f5fae9);
  text-align:center;
}
.wma-dictionary-growth h2{
  margin:0 0 10px;
  color:var(--wma-green-dark);
  font:700 31px/1.1 Georgia,"Times New Roman",serif;
}
.wma-dictionary-growth p{
  max-width:720px;
  margin:0 auto;
  color:var(--wma-muted);
  line-height:1.7;
}
.wma-dictionary-growth__stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:18px;
}
.wma-dictionary-growth__stats span{
  padding:9px 13px;
  border-radius:999px;
  background:#edf5df;
  color:#176B45;
  font-size:13px;
  font-weight:850;
}

/* Panel kolejki słownika */
.wma-queue-form{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:16px;
}
.wma-queue-form .full{grid-column:1/-1}
.wma-queue-form label{
  display:block;
  margin-bottom:5px;
  font-weight:700;
}
.wma-queue-form input,
.wma-queue-form select,
.wma-queue-form textarea{
  width:100%;
}
.wma-queue-form textarea{min-height:90px}
.wma-queue-card{
  margin-bottom:18px;
  padding:20px;
  border:1px solid #dcdcde;
  border-radius:14px;
  background:#fff;
}
.wma-queue-card h3{
  margin:0 0 8px;
  color:#176B45;
}
.wma-queue-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#646970;
  font-size:12px;
}

/* Tabela ostatnich i ulubionych */
.wma-user-library{
  margin-top:34px;
}
.wma-user-library h2{
  color:var(--wma-green-dark);
  font-family:Georgia,"Times New Roman",serif;
}
.wma-library-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.wma-library-card{
  padding:20px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:18px;
  background:#f8fbed;
}
.wma-library-card a{
  color:#176B45;
  font-weight:850;
  text-decoration:none;
}

@media(max-width:800px){
  .wma-queue-form{grid-template-columns:1fr}
  .wma-queue-form .full{grid-column:auto}
  .wma-library-grid{grid-template-columns:1fr}
}


/* =========================================================
   ŁATKA 4.1.2 — jedna nawigacja na wszystkich podstronach
   ========================================================= */
.wma-reading-page > .wma-reading-nav{
  display:none!important;
}
.wma-subpage-nav{
  position:relative!important;
  top:auto!important;
  z-index:120;
  width:100%;
  min-height:82px!important;
  padding:11px clamp(24px,5vw,76px)!important;
  background:rgba(250,252,244,.90)!important;
  border-bottom:1px solid rgba(23,107,69,.08)!important;
  box-shadow:0 8px 28px rgba(20,74,44,.055)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
}
.admin-bar .wma-subpage-nav{top:auto!important}
.wma-subpage-nav__brand img{
  width:104px!important;
  height:54px!important;
}
.wma-subpage-nav__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px!important;
}
.wma-subpage-link{
  min-height:43px!important;
  padding:9px 14px!important;
  white-space:nowrap;
}
.wma-dictionary-growth p{
  max-width:720px;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:700px){
  .wma-subpage-nav{
    padding:9px 14px!important;
  }
  .wma-subpage-nav__brand{
    margin-bottom:8px!important;
  }
  .wma-subpage-nav__actions{
    justify-content:flex-start!important;
  }
}


/* 4.1.3 — stan po zalogowaniu */
body.logged-in .wma-copy:not(:has(.wma-actions)) .wma-pills {
  margin-top: 26px;
}


/* 4.1.4 — trzy poziomy dostępu */
.wma-access-test-note{
  max-width:920px;
  margin:0 auto 22px;
  padding:13px 16px;
  border:1px solid rgba(188,142,22,.18);
  border-radius:15px;
  background:#fff6cf;
  color:#6d5412;
  font-weight:750;
  text-align:center;
}
.wma-access-badge{
  max-width:calc(100% - 24px);
  white-space:normal;
  text-align:center;
}