/*
	Theme Name: WPCarSync Child Theme
	Template: wpcs-theme
	Theme URI: https://www.wpcarsync.de/
	Description: Theme für WPCarSync
	Author: DXMedia GmbH
	Author URI: https://www.dxmedia.de/
	Version: 1.3
	Text Domain: wpcs
	Tags: wpcs, WPCS, WPCarSync
*/


/* MazdaType Regular */
@font-face {
    font-family: 'MazdaType';
    src: url('assets/fonts/MazdaType-Regular.woff2') format('woff2'),
         url('assets/fonts/MazdaType-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* MazdaType Italic */
@font-face {
    font-family: 'MazdaType';
    src: url('assets/fonts/MazdaType-Italic.woff2') format('woff2'),
         url('assets/fonts/MazdaType-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* MazdaType Medium */
@font-face {
    font-family: 'MazdaType';
    src: url('assets/fonts/MazdaType-Medium.woff2') format('woff2'),
         url('assets/fonts/MazdaType-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* MazdaType Medium Italic */
@font-face {
    font-family: 'MazdaType';
    src: url('assets/fonts/MazdaType-MediumItalic.woff2') format('woff2'),
         url('assets/fonts/MazdaType-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* MazdaType Bold */
@font-face {
    font-family: 'MazdaType';
    src: url('assets/fonts/MazdaType-Bold.woff2') format('woff2'),
         url('assets/fonts/MazdaType-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* MazdaType Bold Italic */
@font-face {
    font-family: 'MazdaType';
    src: url('assets/fonts/MazdaType-BoldItalic.woff2') format('woff2'),
         url('assets/fonts/MazdaType-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
/* --- Footer Basis Textfarbe und Größe --- */
#footer_content,
#footer_content * ,
.footer_logo_text,
.footer_logo_text * {
    font-size: 16px !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
}

/* --- Footer Links (normale Links) --- */
body #footer_content a,
body .footer_logo_text a,
#footer_content a[style],
.footer_logo_text a[style] {
    color: #ffffff !important; /* Dein gewünschtes Rot */
    text-decoration: underline !important;
    transition: color 0.3s ease, text-decoration 0.3s ease !important;
}

/* --- Footer Links Hover Effekt --- */
body #footer_content a:hover,
body .footer_logo_text a:hover,
#footer_content a[style]:hover,
.footer_logo_text a[style]:hover {
    color: #910a2d !important;
    text-decoration: none !important;
}

/* --- Footer Links Aktiv (beim Klicken) --- */
body #footer_content a:active,
body .footer_logo_text a:active,
#footer_content a[style]:active,
.footer_logo_text a[style]:active {
    color: #910a2d !important;
}

/* --- Footer Links Fokus (für Tastatur-Nutzer, Barrierefreiheit) --- */
body #footer_content a:focus,
body .footer_logo_text a:focus,
#footer_content a[style]:focus,
.footer_logo_text a[style]:focus {
    color: #ffffff !important;
    outline: 2px solid #910a2d !important;
    outline-offset: 2px !important;
}

/* --- Footer Absätze Abstand --- */
#footer_content p,
.footer_logo_text p {
    margin-bottom: 1em !important;
}

/* --- Footer Listenformatierung --- */
#footer_content ul,
#footer_content ol,
.footer_logo_text ul,
.footer_logo_text ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 1em 0 !important;
}

/* --- Fahrzeug-Highlights hervorheben --- */
.wpcs_highlight {
    border: 2px solid #910a2d;
    color: #ffffff !important;
    background-color: #910a2d !important;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}
#menu-footer {
  float: right !important;
}



/* --- Elementor Editor Fix (bleibt so) --- */
.elementor-editor-active #wpcs_theme_site_header {
    z-index: 1 !important;
    position: relative !important;
}

/* Footer-Menü-Links – gezielt im Menü innerhalb des Site-Footers */
#site-footer #menu-footer a:link,
#site-footer #menu-footer a:visited {
  color: white !important;
  text-decoration: none !important;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

#site-footer #menu-footer a:hover,
#site-footer #menu-footer a:focus {
  color: rgb(145, 10, 45) !important;
  text-decoration: underline !important;
}

/*Formularanpassung*/

.wpcs_contact_form input[type=text], .wpcs_contact_form input[type=email], .wpcs_contact_form textarea
{
	display:block;
	width:90%;
}

.ribbon_wrapper {
    position: relative;
    display: inline-block;
}

.ribbon_inside_bottom_right {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #111;
    color: white;
    font-size: 0.75em;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 5;
    opacity: 0.9;
}

#wpcs_page_top_row .page_navigation_bar.isSticky
{padding:24px 40px;background-color:#efefef  !important}

#wpcs_page_top_row .page_navigation_bar.isSticky a:link, #wpcs_page_top_row .page_navigation_bar.isSticky a:visited
{
    text-decoration: none;
    display: inline-block;
    color: var(--wpcs-button-color);
    background: var(--wpcs-button-color-bg);
    padding: 7px 20px;
    border: 1px solid var(--wpcs-button-color-bg);
}
#wpcs_page_top_row .page_navigation_bar.isSticky .nav_buttons
{gap: 10px;padding-left:20px}

svg.wpcs_theme_icon_burger, svg.wpcs_theme_icon_close 
{
	background-color:white !important;
}
sup.wpcs_footnote_links { background-color: white;padding:1px
}
.dxim_vehicle_specifics_list .field .label {
    width: 40%;
    float: left !important;
    font-weight: bold;
	border-bottom: 1px solid #efefef;
}

/*Schriftgrösse single vehicle*/

body.single-vehicle .wpcs_theme_single_vehicle_data .dxim_vehicle_specifics_list .fact
{
font-size:16px !important	
}
/*.dxim_vehicle_post_content
{
	display:flex
}*/
div.wpcsselect, .order, .orderby {
   
	width:30%;    
    margin-bottom: 6px;
}
.dxim_filter.order, .dxim_filter.orderby

@media only screen and (max-width: 768px) {
    #wpcs_page_top_row .page_navigation_bar .nav_buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: flex;
        overflow-x: auto;
        gap: 2px;
        padding: 10px;
        background-color: #000;
        z-index: 1000;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
        border-radius: 12px 12px 0 0;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }

    #wpcs_page_top_row .page_navigation_bar .nav_buttons::-webkit-scrollbar {
        display: none;
    }

    #wpcs_page_top_row .page_navigation_bar .nav_buttons a {
        flex: 0 0 auto;
        min-width: fit-content;
        padding: 8px 12px;
        color: white;
        font-size: 14px;
        white-space: nowrap;
        border-radius: 6px;
        background: transparent;
    }

    body {
        padding-bottom: 70px;
    }
}