/*
Theme Name: City Outlet 2025
Theme URI: 
Author: Silberweiss
Author URI: 
Description: Theme für das City Outlet Bad Lippspringe
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: city-outlet-2025
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, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
/* Frontend Styles */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

@media (max-width: 768px) {
    html {
        scroll-padding-top: 95px;
    }
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    text-underline-offset: .2em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
}


/* Typography */
h1, h2, h3, h4, h5, h6,
dt, blockquote, figcaption {
    text-wrap: balance;
}

p, dd, li {
    text-wrap: pretty;
}


/* Reduced Motion */
@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 0px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.trp-language-switcher > div {
    border: none;
    width: 85px !important;
    background-position-y: 20px;
}

.trp-language-switcher-container {
    width: 85px;
}

.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
    background-color: #ffffff70;
}

nav a {
    position: relative;
    text-decoration: none; 
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

nav a:hover {
	text-decoration: none;
    color: #378930  !important;
}

nav a::after {
    content: '';
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 0;
    height: 2px;
    background-color: #378930;
    -webkit-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

nav a:hover::after {
    width: 100%;
}

/* mobile styles */
@media (max-width: 992px) {
    header .wp-block-navigation__responsive-container.is-menu-open {
        background-color: #396CA9 !important;
        color: white !important;
        height: 50vh;
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        width: 100%; /* Optional: falls Sie Inhalte innerhalb des Containers strecken wollen */
        text-align: center; /* Optional: um Textelemente zu zentrieren */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }
}

#erreichbarkeit::after{
    content: "";
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20x=%270px%27%20y=%270px%27%20width=%27100%27%20height=%27100%27%20viewBox=%270%2C0%2C256%2C256%27%3E%3Cg%20fill=%27%23ffffff%27%20fill-rule=%27nonzero%27%20stroke=%27none%27%20stroke-width=%271%27%20stroke-linecap=%27butt%27%20stroke-linejoin=%27miter%27%20stroke-miterlimit=%2710%27%20stroke-dasharray=%27%27%20stroke-dashoffset=%270%27%20font-family=%27none%27%20font-weight=%27none%27%20font-size=%27none%27%20text-anchor=%27none%27%20style=%27mix-blend-mode:%20normal%27%3E%3Cg%20transform=%27scale(2%2C2)%27%3E%3Cpath%20d=%27M42.3%2C24.5c0.4%2C0%200.8%2C-0.1%201.2%2C-0.2c1.5%2C-0.6%202.3%2C-2.4%201.6%2C-3.9l-5.8%2C-13.9c-0.6%2C-1.5%20-2.4%2C-2.3%20-3.9%2C-1.6c-1.5%2C0.6%20-2.3%2C2.4%20-1.6%2C3.9l5.8%2C13.9c0.4%2C1.1%201.6%2C1.8%202.7%2C1.8zM31.8%2C31.2l-14.3%2C-4.5c-1.6%2C-0.5%20-3.3%2C0.4%20-3.8%2C2c-0.5%2C1.6%200.4%2C3.3%202%2C3.8l14.3%2C4.4c0.3%2C0.1%200.6%2C0.1%200.9%2C0.1c1.3%2C0%202.5%2C-0.8%202.9%2C-2.1c0.5%2C-1.6%20-0.4%2C-3.2%20-2%2C-3.7zM50.2%2C109.5c0.6%2C0.2%201.2%2C0.4%201.8%2C0.4c1.4%2C0%202.7%2C-0.6%203.6%2C-1.6l13.5%2C-14.4l9.2%2C22.2c0.5%2C1.2%201.6%2C1.8%202.8%2C1.8c0.4%2C0%200.8%2C-0.1%201.2%2C-0.2c1.5%2C-0.6%202.3%2C-2.4%201.6%2C-3.9l-9.3%2C-22.3h20.4c2%2C0%203.9%2C-1.2%204.6%2C-3.1c0.8%2C-1.9%200.3%2C-4%20-1.2%2C-5.5l-42.9%2C-41.8c-1.4%2C-1.4%20-3.6%2C-1.8%20-5.4%2C-1c-1.9%2C0.8%20-3%2C2.6%20-3%2C4.6v60.2c-0.1%2C2.1%201.1%2C3.9%203.1%2C4.6zM53%2C47.1l39.6%2C38.4h-22.5c-0.8%2C0%20-1.6%2C0.3%20-2.2%2C1l-14.9%2C16zM63.6%2C7.6l-7%2C13.3c-0.8%2C1.5%20-0.2%2C3.3%201.3%2C4c0.4%2C0.2%200.9%2C0.3%201.4%2C0.3c1.1%2C0%202.1%2C-0.6%202.7%2C-1.6l7%2C-13.3c0.8%2C-1.5%200.2%2C-3.3%20-1.3%2C-4c-1.5%2C-0.7%20-3.3%2C-0.2%20-4.1%2C1.3z%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	width: 32px;
	height: 32px;
    background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
    bottom: 10px;
}