/*
Theme Name: Trivsel Sky Beauty
Theme URI: https://trivsel-lexora.com/
Author: Trivsel
Description: Jasny, lekki i responsywny motyw WooCommerce dla sklepu kosmetycznego. Białe tło, pastelowy błękit i nowoczesne kafelki produktów.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: trivsel-sky-beauty
Tags: e-commerce, custom-logo, custom-menu, featured-images, theme-options, translation-ready, accessibility-ready
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root { --sky-ink:#24364d; --sky-muted:#6c7d91; --sky-blue:#5485c3; --sky-deep:#35689f; --sky-light:#f1f7ff; --sky-tint:#e7f2ff; --sky-border:#e7edf6; --sky-white:#fff; --sky-shadow:0 12px 38px rgba(52,91,141,.07); --sky-radius:22px; --sky-max:1220px }
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--sky-ink);background:#fff;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--sky-deep);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--sky-blue)}
button,input,select,textarea{font:inherit}
button,input[type=submit]{cursor:pointer}
img{max-width:100%;height:auto}
figure{margin:0}
.screen-reader-text,.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.screen-reader-text:focus,.skip-link:focus{clip:auto;clip-path:none;position:fixed;top:12px;left:12px;background:#fff;color:#121d2a;padding:12px 18px;z-index:9999;width:auto;height:auto;border:2px solid var(--sky-blue);border-radius:10px}
:focus-visible{outline:3px solid #8cb9ee;outline-offset:3px}
.sky-wrap{width:min(calc(100% - 48px),var(--sky-max));margin-inline:auto}
.sky-announcement{font-size:12px;text-align:center;letter-spacing:.06em;color:#37618f;background:#edf5ff;padding:7px 15px;font-weight:600}
.site-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid var(--sky-border)}
.site-header__main{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:26px}
.brand{flex:none;display:flex;align-items:center;min-width:160px;gap:11px;color:var(--sky-ink)}
.brand:hover{color:var(--sky-ink)}
.brand__mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#a4caff,#5885ca);display:flex;align-items:center;justify-content:center;box-shadow:0 7px 20px rgba(100,148,210,.18)}
.brand__mark svg{width:25px;height:25px}
.brand__name{font-size:23px;letter-spacing:-.065em;font-weight:760;line-height:1.1}
.custom-logo-link img{width:auto;max-height:52px;max-width:210px}
.header-navigation{flex:1;display:flex;align-items:center;justify-content:center}
.header-navigation ul,.footer-menu ul{display:flex;gap:31px;align-items:center;margin:0;padding:0;list-style:none}
.header-navigation a{font-size:13px;color:#46546a;font-weight:650}
.header-navigation .current-menu-item>a,.header-navigation a:hover{color:var(--sky-blue)}
.header-actions{display:flex;gap:10px;align-items:center;flex:none}
.icon-link,.menu-toggle{color:var(--sky-ink);display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #e9eff9;background:#fff;transition:.2s}
.icon-link:hover,.menu-toggle:hover{background:#f0f7ff;border-color:#d6e7f9}
.icon-link svg,.menu-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-cart{position:relative}
.header-cart__count{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;border-radius:100px;background:var(--sky-blue);color:white;text-align:center;font-size:10px;font-weight:800;line-height:18px;padding:0 3px}
.menu-toggle{display:none}
.sky-search{border-top:1px solid var(--sky-border);background:#f9fbff;padding:12px 0;display:none}
.sky-search.is-open{display:block}
.sky-search form{display:flex;gap:8px;max-width:700px;margin-inline:auto}
.sky-search input[type=search],.sky-search .search-field{width:100%;border:1px solid #dbe7f5;border-radius:11px;padding:11px 17px;min-height:46px;background:white}
.sky-search button,.sky-search input[type=submit]{color:white;background:var(--sky-blue);border:0;border-radius:11px;padding:9px 20px;font-weight:700}
.sky-hero{margin-top:25px;border-radius:28px;background:linear-gradient(107deg,#f4f9ff 0%,#e8f2ff 65%,#dfeeff 100%);overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;min-height:460px;position:relative;isolation:isolate}
.sky-hero:after{content:"";position:absolute;width:580px;height:580px;right:-150px;top:-130px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.47),rgba(255,255,255,0) 65%);z-index:-1}
.sky-hero__copy{padding:70px 20px 70px 75px;align-self:center;z-index:2}
.sky-eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sky-blue)}
.sky-hero h1{font-size:clamp(36px,4.5vw,61px);max-width:620px;line-height:1.12;letter-spacing:-.055em;margin:19px 0 22px;font-weight:760}
.sky-hero p{font-size:15px;max-width:390px;color:#637890;margin:0 0 31px;line-height:1.9}
.sky-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-block-button__link{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:var(--sky-blue);color:white;border:1px solid var(--sky-blue);border-radius:12px;padding:13px 24px;font-weight:750;font-size:13px;box-shadow:0 9px 24px rgba(76,130,199,.15);transition:background .18s,transform .18s,border-color .18s;line-height:1.5}
.sky-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.wp-block-button__link:hover{background:var(--sky-deep);color:white;border-color:var(--sky-deep);transform:translateY(-1px)}
.sky-button--outline{background:#fff;color:var(--sky-deep);box-shadow:none;border-color:#d8e6f6}
.sky-button--outline:hover{color:#fff}
.sky-hero__visual{position:relative;min-height:430px}
.sky-hero__halo{position:absolute;width:315px;height:315px;top:47px;left:calc(50% - 150px);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.79),rgba(255,255,255,.09));box-shadow:0 6px 54px rgba(85,141,207,.07)}
.sky-display{position:absolute;bottom:56px;left:8%;right:10%;height:50px;background:linear-gradient(#fff,#dce8f8);border-radius:50%;box-shadow:0 18px 18px rgba(56,97,143,.12)}
.sky-bottle{position:absolute;bottom:81px;filter:drop-shadow(14px 23px 12px rgba(58,100,147,.17))}
.sky-bottle--left{width:111px;height:211px;left:15%;border-radius:20px 20px 13px 13px;background:linear-gradient(110deg,#fefefe 0%,#e8f0fb 50%,#c5dbf3 100%);transform:rotate(-9deg);z-index:2}
.sky-bottle--left:before{content:"";position:absolute;left:38px;top:-29px;width:34px;height:38px;background:linear-gradient(90deg,#c5d6eb,#f0f6fc,#b8cde5);border-radius:7px 7px 3px 3px}
.sky-bottle--left:after{content:"SKIN CARE";position:absolute;top:90px;left:17px;right:17px;font-size:9px;font-weight:800;color:#81a2c9;text-align:center;letter-spacing:.13em;border-top:1px solid #b7cbe0;border-bottom:1px solid #b7cbe0;padding:8px 0}
.sky-bottle--middle{width:140px;height:282px;left:39%;bottom:78px;border-radius:16px 16px 24px 24px;background:linear-gradient(115deg,#d6e8fb,#fefefe 44%,#f6f9fe 65%,#aac6e8);z-index:3}
.sky-bottle--middle:before{content:"";position:absolute;width:54px;height:42px;background:linear-gradient(90deg,#9cbfe7,#c6dcf6,#a5c4e7);top:-33px;left:43px;border-radius:6px 6px 1px 1px}
.sky-bottle--middle:after{content:"SOFT GLOW";position:absolute;top:124px;left:0;right:0;text-align:center;letter-spacing:.19em;font-size:10px;font-weight:800;color:#628ebd}
.sky-bottle--right{width:110px;height:192px;right:12%;border-radius:15px 15px 22px 22px;background:linear-gradient(95deg,#a9c7eb,#e3f1ff 30%,#d1e7fd 75%,#94b9e7);transform:rotate(9deg);z-index:2}
.sky-bottle--right:before{content:"";position:absolute;width:68px;height:23px;left:21px;top:-20px;border-radius:4px 4px 0 0;background:linear-gradient(95deg,#76a0d6,#c6dff8,#7ca8dc)}
.sky-bottle--right:after{content:"DAILY CARE";position:absolute;left:5px;right:5px;top:90px;color:#467fb7;letter-spacing:.12em;font-weight:800;font-size:9px;text-align:center}
.sky-spark{position:absolute;display:block;border-radius:100%;background:rgba(255,255,255,.9)}
.sky-spark--one{width:13px;height:13px;left:21%;top:75px;box-shadow:0 0 0 10px rgba(255,255,255,.16)}
.sky-spark--two{width:9px;height:9px;right:18%;top:100px}
.sky-spark--three{width:7px;height:7px;right:12%;bottom:160px}
.sky-section{padding:70px 0 10px}
.sky-section__head{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;margin-bottom:25px}
.sky-section__head h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.05em;line-height:1.25;margin:7px 0 0;font-weight:770}
.sky-section__head .sky-text-link{font-weight:700;font-size:13px;white-space:nowrap}
.sky-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.sky-category-tile{border:1px solid #e8eff8;min-height:180px;background:#f4f9ff;border-radius:22px;position:relative;overflow:hidden;padding:28px 26px;display:flex;align-items:flex-end;transition:transform .2s,box-shadow .2s}
.sky-category-tile:hover{transform:translateY(-3px);box-shadow:var(--sky-shadow)}
.sky-category-tile:nth-child(2){background:#f8f8ff}
.sky-category-tile:nth-child(3){background:#f2f9fc}
.sky-category-tile h3{font-size:20px;margin:0 0 4px;letter-spacing:-.04em;color:var(--sky-ink)}
.sky-category-tile p{font-size:12px;margin:0;color:#70849a}
.sky-category-tile__content{z-index:1}
.sky-category-tile__circle{width:143px;height:143px;border-radius:50%;position:absolute;right:-12px;top:-14px;background:linear-gradient(160deg,#d3e6fc,rgba(255,255,255,.65));box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.sky-category-tile__circle:before{content:"";width:45px;height:94px;background:linear-gradient(90deg,#fff,#bad5f1);position:absolute;left:49px;top:25px;border-radius:10px 10px 15px 15px;transform:rotate(22deg);box-shadow:6px 8px 11px rgba(76,127,175,.12)}
.sky-category-tile__circle:after{content:"";width:33px;height:16px;background:#9ec4ed;position:absolute;left:60px;top:15px;border-radius:5px;transform:rotate(22deg)}
.sky-category-tile:nth-child(2) .sky-category-tile__circle{background:linear-gradient(160deg,#e6e6ff,#fff)}
.sky-category-tile:nth-child(3) .sky-category-tile__circle{background:linear-gradient(160deg,#cfedf3,#fff)}
.sky-products{padding-top:64px;padding-bottom:20px}
.sky-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--sky-border);border-bottom:1px solid var(--sky-border);padding:29px 0;margin-top:61px}
.sky-benefit{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:650;color:#55708f}
.sky-benefit svg{width:24px;height:24px;color:#82aade;stroke:currentColor;stroke-width:1.6;fill:none}
.sky-callout{margin-top:75px;margin-bottom:75px;background:linear-gradient(100deg,#f0f7ff,#e4f2ff);border-radius:24px;padding:47px 55px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.sky-callout h2{font-size:29px;letter-spacing:-.045em;line-height:1.3;margin:0 0 9px}
.sky-callout p{margin:0;color:#70829a;font-size:14px}
.sky-empty{background:#f8fbff;border:1px dashed #c8dced;border-radius:18px;text-align:center;padding:62px 24px;color:#607790}
.sky-empty h3{color:var(--sky-ink);margin-top:0}
.sky-main{padding-top:48px;padding-bottom:80px;min-height:380px}
.sky-page-heading{margin:0 0 22px;font-size:40px;letter-spacing:-.05em}
.sky-post-card{border:1px solid var(--sky-border);border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:var(--sky-shadow)}
.sky-post-card h2{margin:0 0 12px}
.sky-post-card .entry-meta{font-size:12px;color:var(--sky-muted)}
.sky-pagination{margin-top:32px}
.sky-footer{background:#f8fbff;border-top:1px solid #e6eef9;padding:50px 0 25px}
.sky-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.sky-footer h3{font-size:14px;margin:0 0 15px}
.sky-footer p{font-size:13px;max-width:280px;color:var(--sky-muted);line-height:1.9;margin:16px 0}
.sky-footer .footer-menu ul{display:block}
.sky-footer .footer-menu li{margin:0 0 11px}
.sky-footer .footer-menu a,.sky-footer__links a{font-size:13px;color:#637891}
.sky-footer__links{display:flex;flex-direction:column;gap:11px}
.sky-footer__bottom{border-top:1px solid #e6eef9;margin-top:37px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;color:#8492a5;font-size:11px}
/* WooCommerce card catalog */
.woocommerce .woocommerce-breadcrumb{font-size:12px;color:#8996a8;margin:0 0 27px}
.woocommerce .woocommerce-breadcrumb a{color:#6d83a0}
.woocommerce .woocommerce-result-count{font-size:12px;color:var(--sky-muted);margin:15px 0 30px}
.woocommerce .woocommerce-ordering{margin:0 0 25px}
.woocommerce .woocommerce-ordering select{border:1px solid #dfe9f4;border-radius:9px;background:#fff;padding:10px 14px;max-width:100%;color:#536781}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 19px;margin:0 0 34px;clear:both}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:auto!important;margin:0!important;min-width:0;display:flex;flex-direction:column;border:1px solid #e7edf6;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 5px 15px rgba(52,91,141,.035);transition:transform .18s,box-shadow .18s}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(52,91,141,.1)}
.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link{display:block;flex-grow:1;color:var(--sky-ink);text-decoration:none}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#f7faff;padding:18px;margin:0;transition:transform .2s}
.woocommerce ul.products li.product:hover a img{transform:scale(1.025)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;line-height:1.55;font-weight:680;letter-spacing:-.017em;color:var(--sky-ink);padding:19px 17px 6px;margin:0;min-height:67px}
.woocommerce ul.products li.product .price{font-size:16px;color:var(--sky-deep);font-weight:800;padding:0 17px;margin:3px 0 12px}
.woocommerce ul.products li.product .price del{color:#a0aaba;font-size:12px;font-weight:400}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin:0 16px 17px;text-align:center;border:1px solid #deebfa;color:var(--sky-deep);background:#edf5ff;box-shadow:none;padding:11px 10px;border-radius:10px;font-size:12px}
.woocommerce ul.products li.product .button:hover{background:var(--sky-blue);border-color:var(--sky-blue);color:white}
.woocommerce ul.products li.product .added_to_cart{font-size:12px;margin:0 15px 15px;text-align:center}
.woocommerce span.onsale{background:var(--sky-blue);border-radius:9px;min-height:0;min-width:0;padding:5px 10px;line-height:1.5;font-size:11px;font-weight:750;top:14px;left:14px;z-index:2}
.woocommerce div.product{margin-top:0}
.woocommerce div.product .product_title{font-size:clamp(29px,3vw,40px);letter-spacing:-.04em;line-height:1.2}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--sky-deep);font-size:25px;font-weight:800}
.woocommerce div.product div.images img{border-radius:18px;background:#f7faff}
.woocommerce div.product div.images .flex-control-thumbs li img{border-radius:7px}
.woocommerce div.product form.cart .qty{border:1px solid #d6e4f5;padding:10px;border-radius:9px;min-height:45px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:24px 0}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{border-color:var(--sky-border)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#f8fbff;border-color:var(--sky-border);border-radius:9px 9px 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:white}
.woocommerce-message,.woocommerce-info{border-top-color:var(--sky-blue)!important;background:#f3f8ff}
.woocommerce-message:before,.woocommerce-info:before{color:var(--sky-blue)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .input-text,.woocommerce select{border:1px solid #dce7f3;border-radius:9px;padding:11px 13px;min-height:42px;background:#fff;color:var(--sky-ink)}
.woocommerce a.remove{color:#6f92b9!important}
.woocommerce a.remove:hover{background:#e46b77!important;color:#fff!important}
.woocommerce table.shop_table{border-radius:13px;overflow:hidden;border-color:var(--sky-border)}
.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{max-width:100%}
.wc-block-components-button:not(.is-link){background:var(--sky-blue)!important;border-radius:11px!important;color:white!important}
.wc-block-components-button:hover:not(.is-link){background:var(--sky-deep)!important}
.sky-single-content{max-width:820px;margin:0 auto}
.sky-single-content .entry-title{font-size:40px;line-height:1.2;letter-spacing:-.04em}
.sky-single-content .entry-content{overflow-wrap:anywhere}
.sky-single-content .entry-content img{border-radius:12px}
.sky-single-content blockquote{border-left:3px solid var(--sky-blue);padding-left:20px;color:var(--sky-muted)}
.alignwide{max-width:var(--sky-max);margin-inline:auto}
.alignfull{width:100vw;position:relative;left:50%;margin-left:-50vw}
@media(max-width:1050px){.header-navigation ul{gap:18px}.sky-hero__copy{padding-left:45px}.sky-bottle--left{left:8%}.sky-bottle--right{right:4%}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sky-wrap{width:min(calc(100% - 30px),var(--sky-max))}.site-header__main{min-height:70px;gap:10px}.brand{min-width:0}.brand__name{font-size:19px}.brand__mark{height:33px;width:33px}.header-navigation{position:absolute;top:100%;left:0;right:0;background:#fff;display:none;padding:16px 20px 22px;box-shadow:0 15px 20px rgba(35,69,100,.09);border-top:1px solid var(--sky-border)}.header-navigation.is-open{display:block}.header-navigation ul{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.menu-toggle{display:flex}.header-actions{gap:5px}.icon-link,.menu-toggle{width:37px;height:37px}.sky-hero{min-height:0;grid-template-columns:1fr;margin-top:14px;border-radius:22px}.sky-hero__copy{padding:45px 29px 8px}.sky-hero h1{font-size:39px;margin:15px 0}.sky-hero p{font-size:14px;margin-bottom:23px}.sky-hero__visual{min-height:276px;transform:scale(.73);transform-origin:top center;margin-bottom:-70px}.sky-hero__halo{top:10px}.sky-bottle,.sky-display{bottom:30px}.sky-bottle--middle{bottom:24px}.sky-section{padding-top:50px}.sky-section__head{align-items:flex-start;gap:10px}.sky-section__head h2{font-size:27px}.sky-category-grid{grid-template-columns:1fr;gap:12px}.sky-category-tile{min-height:138px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px;padding:12px 12px 5px;min-height:62px}.woocommerce ul.products li.product .price{font-size:14px;padding:0 12px}.woocommerce ul.products li.product a img{padding:8px}.woocommerce ul.products li.product .button{margin:0 10px 12px;padding:9px 6px;font-size:11px}.sky-benefits{grid-template-columns:1fr;gap:17px;justify-items:flex-start;padding:24px}.sky-callout{padding:29px;align-items:flex-start;flex-direction:column;margin:45px 0}.sky-callout h2{font-size:25px}.sky-footer__grid{grid-template-columns:1fr 1fr;gap:20px}.sky-footer__grid>div:first-child{grid-column:1/-1}.sky-footer__bottom{flex-direction:column}.sky-main{padding-top:28px}.sky-page-heading{font-size:32px}}
@media(max-width:370px){.sky-hero h1{font-size:34px}.brand__name{font-size:16px}.sky-section__head .sky-text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}