/*!
Theme Name: Gutenify Logistics
Theme URI: https://gutenify.com/themes/gutenify-logistics
Author: Codeyatri
Author URI: https://gutenify.com
Description: Gutenify Logistics is modern block-based theme where you can build your own unique looking website by using WordPress Blocks Editor. Gutenify Logistics is a multipurpose block based free theme, the theme is built in accordance of Full Site Editing features introduced in WordPress 5.9, which means that all the aspects including colors, typography, and the layout of every single page on your site can be customized to suit your need.The true efficiency of Gutenify Logistics Theme lies in its customizability with combination of Gutenify Plugin. With Gutenify Plugin you can create different customized template, you can also use its in-built template kits and then further customize them according to your needs. Furthermore, using different blocks in combination of Gutenify Plugin’s solid additional blocks, each website will garner an exhibit look. With strong typography, and simple design, we want to achieve unique look for every website. Gutenify Plugin offers a wide variety of flexible and easy to use blocks which will make your website in combination with truly unique spectacle. You can create. A single-page website, a blog, a Logistics website, a portfolio, a construction site, or an education site, Gutenify Corporate with Gutenify Plugin will help you create something unique which you can truly call yours.Official Support Forum: https://gutenify.com/contact/
Template: gutenify-base
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.2
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: gutenify-logistics
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
*/
.wp-container-0.wp-container-0 {
  z-index: 99; }

/* ===== Blog-Carousel: 3 Artikel nebeneinander ===== */
.wp-block-gutenify-post-carousel .swiper-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  transform: none !important;
  width: 100% !important;
}

.wp-block-gutenify-post-carousel .swiper-slide {
  flex: 0 0 calc(33.333% - 16px) !important;
  width: calc(33.333% - 16px) !important;
  max-width: calc(33.333% - 16px) !important;
}

@media screen and (max-width: 768px) {
  .wp-block-gutenify-post-carousel .swiper-wrapper {
    flex-wrap: wrap !important;
  }
  .wp-block-gutenify-post-carousel .swiper-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===== Button-Stil: Hellblau, abgerundete Ecken, schwarze Schrift ===== */
.wp-block-button__link,
.wp-element-button,
.gutenify-button-link,
.wp-block-button .wp-block-button__link,
.wp-block-buttons .wp-block-button__link {
  background-color: #87CEEB !important;
  color: #000000 !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 12px 28px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background-color 0.2s ease !important;
  min-width: 200px !important;
  text-align: center !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
.gutenify-button-link:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button__link:hover {
  background-color: #1565C0 !important;
  color: #000000 !important;
  text-decoration: none !important;
}

/* Buttons nebeneinander & gleiche Größe */
.gutenify-buttons-version-2.wp-block-gutenify-buttons,
.gutenify-buttons-version-2.wp-block-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.gutenify-buttons-version-2 .wp-block-gutenify-button {
  flex: 1 1 0 !important;
  display: flex !important;
}

.gutenify-buttons-version-2 .wp-block-gutenify-button .gutenify-button-link,
.gutenify-buttons-version-2 .wp-block-gutenify-button .wp-block-button__link {
  width: 100% !important;
  min-width: unset !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

/* Outline-Variante ebenfalls überschreiben */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: #87CEEB !important;
  color: #000000 !important;
  border: none !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: #1565C0 !important;
  color: #000000 !important;
}

/* ===== Mobile Responsive Fixes ===== */
@media screen and (max-width: 768px) {

  /* Buttons: kleiner auf Mobil */
  .wp-block-button__link,
  .wp-element-button,
  .gutenify-button-link,
  .wp-block-button .wp-block-button__link,
  .wp-block-buttons .wp-block-button__link {
    min-width: unset !important;
    padding: 10px 20px !important;
    font-size: 0.875rem !important;
    width: auto !important;
  }

  /* Button-Container: Umbruch erlauben */
  .gutenify-buttons-version-2.wp-block-gutenify-buttons,
  .gutenify-buttons-version-2.wp-block-buttons,
  .wp-block-buttons {
    flex-wrap: wrap !important;
  }

  /* Hero-Bild: min-height reduzieren, Verzerrung vermeiden */
  .wp-block-cover.gutenify-section-09128e90-0760-11ee-8c91-9f5bcdc436c4 {
    min-height: 350px !important;
  }

  .wp-block-cover .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* Hero-Sektion: weniger Padding auf Mobil */
  .gutenify-section-09272800-0760-11ee-8c91-9f5bcdc436c4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  /* Hero Spalten: volle Breite auf Mobil */
  .gutenify-section-091ca0b0-0760-11ee-8c91-9f5bcdc436c4 {
    flex-direction: column !important;
  }

  .gutenify-section-091ca0b0-0760-11ee-8c91-9f5bcdc436c4 > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  /* Stats-Zeile: 2x2 Grid statt 4 Spalten */
  .gutenify-section-0925c870-0760-11ee-8c91-9f5bcdc436c4 {
    flex-wrap: wrap !important;
  }

  .gutenify-section-0925c870-0760-11ee-8c91-9f5bcdc436c4 > .wp-block-column {
    flex-basis: 50% !important;
    min-width: 50% !important;
  }

  /* Banner-Bereich: weniger Padding */
  .gutenify-section-44a65e80-0451-11ee-8f66-976efd0e821b {
    padding-top: 8vw !important;
    padding-bottom: 8vw !important;
  }

  /* Banner-Überschrift: kleiner auf Mobil */
  .gutenify-section-44a65e80-0451-11ee-8f66-976efd0e821b .has-colossal-font-size {
    font-size: clamp(1.5rem, 5vw, 2.5rem) !important;
    line-height: 1.3 !important;
  }

  /* Service-Karten: weniger Padding auf Mobil */
  .has-shadow-dark.has-white-background-color {
    padding: 30px 20px !important;
  }

  /* Service-Sektion: weniger Padding */
  .gutenify-section-45071c20-0451-11ee-8f66-976efd0e821b {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  /* Banner Flex-Container: stacken auf Mobil */
  .gutenify-section-60af01c0-2f82-11ee-9d45-37a80c4c0a8a {
    flex-wrap: wrap !important;
    gap: 20px !important;
  }

  /* Credit Card Mockup Bild: responsive statt feste Pixel */
  .gutenify-section-66998260-2fd5-11ee-a8b0-1f9e0c75caad img {
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .gutenify-section-66998260-2fd5-11ee-a8b0-1f9e0c75caad {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Alle Bilder mit festen Maßen im Cover: responsive machen */
  .wp-block-cover .wp-block-image.is-resized img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* ===== HEADER Mobile Fixes (Template ID 22) ===== */

  /* Top-Bar: weniger Padding */
  .gutenify-section-95d43700-3e76-11ee-8478-49a84b6d8d16 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Hauptheader-Wrapper: weniger Padding */
  .gutenify-section-95e01de0-3e76-11ee-8478-49a84b6d8d16 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  /* Hauptheader Flex-Container: stacken & zentrieren */
  .gutenify-section-95dfa8b0-3e76-11ee-8478-49a84b6d8d16 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  /* Logo + Text Gruppe: vertikal stacken statt nebeneinander */
  .gutenify-section-95d8cae0-3e76-11ee-8478-49a84b6d8d16 {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 8px !important;
  }

  /* Logo: kleiner auf Mobil, zentriert */
  .gutenify-section-95d8cae0-3e76-11ee-8478-49a84b6d8d16 .wp-block-site-logo {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .gutenify-section-95d8cae0-3e76-11ee-8478-49a84b6d8d16 .wp-block-site-logo img {
    max-width: 200px !important;
    width: 100% !important;
    height: auto !important;
  }

  /* "Sachverständigenbüro" Text: zentriert unter Logo */
  .gutenify-section-95d855b0-3e76-11ee-8478-49a84b6d8d16 {
    text-align: center !important;
    width: 100% !important;
  }

  .gutenify-section-95d855b0-3e76-11ee-8478-49a84b6d8d16 h5 {
    text-align: center !important;
    font-size: 0.95rem !important;
  }

  /* Kontaktinfos (Email/Telefon): stacken */
  .gutenify-section-95df3380-3e76-11ee-8478-49a84b6d8d16 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* Email/Telefon Gruppen: zentriert */
  .gutenify-section-95db3be0-3e76-11ee-8478-49a84b6d8d16,
  .gutenify-section-95ddfb00-3e76-11ee-8478-49a84b6d8d16 {
    justify-content: center !important;
  }

  /* Sticky Nav-Bar: weniger Padding */
  .gutenify-section-95e3a050-3e76-11ee-8478-49a84b6d8d16 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Nav + Button Container: wrappen */
  .gutenify-section-95e2dd00-3e76-11ee-8478-49a84b6d8d16 {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  /* Nav-Button zentriert */
  .gutenify-section-95e267d0-3e76-11ee-8478-49a84b6d8d16 {
    justify-content: center !important;
    width: 100% !important;
  }

  /* ===== FOOTER Mobile Fixes ===== */

  /* Footer Hauptbereich: weniger Padding */
  .gutenify-section-4579b7d0-2e45-11ee-9d9f-35872a4ee478 {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  /* Footer Spalten: stacken auf Mobil */
  .gutenify-section-4578a660-2e45-11ee-9d9f-35872a4ee478 {
    flex-direction: column !important;
  }

  .gutenify-section-4578a660-2e45-11ee-9d9f-35872a4ee478 > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  /* Footer Spalten-Überschriften: kleiner */
  .gutenify-section-4579b7d0-2e45-11ee-9d9f-35872a4ee478 h3 {
    font-size: 1.25rem !important;
  }

  /* Footer Kontakt-Gruppe: stacken */
  .gutenify-section-456ebb50-2e45-11ee-9d9f-35872a4ee478 {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Footer Latest Posts: Bilder kleiner */
  .gutenify-section-4579b7d0-2e45-11ee-9d9f-35872a4ee478 .wp-block-latest-posts__featured-image {
    max-width: 60px !important;
  }

  /* Footer Copyright-Bereich: weniger Padding */
  .gutenify-section-4579b7d0-2e45-11ee-9d9f-35872a4ee478 + .wp-block-group {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Copyright-Text: kleiner */
  .gutenify-section-4579b7d0-2e45-11ee-9d9f-35872a4ee478 + .wp-block-group p {
    font-size: 0.8rem !important;
  }
}

/* ===== Tablet Fixes (768px - 1024px) ===== */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* Header: Padding reduzieren */
  .gutenify-section-95d43700-3e76-11ee-8478-49a84b6d8d16,
  .gutenify-section-95e01de0-3e76-11ee-8478-49a84b6d8d16 {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
  }

  /* Logo: maximal 250px auf Tablet */
  .gutenify-section-95d8cae0-3e76-11ee-8478-49a84b6d8d16 .wp-block-site-logo img {
    max-width: 250px !important;
    height: auto !important;
  }

  /* Footer: weniger Padding */
  .gutenify-section-4579b7d0-2e45-11ee-9d9f-35872a4ee478 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}