/*
 Theme Name:   Snowdoo Minimal
 Theme URI:    https://www.snowdoo.com
 Author:       NEXT LEVEL
 Author URI:   https://www.snowdoo.com
 Description:  Minimalny motyw tylko z szablonem Full Width dla Elementora
 Version:      1.0
 Text Domain:  snowdoo-minimal
*/







/* --------------------------------------------- */
html { font-size: 10px; line-height:1.5;}
html, body { overflow-x: hidden !important; color: #585858 !important; position:relative;}
body { padding:0; margin:0; background: #f5f5f5;}
* { box-sizing: border-box;}

.hero-bg {
  background-size: cover;
  background-repeat: no-repeat;
  /* background-position: bottom center; // v1 */
  background-position: center center;
}


/* Desktop Wide */
@media (min-width: 1441px) {
    .hero-bg {
    background-image: url('/wp-content/uploads/2025/12/hero.jpg');
    background-position: center 38%;
    }
}
/* Desktop */
@media (min-width: 1025px) and (max-width: 1440px) {
    .hero-bg {
        background-image: url('/wp-content/uploads/2025/12/hero.jpg');
        background-image: url('/wp-content/uploads/2025/12/hero.avif');
    background-position: center 38%;
    }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .hero-bg {
        background-image: url('/wp-content/uploads/2025/12/tablet.jpg');
    }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .hero-bg {
        background-image: url('/wp-content/uploads/2025/12/tablet.jpg');
    }
}
/* Mobile */
@media (max-width: 767px) {
/*     .hero-bg {
        background-image: url('/wp-content/uploads/2025/12/skutery-hero-mobile-vertical.jpg');
        background-image: url('/wp-content/uploads/2025/12/skutery-hero-mobile-vertical.avif');
    } */
}
/* Mobile Vertical - Portrait */
/* @media (max-width: 767px) and (orientation: portrait) {
    .hero-bg {
        background-image: url('/wp-content/uploads/2025/04/skutery-hero-mobile-vertical.jpg');
    }
} */


/* footer */
@media(max-width: 767px) {
  .gp-footer-group .elementor-widget-icon-list {
    margin-bottom: 0 !important;
  }
  .gp-footer-group .elementor-widget-heading {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .gp-footer-links li a {
    padding: 6px !important;
  }
}
@media(min-width: 768px) {
  .gp-min-vh {
    min-height: 150px;
    margin-bottom: 0 !important;
  }
}
@media(max-width: 580px) {
  .gp-copyright .elementor-column { width: 100% !important;}
  .gp-copyright .elementor-column:first-child .elementor-widget-wrap { padding-bottom: 0 !important;}
  .gp-copyright .elementor-column:last-child .elementor-widget-wrap { padding-top: 0 !important; }
}


@media(min-width:768px) {
  .gp-herowrapper {
    margin-top:80px;
  }
}
.gp-hero h3 { white-space: nowrap;}

@media(min-width: 1024px) and (max-width:1399px) {

  .gp-hero {
    padding-left: 50px !important;
  }
  .gp-hero h2 {
    font-size: 70px !important;
    line-height: 70px !important;
  }
  gp-hero h2:lang(en-US) . {
    font-size: 60px !important;
    line-height: 60px !important;
  }
  .gp-hero p {
    font-size: 27px !important;
    line-height: 27px !important;
  }
}
@media(min-width: 1400px) {
  .gp-hero {
     padding-left: calc(24vw - 327px) !important;
  }
  .gp-hero h2,
  .gp-hero p {
    max-width: 70%;
    line-height:1.2;
  }
    .gp-hero h2 {
    font-size: 70px !important;
    line-height: 70px !important;
  }
}

/* LANG SWITCHER ------------------------ */
@media (max-width: 1024px) {
  .gp-menu-wrapper { overflow:hidden;}
  .gp-lang { display: none;}
  .menu-active .gp-primary-menu { padding-left: 40px !important;}
  .menu-active .gp-lang { display:block; position: fixed; left: 40px; bottom:15vh; z-index:10000;}
  .menu-active .gp-lang img { width: 40px !important; height: auto !important;}
  .menu-active .gp-lang ul { padding-left:0 !important; margin-left:0 !important;}
}
.gp-lang ul { margin:0; list-style-type: none !important;}
.gp-lang li { min-width: 1.5rem;}
/* MENU ------------------------ */
.elementor-location-header { position: relative; z-index: 1000;}

/* Styl toggle-menu */
body.menu-active { overflow:hidden;}
.gp-logo-wrapper { z-index:20 !important; max-width: 300px;}
.gp-header-button { max-width: 200px;}
.gp-toggle-menu {
  cursor: pointer;
}
.gp-menu-wrapper { align-self: center !important;}
.gp-toggle-menu .elementor-icon { border: none !important;}
.gp-primary-menu ul { gap: 2rem;}
.gp-toggle-menu {   z-index: 10 !important;}

/* Breakpoint dla urządzeń o szerokości powyżej 1024px */
@media (min-width: 1025px) {
  .gp-primary-menu {
    display: block;
    position: static;
    height: auto;
  }
  .gp-toggle-menu {
    display: none;
  }
}
/* Breakpoint dla urządzeń poniżej 1024px (mobilne) */
@media (max-width: 1024px) {
  .gp-menu-wrapper { justify-content: flex-end !important;}
  .gp-menu-wrapper,
  .gp-logo-wrapper { flex: 1 !important;}
  .gp-menu-wrapper .e-con-inner { justify-content: flex-end !important;}
  .gp-primary-menu {
    display: none;
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;  
    z-index: 1000;
    background: #fff;
    padding: 2rem 3rem;
  }
  .gp-primary-menu ul {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  /* Kiedy menu jest widoczne */
  .gp-primary-menu.show {
    display:block;
    left:0;
    transition: left 1.3s ease-in-out;
    position: fixed;
    top: 0;
    padding-top: 30vh;
    padding-left: 2rem;
    z-index: 10;
  }

}

/* Blog */
.single-post .kl-blog-post-img {
  display: flex;
}
.single-post .kl-blog-post .kl-blog-single-head-wrapper img {
  width: 100% !important;
  height: auto;
}
/* SITEMAP ------------------------ */
.gp-sitemap .elementor-shortcode { display: flex; gap: 2rem; flex-direction: column;}
.gp-sitemap ul { list-style-type: none !important; padding-left: 0 !important;}
.gp-sitemap .category-name { font-weight: 700; text-transform: uppercase; }
.gp-sitemap .category-posts { margin-left: 0 !important; }
.gp-sitemap .post-item { border-bottom: 1px dotted #ebebeb; line-height: 2;}
.gp-sitemap .sm-section-title { margin-bottom:1rem;}
.gp-sitemap .category-group > ul,
.gp-sitemap .all-posts > ul { margin-left: 0 !important;}

@media(min-width: 768px) {
  .gp-sitemap .elementor-shortcode { gap: 16rem; }
  .gp-sitemap .elementor-shortcode { flex-direction: row;}
}

/* MISC ------------------------ */
.gp-customlist ul { display: flex; flex-direction: column; gap:0.75rem;}
.gmap { filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(15deg); }
.gp-h2 h1{ font-size: 80px !important; line-height: 80px !important; }
.gp-h3 h2 {font-size:24px !important; line-height: 26px !important; font-weight:600 !important; letter-spacing:0; word-spacing: 0; }

@media(max-width:1024px) {
  .gp-h2 h1 { font-size: 50px !important; line-height: 1em !important; letter-spacing:0; word-spacing: 0; }
  .gp-h3 h2 { font-size: 16px !important; }
}
@media(max-width: 767px) {
  .gp-h2 h1 { font-size: 35px !important; line-height: 1.1em !important; }
  .gp-h3 h2 { font-size: 24px !important; letter-spacing:0; word-spacing: 0;}
}

.gp-whyus figure { display: flex !important; justify-content: center;}
.pt-2 { padding-top:2rem;}
.pb-2 { padding-bottom: 2rem;}
.pb-4 { padding-bottom: 4rem; }
.mb-4 { margin-bottom: 4rem; }
.gap-8 { gap: 8rem; }
.media-on-right .wp-block-media-text__content { padding-left:0 !important; }
@media(max-width:767px) {
  .media-on-right .wp-block-media-text__media { margin-bottom: 3rem; }
}

.tbody tr:nth-child(even) th, tbody tr:nth-child(even) td { background:#ff4000 !important; }

.elementor-cta__title { line-height:1.4em !important;}
.elementor-posts .elementor-post__card .elementor-post__thumbnail img {
left: calc(50% -1px);
  left: calc(50% - 1px);
  top: calc(50% - 1px);
  position: absolute;
  transform: scale(1.01) translate(-50%, -50%);
  max-width: none;
  max-height: none;
  width: 100%;
  object-fit: cover;
  height: 100%;
}

/* BLOG ------------------------------*/
.kl-single-layout--modern .kl-blog-post { padding-top:0 !important; }
.kl-single-layout--modern .kl-blog-post-body { font-size: 16px !important; }
.single-post #content { margin-bottom:0 !important;}
.single-post #th-content-post h1 { font-size: 3rem; line-height: 1.2em;}
.single-post #th-content-post h2 { font-size: 2rem; line-height: 1.2em; color: #050505; margin-top:0;}
.single-post #th-content-post .entry-title { margin:0 auto; text-align: center; margin-bottom: 4rem;}
@media(min-width: 768px) { .single-post #th-content-post .entry-title { max-width: 80%; }}
.single-post #th-content-post img { border-radius: 16px; }
@media(max-width:767px) {
  .single-post #th-content-post img { height: 377px; object-fit: cover; object-position: center; }
  .single-post #th-content-post ul { padding-left: 20px;}
}
.single-post #th-content-post .kl-blog-post-meta { text-align: center; }
.single-post .gp-box { padding: 4rem;  background: #ff4000; border-radius: 16px; color:#FFF; }
.single-post .gp-box h2 { color: #FFF !important; }
.single-post .gp-box p:last-child,
.single-post .wp-block-group p:last-child { margin-bottom:0;}
.single-post #th-content-post p a,
.gp-textlink a {color: #FF4000 !important; display: inline-block !important; border-bottom: 1px dotted #FF4000 !important; line-height: 1 !important; padding-bottom: 0.25rem !important; }
.gp-short { font-size: 14px; color: #a1a1a1; }
.gp-short span { color:#ff4000;}
.kl-single-layout--modern { border: none !important; }  
@media(min-width: 1024px) { .kl-single-layout--modern { box-shadow: 0px 14px 34px rgba(41,47,96,.15); padding-top: 4rem; margin-bottom: 60px;}  }
.kl-blog-related-post:hover .kl-blog-related-post-link:after { display:none !important;}

/* TABLE ------------------------------*/
.wp-block-table{width:100%;border-collapse:collapse;margin:20px 0;background-color:#fff;}
.wp-block-table table{border:1px solid #ddd;width:100%;}
.wp-block-table table td:first-child {background-color:#f8f9fa; padding:18px 18px !important;text-align:left;font-weight:bold !important;color:#333;}
.wp-block-table table td{border:1px solid #ddd;padding:18px 18px !important;text-align:left;vertical-align:top;color:#333; line-height: 1.8 !important; }
@media (max-width:768px){.wp-block-table table{border:0;}
.wp-block-table table thead{display:none;}
.wp-block-table table tr{border-bottom:3px solid #ddd;display:block; }
.wp-block-table table td{border:none;border-bottom:1px solid #eee;position:relative;padding:14px 18px 14px 50%;display:block;}
.wp-block-table table td:before{content:attr(data-label);position:absolute;left:6px;width:45%;font-weight:bold;text-align:left;padding:14px 0;}
}
.custom-table-style .wp-block-table table th,.custom-table-style .wp-block-table table td{border-color:#ccc;padding:16px 20px;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:transparent;}
.wp-block-table .tbody tr:nth-child(even) th, tbody tr:nth-child(even) td { background: #FFF !important; color: #333 !important; }


.elementor-background-slideshow.swiper { width: 100% !important; height: 100% !important; }
#wp-admin-bar-elementor_notes {display: none !important;}

/*
@media (prefers-reduced-motion: reduce) {
  html[lang="pl-PL"] *,
  html[lang="en-GB"] *,
  html[lang="en-US"] * {
    transition-duration: .350s !important;
  }
  
  html[lang="pl-PL"] .elementor-widget-container *,
  html[lang="en-GB"] .elementor-widget-container *,
  html[lang="en-US"] .elementor-widget-container * {
    transition-duration: 5.350s !important;
  }
}
*/




/* TABLE ------------------------------*/
.lynx-table-wrapper {
  overflow-x: auto !important;
}
.lynx-container {
  background-color: #fff !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  justify-content: flex-start;
  font-weight: 600;
}
.lynx-wrapper img {
  max-width: 32px !important;
}
.lynx-text {
  margin-bottom: 20px !important;
  flex: 1 0 100% !important;
}
.lynx-container table {
  white-space: nowrap;
  width: 100% !important;
  border-collapse: collapse !important;
  background-color: transparent !important;
  vertical-align: top !important;
}
.lynx-table-wrapper {
  width: 100%;
}
@media(min-width:1100px) {
  .lynx-container {
    justify-content: flex-start;
  }
}
.lynx-table-specs th,
.lynx-table-specs td,
.lynx-table-suspension th,
.lynx-table-suspension td,
.lynx-table-features th,
.lynx-table-features td {
  border: 1px solid #ccc !important;
  padding: 1rem !important;
  text-align: center !important;
}
.lynx-table-specs th,
.lynx-table-suspension th,
.lynx-table-features th {
  background-color: #FFFFFF !important;
  font-weight: 600 !important;
  color: #3f444b !important;
}
.lynx-table-specs tr,
.lynx-table-suspension tr,
.lynx-table-features tr {
  background-color: transparent !important;
}
.lynx-container tbody tr:nth-child(even) {
  background-color: #fff !important;
}
.lynx-container tbody tr:nth-child(odd) td {
  background-color: #f5f5f5 !important;
}
.lynx-wrapper td:first-child,
.lynx-wrapper th:first-child {
  font-weight: normal !important;
  text-align: right !important;
}
.lynx-note {
  font-size: 12px !important;
  color: #767676 !important;
  margin-top: 1rem;
  font-weight: normal !important;
}
/* TOGGLE ------------------------------*/
.gp-toggle{border-bottom:1px solid #ddd;font-family:"Roboto", sans-serif; padding:1.2rem;}
.gp-toggle-header{padding:6px 0;cursor:pointer;user-select:none; font-size: 16px; margin:0; padding:0; line-height:1.3;}
.gp-toggle.active { background:#FFF; }
.gp-toggle.active .gp-toggle-header{font-weight:600}
.gp-toggle-content{padding:4px 0 8px 0;display:none}



/* snowdoo.com ------------------------------*/
.elementor-element-0b5644c { box-shadow: -5px 5px 20px rgba(0,0,0,0.3);}
.elementor-element-819203d { box-shadow: 0 25px 50px rgba(0,0,0,0.5); border: 8px solid #FFF;}
.elementor-element-1753fcf { box-shadow: 5px 5px 20px rgba(0,0,0,0.3);  }
@media(max-width: 1024px) {
  .elementor-button.elementor-size-lg { padding: 15px 20px !important; }
}
@media(min-width:1025px) and (max-width: 1500px) {
  .elementor-7 .elementor-element.elementor-element-8409a19,
  .elementor-7 .elementor-element.elementor-element-427a6e0,
  .elementor-7 .elementor-element.elementor-element-8726dea { width:50%;}
}
@media(min-width:768px) and (max-width: 1024px) {
  .elementor-7 .elementor-element.elementor-element-cd19d52 { background: #FFF; padding-top:2rem; padding-bottom: 2rem;}
}
@media(max-width:768px) {
  .elementor-element-654ec7a .e-con-inner { gap:0 !important; padding-top:0 !important; padding-bottom:0 !important;  }
  .elementor-element-654ec7a .elementor-element-17748aa { padding-bottom:0;}

}