/*
Theme Name: SemrauHair Premium V12.1
Author: OpenAI
Description: Edytowalny motyw SemrauHair odwzorowujący zatwierdzony układ premium.
Version: 12.1.0
Text Domain: semrauhair-v6
*/
:root{--bg:#fffdfa;--soft:#f5f0ea;--ink:#211e1b;--muted:#716a64;--accent:#a88d73;--line:#ded6cf;--max:1320px;--pad:42px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}
.sh-container{width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}.eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#5d5752}.serif,h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.site-header{position:sticky;top:0;z-index:99;background:rgba(255,253,250,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,214,207,.65)}.header-inner{height:76px;display:flex;align-items:center;gap:34px}.brand{font-family:Georgia,serif;font-size:22px;letter-spacing:.14em;line-height:1}.brand small{display:block;font:7px Arial;letter-spacing:.28em;text-align:center;margin-top:6px}.nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:11px}.nav a:hover{opacity:.65}.socials{display:flex;gap:15px;font-weight:700}.mobile-toggle{display:none;margin-left:auto;border:0;background:none;font-size:24px}.btn,.wp-block-button__link{display:inline-flex!important;align-items:center;justify-content:center;background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:0!important;padding:14px 27px!important;font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase}.btn-outline{background:transparent!important;color:var(--ink)!important}
.sh-hero{background:linear-gradient(90deg,#f8f5f1 0 50%,#e9ddd2 50%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:590px}.hero-copy{padding:70px 50px 38px 0;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(48px,4.5vw,72px);line-height:.98;margin:14px 0 20px;max-width:670px}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:620px;margin:0 0 22px}.hero-actions{display:flex;gap:20px;align-items:center}.text-link{font-size:12px;padding:14px 5px}.hero-image{position:relative}.hero-image img{width:100%;height:590px;object-fit:cover;object-position:center 25%}.hero-note{position:absolute;right:25px;top:70px;font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:1.5;color:#6f6258;transform:rotate(-5deg)}.hero-sign{position:absolute;right:28px;bottom:24px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px;max-width:620px}.feature{text-align:center;font-size:9px;line-height:1.25;text-transform:uppercase}.feature .ico{font-family:Georgia,serif;font-size:28px;margin-bottom:7px}
.section{padding:72px 0}.about-grid{display:grid;grid-template-columns:38% 62%;gap:58px;align-items:center}.about-copy h2{font-size:52px;line-height:1;margin:8px 0}.about-copy .sub{letter-spacing:.28em;font-size:10px;text-transform:uppercase;margin-bottom:25px}.about-copy p{font-size:13px;color:#514c48}.about-visuals{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:8px;height:390px}.about-visuals img{width:100%;height:100%;object-fit:cover}.quote-tile{background:#f1ebe5;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;font:italic 27px/1.55 Georgia,serif;color:#8a796d}
.services{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0 42px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.section-head h2{font-size:40px;line-height:1.05;margin:6px 0 0;max-width:560px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card{border:1px solid #eee8e2;background:#fff;text-align:center}.service-card img{width:100%;height:215px;object-fit:cover}.service-card .body{padding:13px 13px 17px}.service-card h3{font-size:20px;line-height:1.05;margin:0 0 10px}.service-card p{font-size:11px;color:#625c57;margin:0}
.portfolio-brands{display:grid;grid-template-columns:48% 52%;background:#f5f0ea}.portfolio-side{display:grid;grid-template-columns:28% repeat(3,1fr);min-height:220px}.portfolio-title{padding:35px 25px 25px 0;align-self:center}.portfolio-title h2{font-size:37px;line-height:1.05;margin:10px 0}.portfolio-side img{width:100%;height:220px;object-fit:cover;border-left:4px solid var(--bg)}.brands{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.brand-row{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:28px;font-family:Georgia,serif;font-size:22px}.brand-row span{white-space:nowrap}
.reviews-book{display:grid;grid-template-columns:68% 32%;border-bottom:1px solid var(--line)}.reviews{padding:38px 40px 45px max(var(--pad),calc((100vw - var(--max))/2))}.reviews h2{font-size:34px;margin:8px 0 22px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review{border:1px solid #eee8e2;padding:22px;min-height:150px;font-size:11px}.review strong{display:block;margin-top:18px;color:#8a817a;font-weight:400}.booking{background:#f2e9df;padding:50px 45px;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(110deg,rgba(255,255,255,.2),rgba(255,255,255,.65))}.booking h2{font-size:38px;line-height:1.05;margin:0 0 25px}
.site-footer{padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr 1.1fr;gap:35px;align-items:start}.footer-logo{font-family:Georgia,serif;font-size:25px;letter-spacing:.12em}.footer-col h4{font-size:11px;margin:0 0 12px}.footer-col p,.footer-col a{font-size:10px;color:#5e5853;display:block;margin:5px 0}.footer-sign{font:italic 25px/1.4 Georgia,serif;color:#8b7c70}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;color:#7a746f}
@media(max-width:1100px){:root{--pad:30px}.nav{gap:15px}.hero-grid{grid-template-columns:50% 50%}.hero-copy h1{font-size:52px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card:nth-child(n+4){display:block}.about-grid{grid-template-columns:1fr}.about-visuals{height:360px}.portfolio-brands{grid-template-columns:1fr}.reviews-book{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){:root{--pad:24px}.nav,.socials,.header-inner>.btn{display:none}.mobile-toggle{display:block}.nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0 35px}.hero-image img{height:520px}.hero-features{margin-top:30px}.about-visuals{grid-template-columns:1fr 1fr;height:auto}.about-visuals>*{height:340px}.about-visuals>*:nth-child(2){display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.portfolio-side{grid-template-columns:1fr 1fr 1fr}.portfolio-title{grid-column:1/-1;padding:35px 0 20px}.brand-row{flex-wrap:wrap;justify-content:flex-start}.review-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){:root{--pad:18px}.brand{font-size:18px}.hero-copy h1{font-size:42px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn,.hero-actions .text-link{width:100%;text-align:center}.hero-image img{height:420px}.hero-note{font-size:20px;right:12px}.hero-features{grid-template-columns:repeat(2,1fr)}.section{padding:52px 0}.about-copy h2{font-size:42px}.about-visuals{grid-template-columns:1fr}.about-visuals>*{height:360px}.about-visuals>*:nth-child(3){display:none}.section-head{align-items:start;flex-direction:column}.service-grid{grid-template-columns:1fr}.service-card img{height:300px}.portfolio-side{grid-template-columns:1fr}.portfolio-side img{height:330px;border:0;border-top:4px solid var(--bg)}.brands{padding:38px 18px}.brand-row{font-size:18px;gap:18px}.reviews{padding:38px var(--pad)}.booking{padding:42px var(--pad)}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:15px;flex-direction:column}}

/* V6.1 — poprawka Portfolio / Marki Premium */
.portfolio-brands{
  display:block;
  background:#f5f0ea;
  overflow:hidden;
}
.portfolio-brands > .sh-container{
  display:grid !important;
  grid-template-columns:minmax(0, 58%) minmax(0, 42%);
  width:min(var(--max),calc(100% - var(--pad)*2));
  max-width:var(--max);
  margin:0 auto;
}
.portfolio-side{
  display:grid;
  grid-template-columns:minmax(170px,1.05fr) repeat(3,minmax(0,1fr));
  min-width:0;
  min-height:230px;
}
.portfolio-title{
  min-width:0;
  padding:38px 24px 28px 0;
}
.portfolio-title h2{
  font-size:clamp(30px,2.7vw,39px);
  overflow-wrap:normal;
}
.portfolio-side img{
  width:100%;
  min-width:0;
  height:230px;
  object-fit:cover;
}
.brands{
  min-width:0;
  padding:42px 0 42px 44px;
  border-left:1px solid var(--line);
}
.brand-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 30px;
  align-items:center;
  justify-content:initial;
  margin-top:25px;
}
.brand-row span{
  min-width:0;
  white-space:normal;
  font-size:clamp(17px,1.5vw,22px);
}
@media(max-width:1100px){
  .portfolio-brands > .sh-container{grid-template-columns:1fr}
  .brands{padding:36px 0;border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:850px){
  .portfolio-side{grid-template-columns:1fr repeat(3,minmax(0,1fr))}
  .portfolio-title{grid-column:auto;padding:28px 18px 24px 0}
}
@media(max-width:680px){
  .portfolio-side{grid-template-columns:1fr 1fr}
  .portfolio-title{grid-column:1/-1;padding:34px 0 20px}
  .portfolio-side img{height:300px;border:2px solid var(--bg)}
  .brands{padding:34px 0}
}
@media(max-width:440px){
  .portfolio-side{grid-template-columns:1fr}
  .portfolio-side img{height:360px}
  .brand-row{grid-template-columns:1fr 1fr;gap:18px}
}

/* V7 — Gutenberg editor helpers */
.editor-styles-wrapper{background:#fffdfa;color:#211e1b}
.editor-styles-wrapper .wp-block{max-width:1320px}
.editor-styles-wrapper .wp-block[data-align="full"]{max-width:none}

/* V7 native Gutenberg block compatibility */
.sh-hero>.wp-block-columns,.section>.wp-block-columns,.services>.wp-block-columns,.services>.section-head,.portfolio-brands>.wp-block-columns,.reviews>.wp-block-columns{width:min(var(--max),calc(100% - var(--pad)*2));margin-left:auto!important;margin-right:auto!important}
.sh-hero .sh-img,.about-visuals .sh-img,.service-card .sh-img,.portfolio-side .sh-img{margin:0;height:100%}
.sh-hero .sh-img img{width:100%;height:590px;object-fit:cover;object-position:center 25%}
.about-visuals .sh-img img{width:100%;height:390px;object-fit:cover}
.service-card .sh-img img{width:100%;height:215px;object-fit:cover}
.portfolio-side .sh-img img{width:100%;height:230px;object-fit:cover}
.hero-features.wp-block-columns{display:grid;grid-template-columns:repeat(4,1fr)}
.service-grid.wp-block-columns{display:grid;grid-template-columns:repeat(5,1fr)}
.review-grid.wp-block-columns{display:grid;grid-template-columns:repeat(3,1fr)}
.portfolio-brands>.wp-block-columns{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%)}
.portfolio-side{display:grid!important;grid-template-columns:minmax(170px,1.05fr) repeat(3,minmax(0,1fr))}
.brand-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.service-grid.wp-block-columns{grid-template-columns:repeat(3,1fr)}.portfolio-brands>.wp-block-columns{grid-template-columns:1fr}}
@media(max-width:850px){.hero-grid.wp-block-columns,.about-grid.wp-block-columns{display:grid;grid-template-columns:1fr}.service-grid.wp-block-columns{grid-template-columns:repeat(2,1fr)}.review-grid.wp-block-columns{grid-template-columns:1fr}.hero-features.wp-block-columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.service-grid.wp-block-columns,.hero-features.wp-block-columns{grid-template-columns:1fr}.portfolio-side{grid-template-columns:1fr!important}}

/* V8: bezpieczne marginesy + formularz edycji treści */
:root{--max:1180px;--pad:40px}
.sh-container,.sh-wrap{width:min(var(--max),calc(100% - (var(--pad)*2)))!important;max-width:var(--max)!important;margin-left:auto!important;margin-right:auto!important}
.sh-hero>.sh-wrap,.section>.sh-wrap,.services>.sh-wrap,.portfolio-brands>.sh-wrap,.reviews>.sh-wrap{width:min(var(--max),calc(100% - (var(--pad)*2)))!important}
.hero-grid{display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;gap:48px!important}
.hero-copy{padding:64px 0 38px!important;min-width:0}.hero-copy h1{font-size:clamp(44px,4.3vw,66px)!important;max-width:580px!important;overflow-wrap:normal;word-break:normal}
.hero-image img{width:100%;height:570px;object-fit:cover}
.about-grid{grid-template-columns:minmax(0,38%) minmax(0,62%)!important;gap:48px!important}
.service-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.portfolio-brands>.sh-wrap{display:grid!important;grid-template-columns:minmax(0,58%) minmax(0,42%)!important}
.portfolio-side{min-width:0!important}.brands{min-width:0!important;padding-left:38px!important}
.review-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sh-admin-note{background:#f6f0e9;border:1px solid #ddd1c5;padding:16px 18px;margin:18px 0;font-size:13px}
@media(max-width:1200px){:root{--pad:32px}.hero-grid{gap:34px!important}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){:root{--pad:26px}.hero-grid,.about-grid,.portfolio-brands>.sh-wrap{grid-template-columns:1fr!important}.hero-image img{height:520px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brands{padding:34px 0!important;border-left:0!important;border-top:1px solid var(--line)}.review-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){:root{--pad:20px}.hero-copy h1{font-size:clamp(38px,11vw,48px)!important}.hero-image img{height:420px}.service-grid{grid-template-columns:1fr!important}.sh-container,.sh-wrap{width:calc(100% - 40px)!important}}
@media(max-width:380px){:root{--pad:16px}.sh-container,.sh-wrap{width:calc(100% - 32px)!important}}

/* V9 admin image previews */
.shv9-preview{width:180px;height:115px;object-fit:cover;border:1px solid #dcdcde;background:#fff;margin:8px 0;display:block}
.shv9-media-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* V11 portfolio slider, blog, events */
.portfolio-v11,.blog-v11,.events-v11{padding:76px 0}
.portfolio-v11{background:#f5f0ea}.blog-v11{background:#fffdfa}.events-v11{background:#f5f0ea}
.sh-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
.sh-section-head h2{margin:4px 0 0;font-size:clamp(32px,3vw,46px)}
.sh-more{font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.sh-slider{position:relative}.sh-slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.sh-slider-track::-webkit-scrollbar{display:none}.sh-slide{scroll-snap-align:start;position:relative;overflow:hidden;background:#eee;aspect-ratio:3/4}
.sh-slide img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.sh-slide:hover img{transform:scale(1.025)}
.sh-slider-controls{display:flex;gap:8px;margin-top:18px}.sh-slider-btn{width:42px;height:42px;border:1px solid #cfc5bb;background:transparent;cursor:pointer;font-size:20px}
.blog-grid-v11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card-v11{min-width:0}.blog-card-v11 a{text-decoration:none;color:inherit}
.blog-thumb-v11{aspect-ratio:16/10;overflow:hidden;background:#eee}.blog-thumb-v11 img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-card-v11:hover img{transform:scale(1.025)}
.blog-meta-v11{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:17px 0 8px}.blog-card-v11 h3{font-size:25px;margin:0 0 9px}.blog-card-v11 p{color:var(--muted)}
.events-grid-v11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.event-card-v11{background:#fffdfa;padding:28px;border:1px solid var(--line)}
.event-date-v11{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.event-card-v11 h3{font-size:27px;margin:10px 0}.countdown-v11{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:22px}
.countdown-v11 div{border-top:1px solid var(--line);padding-top:10px;text-align:center}.countdown-v11 strong{display:block;font-size:25px}.countdown-v11 span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.gallery-v11{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:40px 0 80px}.gallery-v11 figure{margin:0;aspect-ratio:3/4;overflow:hidden}.gallery-v11 img{width:100%;height:100%;object-fit:cover}
.single-content-v11{padding:70px 0;max-width:850px}.single-content-v11 img{max-width:100%;height:auto}.single-content-v11 h1{font-size:clamp(38px,5vw,64px)}
@media(max-width:900px){.blog-grid-v11,.events-grid-v11{grid-template-columns:1fr 1fr}.sh-slider-track{grid-auto-columns:46%}}
@media(max-width:600px){.portfolio-v11,.blog-v11,.events-v11{padding:54px 0}.sh-section-head{align-items:start;flex-direction:column}.blog-grid-v11,.events-grid-v11{grid-template-columns:1fr}.sh-slider-track{grid-auto-columns:82%}.gallery-v11{grid-template-columns:1fr 1fr}.countdown-v11 strong{font-size:21px}}
