/* 1. OBRAZY I EMOJI */
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

/* 2. ELEMENTY WORDPRESS (Gutenberg) */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none;
}

/* 3. ZMIENNE :ROOT (Kolory, Gradienty, Typografia) */
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);

    /* TWOJE ZMIENNE MOTYWU */
    --default-color: #1a191d;
    --primary-color: #002d2e;
    --second-color: #f37a20;
    --color-1: #002d2e;
    --color-2: #f37a20;
    --color-3: #00b2b8;
    --body-color: #646464;
    --heading-color: #111111;
    --white-color: #ffffff;
    --black-color: #000000;
    --dark-color: #111111;
    --light-blue-color: #f5f7fb;
    --default-color-rgb: 26,25,29;
    --primary-color-rgb: 28,44,52;
    --second-color-rgb: 170,153,138;
    --body-color-rgb: 100,100,100;
    --heading-color-rgb: 17,17,17;
    --white-color-rgb: 255,255,255;
    --black-color-rgb: 0,0,0;
    --dark-color-rgb: 17,17,17;
    --light-blue-color-rgb: 245,247,251;
    --link-color: var(--heading-color);
    --link-color-hover: var(--second-color);
    --link-color-active: var(--second-color);
    --body-font-family: 'Ubuntu', sans-serif;
    --body-font-size: 18px;
    --body-font-weight: normal;
    --body-line-height: 1.75;
    --body-letter-spacing: 0px;
    --heading-font-family: 'Lora', serif;
    --heading-font-weight: 400;
    --heading-text-transform: initial;
    --heading-line-height: 1.2;
    --heading-letter-spacing: 0;
    --heading-color-hover: var(--primary-color);
    --heading-font-size-h1: 62px;
    --heading-font-size-h2: 48px;
    --heading-font-size-h3: 32px;
    --heading-font-size-h4: 27px;
    --heading-font-size-h5: 24px;
    --heading-font-size-h6: 20px;
    --logo-width: 214px;
    --logo-mobile_width: 142px;
}

/* 4. LAYOUT I STRUKTURA ELEMENTORA */
:where(.is-layout-flex){ gap: 0.5em; }
:where(.is-layout-grid){ gap: 0.5em; }
body .is-layout-flex{ display: flex; }
.is-layout-flex{ flex-wrap: wrap; align-items: center; }
.is-layout-flex > :is(*, div){ margin: 0; }
body .is-layout-grid{ display: grid; }
.is-layout-grid > :is(*, div){ margin: 0; }

:where(.wp-block-columns.is-layout-flex), :where(.wp-block-columns.is-layout-grid){ gap: 2em; }
:where(.wp-block-post-template.is-layout-flex), :where(.wp-block-post-template.is-layout-grid){ gap: 1.25em; }
:root :where(.wp-block-pullquote){ font-size: 1.5em; line-height: 1.6; }

/* 5. KLASY KOLORYSTYCZNE I TYPOGRAFIA (WP PRESETS) */
.has-black-color{color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-color{color: var(--wp--preset--color--white) !important;}
.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}

.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}
.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}

.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}
.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}

/* KLASY GRADIENTÓW */
.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}
.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}
.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}
.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}
.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}

/* FONT-SIZE UTILITIES */
.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}
.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}
.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}
.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}

/* 6. WOOMMERCIE I WIDGETY */
.woocommerce form .form-row .required { visibility: visible; }
.pxl-mobile-menu li a { color:#fff !important; padding:5px 0; display:block; }

/* 7. LAZY LOAD BACKGROUNDS (Elementor) */
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
}
@media screen and (max-height: 1024px) {
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}
@media screen and (max-height: 640px) {
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

/* 8. KONTENER MOBILE */
@media screen and (max-width: 767px) {
    .kontener {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
}

/* 9. ELEMENTOR SPECIFIC & PAGETITLE */
.elementor-235 .elementor-element.elementor-element-41c18c4 > .elementor-background-overlay {
    background-color: #000000;
    opacity: 0.35;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-8053 .elementor-element.elementor-element-12b6a13 {
    padding: 58px 0px 58px 0px;
}

.pxl-pagetitle .pxl-page-title-bg {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    background-image: url('wp-content/uploads/2022/08/pt-bg.jpg');
    background-size: cover;
}

#pxl-main { padding-top:0px; padding-bottom:0px; }

/* 10. REZERWACJA I WAVES */
.rezerwacja-wrapp { margin-top:-100px; }
footer, .rezerwacja { position:relative; overflow:hidden; }
.rezerwacja .pxl-btn {
    margin-top:28px;
    height:45px !important;
    width:100% !important;
    border-radius:0 !important;
}

.rezerwacja .form { position:relative; z-index:2; }

.waves-svg .pxl-section-bg-parallax,
.elementor-237 .elementor-element.elementor-element-15972da .pxl-section-bg-parallax {
    background: url('../../teznie/temp/pt-pattern-2-w.svg') !important;
    background-position: center center;
    background-size: cover !important;
    bottom: -50px;
    opacity: 0.15;
}

.rezerwacja-wrapp .waves-svg .pxl-section-bg-parallax {
    width:30%;
    top:-100px;
    right:0;
    left:auto;
}

.waves-svg.waves-dark .pxl-section-bg-parallax {
    background: url('../../teznie/temp/pt-pattern-2.svg') !important;
    background-position: center center;
    background-size: cover;
    bottom: -50px;
    opacity: 0.05;
}

/* 11. HEADER STICKY & MOBILE MENU FIXED */
#mainheader.sticky { background-color: var(--color-1); position:fixed !important; z-index:999; width: 100%; top: 0; }
#mainheader.sticky .pxl-logo {
    height: 105px;
    margin: 0 0 -20px 0;
    overflow: hidden;
}

#mobile-menu.fixed {
    position: fixed;
    z-index:999;
    background: var(--color-1);
    top: 0;
    width: 100%;
}

/* 12. PRZYCISKI SPECJALNE */
.pxl-anchor-wrap .menu-toggle-bg-nav, #pxl_button-bc7aa23-5199 .pxl-btn {
    background-color: var(--color-2);
    border-color: var(--color-2);
    color: #fff;
}

.pxl-room-check-available-form-wg.layout-3.dark-mode .pxl-btn {
    background-color: var(--color-1);
    border-color: #fff;
    color: #fff;
}

/* 13. RESPONSYWNOŚĆ KONTENERÓW */
@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1250px;
    }
}

@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1450px;
    }
}

@media (min-width: 1800px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1650px;
    }
}