/*
Theme Name: Iwona Editorial
Theme URI: https://example.com/
Author: Projekt indywidualny
Description: Minimalistyczny, czarno-biały motyw portfolio z książkami, kursami, markami i blogiem.
Version: 4.3.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: iwona-editorial
*/
:root{--ink:#111;--line:#bdbdbd;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.site-wrap{max-width:1260px;margin:auto;padding:0 clamp(22px,5.2vw,72px)}.site-header{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:28px}.site-name{font-size:25px;font-weight:400;letter-spacing:-.7px;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:38px;font-size:15px}.menu-toggle{display:none;background:none;border:0;font-size:15px}.hero{display:grid;grid-template-columns:56% 44%;align-items:center;padding:60px 0 70px;min-height:310px}.hero h1{font-size:clamp(45px,5.35vw,79px);font-weight:400;line-height:1.055;letter-spacing:-2.8px;margin:0}.hero h1 strong{font-weight:700}.hero h1 em{font-weight:700}.hero-side{border-left:1px solid var(--line);padding:6px 0 6px clamp(30px,5vw,75px);font-size:19px;line-height:1.4}.hero-side p{max-width:360px;margin:0 0 25px}.button{display:inline-block;background:#080808;color:#fff;padding:15px 24px;font-size:16px;line-height:1.1}.button:hover{background:#333;text-decoration:none}.button-disabled{opacity:.75;cursor:default}.section{border-top:1px solid var(--line);padding:24px 0 45px}.section-label{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:11px;letter-spacing:2px;margin:0 0 27px}.about-grid{display:grid;grid-template-columns:50% 50%;align-items:center;min-height:165px}.about-title h2,.contact h2{font-size:clamp(40px,4.4vw,64px);font-weight:400;line-height:1.07;letter-spacing:-1.8px;margin:0}.about-copy{border-left:1px solid var(--line);padding:0 0 0 clamp(32px,6vw,95px);font-size:19px;line-height:1.5}.about-copy p{max-width:480px;margin:0 0 22px}.text-link{font-size:16px;font-weight:400}.brands{padding-bottom:40px}.brands-grid{display:grid;grid-template-columns:1fr 1fr}.brand-panel{text-align:center;padding:15px 15px 22px}.brand-panel+ .brand-panel{border-left:1px solid var(--line)}.brand-panel h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,3.2vw,42px);letter-spacing:.22em;font-weight:400;text-transform:uppercase;margin:0 0 15px}.brand-panel p{font:700 11px Arial,Helvetica,sans-serif;letter-spacing:2.6px;text-transform:uppercase;margin:0}.products{padding-bottom:48px}.products-grid{display:grid;grid-template-columns:55% 45%}.product-half:first-child{padding-right:35px}.product-half:last-child{border-left:1px solid var(--line);padding-left:35px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.book-cover,.course-cover{position:relative;overflow:hidden;display:block;aspect-ratio:.69;background:#f3f3f1;box-shadow:0 5px 12px #0002;padding:17px;font-size:clamp(16px,1.9vw,25px);line-height:1.08}.book-cover span,.course-cover span{position:relative;z-index:1;display:block;max-width:95%}.book-cover i,.course-cover i{position:absolute;bottom:-24%;right:-35%;height:75%;width:115%;border:1px solid #777;border-radius:50%}.book-2,.course-2{background:#0d0d0d;color:white}.book-2 i,.course-2 i{border-color:#aaa}.book-3 i{border-radius:0;transform:rotate(40deg);width:120%;height:1px;bottom:20%;right:-30%;box-shadow:0 10px #999,0 20px #999,0 30px #999,0 40px #999}.course-cover{aspect-ratio:.86;padding:20px}.course-1 i{border-radius:0;width:45%;height:40%;right:0;bottom:0;border:0;border-top:1px solid #777;border-left:1px solid #777;transform:skewY(-25deg)}.custom-cover{padding:0}.custom-cover img{display:block;width:100%;height:100%;object-fit:contain}.custom-cover span{padding:18px}.below-link{display:inline-block;margin-top:23px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-image{aspect-ratio:2.65;overflow:hidden;background:#eee}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-art{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f7f7f7,#c6c6c6);position:relative}.art-1:before{content:'';position:absolute;width:45%;height:85%;background:#222;transform:rotate(-19deg);left:15%;top:45%;box-shadow:45px -15px 0 #fff}.art-2:before{content:'';position:absolute;width:65%;height:17%;background:#222;left:17%;top:47%;box-shadow:0 -17px 0 #f9f9f9,0 17px 0 #aaa}.art-3:before{content:'';position:absolute;width:45%;height:100%;border-left:2px solid #555;left:58%;top:25%;transform:rotate(35deg);box-shadow:15px 0 #999,30px 0 #ccc}.blog-card h3{font-size:clamp(19px,2vw,27px);font-weight:400;line-height:1.12;margin:12px 0}.blog-read{font:700 11px Arial,Helvetica,sans-serif;letter-spacing:1.3px}.contact-grid{display:grid;grid-template-columns:42% 58%;align-items:center}.contact-side{border-left:1px solid var(--line);padding:4px 0 4px clamp(35px,8vw,115px);font-size:19px}.contact-side p{margin:0 0 24px}.site-footer{border-top:1px solid var(--line);padding:20px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.inner-page{border-top:1px solid var(--line);padding:45px 0 80px;min-height:60vh}.inner-page h1{font-size:clamp(42px,5vw,70px);font-weight:400}.inner-page .entry{max-width:850px;font-size:19px;line-height:1.6}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.archive-item img{max-width:100%;height:auto}.archive-item h2{font-size:24px;font-weight:400}@media(max-width:850px){.site-header{min-height:76px}.site-nav{gap:18px}.hero{grid-template-columns:1fr 1fr;padding:45px 0}.hero h1{font-size:clamp(38px,5.4vw,56px);letter-spacing:-1.5px}.hero-side,.about-copy,.contact-side{font-size:16px}.book-grid,.course-grid{gap:10px}.product-half:first-child{padding-right:20px}.product-half:last-child{padding-left:20px}.book-cover,.course-cover{padding:12px;font-size:17px}}@media(max-width:620px){.site-wrap{padding:0 22px}.site-header{position:relative}.site-name{font-size:22px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;z-index:5;top:70px;left:-22px;right:-22px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 22px;flex-direction:column;align-items:flex-start;gap:18px}.site-nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0 45px}.hero h1{font-size:clamp(40px,9vw,61px)}.hero-side{padding:0 0 0 20px}.section{padding:22px 0 40px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.about-copy,.contact-side{border-left:0;padding:0}.brands-grid{gap:0}.brand-panel{padding:15px 8px}.brand-panel h2{font-size:20px;letter-spacing:.12em}.brand-panel p{font-size:9px;letter-spacing:1px}.products-grid{grid-template-columns:1fr;gap:36px}.product-half:first-child{padding-right:0}.product-half:last-child{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.book-grid,.course-grid{gap:13px}.book-cover,.course-cover{font-size:clamp(16px,4vw,23px)}.blog-grid{grid-template-columns:1fr;gap:30px}.blog-image{aspect-ratio:2.8}.archive-grid{grid-template-columns:1fr 1fr}.site-footer{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Wersja 2: bardziej redakcyjne proporcje i fotografie */
.site-wrap{max-width:1360px;padding-left:clamp(24px,4.6vw,72px);padding-right:clamp(24px,4.6vw,72px)}
.hero{padding-top:66px;padding-bottom:72px;grid-template-columns:54% 46%}
.hero h1{font-size:clamp(47px,5.15vw,76px)}
.section{padding-top:24px;padding-bottom:48px}
.about-grid{grid-template-columns:43% 57%;gap:0;min-height:0}
.about-photo{padding:0 42px 0 34px}
.about-photo img{width:100%;height:270px;object-fit:cover;display:block;filter:grayscale(1)}
.about-content{border-left:1px solid var(--line);padding:0 0 0 clamp(30px,4.3vw,70px)}
.about-content h2{font-size:clamp(38px,3.65vw,57px);font-weight:400;line-height:1.07;letter-spacing:-1.6px;margin:0 0 18px}
.about-copy{border:0;padding:0;font-size:18px;line-height:1.5}
.about-copy p{margin-bottom:20px}
.about-copy .text-link{display:inline-block;background:#080808;color:#fff;padding:12px 20px;font-size:15px}
.about-copy .text-link:hover{text-decoration:none;background:#333}
.brands{padding-bottom:45px}
.products-grid{grid-template-columns:55% 45%}
.product-half:first-child{padding-right:32px}.product-half:last-child{padding-left:32px}
.book-grid,.course-grid{gap:22px}.book-cover{aspect-ratio:.70}.course-cover{aspect-ratio:.79}
.book-cover,.course-cover{box-shadow:0 6px 12px #0002}
.below-link{display:block;text-align:center;margin-top:22px}
.blog-image{aspect-ratio:2.45}.blog-image img{filter:grayscale(1)}
.blog-card h3{font-size:clamp(21px,2vw,28px);margin:12px 0 10px}
.blog-grid{gap:22px}
@media(max-width:850px){.about-photo{padding:0 22px 0 0}.about-photo img{height:230px}.about-content{padding-left:24px}.about-content h2{font-size:38px}.about-copy{font-size:16px}.book-grid,.course-grid{gap:12px}.product-half:first-child{padding-right:18px}.product-half:last-child{padding-left:18px}}
@media(max-width:620px){.hero{grid-template-columns:1fr;padding:36px 0 45px}.about-grid{grid-template-columns:1fr;gap:22px}.about-photo{padding:0}.about-photo img{height:auto;aspect-ratio:1.8}.about-content{border-left:0;padding:0}.about-content h2{font-size:43px}.products-grid{grid-template-columns:1fr}.product-half:first-child{padding-right:0}.product-half:last-child{padding-left:0}.book-grid,.course-grid{gap:13px}.blog-image{aspect-ratio:2.45}}

/* Wersja 3.0: kontrast przycisku kontaktowego i czytelniejsze karty bloga */
.contact .button,.contact .button-disabled{background:#080808!important;color:#fff!important;opacity:1!important;border:0!important;box-shadow:none!important}
.contact .button:not(.button-disabled):hover{background:#292929!important}
.blog-card h3{min-height:2.25em}
.blog-read{display:inline-block;margin-top:2px}

/* Wersja 4.0: delikatna korekta typografii i kompletna stopka */
@media(min-width:851px){
 .hero h1{font-size:clamp(44px,4.85vw,71px)}
 .about-content h2{font-size:clamp(36px,3.4vw,52px)}
 .contact h2{font-size:clamp(38px,4.0vw,58px)}
 .hero-side{font-size:20px;line-height:1.52}
 .about-copy{font-size:19px;line-height:1.58}
 .contact-side{font-size:20px;line-height:1.5}
}
@media(min-width:621px) and (max-width:850px){
 .hero h1{font-size:clamp(37px,5.1vw,53px)}
 .about-content h2{font-size:36px}
 .contact h2{font-size:clamp(36px,4.2vw,48px)}
 .hero-side,.about-copy,.contact-side{font-size:17px;line-height:1.5}
}
@media(max-width:620px){
 .hero h1{font-size:clamp(37px,8.5vw,55px)}
 .about-content h2{font-size:40px}
 .contact h2{font-size:clamp(36px,8vw,48px)}
 .hero-side,.about-copy,.contact-side{font-size:17px;line-height:1.55}
}
.footer-links,.footer-menu{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.footer-menu{list-style:none;margin:0;padding:0}
.footer-links span{color:#555}
@media(max-width:620px){.site-footer{flex-wrap:wrap}.footer-links,.footer-menu{gap:16px}}

/* Finalny szlif naglowka — delikatne wyroznienie nazwiska */
.site-name{font-weight:500}

/* Wersja 4.2 — dopracowany naglowek i sklad tekstu */
.site-name{font-weight:700}
.site-nav{font-size:16px;font-weight:400}
.hero-side .no-break{white-space:nowrap}
@media(max-width:620px){.site-nav{font-size:16px;font-weight:400}}
