/*
Theme Name: Highway
Description: Child Theme für Highway2print
Author: Dein Name / Agentur
Template: blocksy
Version: 1.0.0
Text Domain: highway
*/

/* ---------------------------------------------------------
   Highway2print
--------------------------------------------------------- */

:root {
    --highway-yellow: #EEBC14;
    --highway-black: #111111;
    --highway-gray: #f5f5f5;
    --highway-white: #ffffff;
}

/*

/* overpass-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/overpass-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* overpass-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/overpass-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* overpass-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/overpass-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
    font-family: 'Overpass', Arial, sans-serif !important;
    font-weight: 400;
  background: black
}
*{
    font-family: 'Overpass', Arial, sans-serif !important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Overpass', Arial, sans-serif;
    font-weight: 600;
}
.home h1 {
  display: inline-block;
  padding: .25rem;
  border-radius: 7px;
}

.page:not(.woocommerce-page) .ct-container-full {
  padding-top: 0;
}
.wp-block-group.alignfull.has-background {
  margin-bottom: 2.5rem;
}

.single-product .ct-container-full {
  padding-top: 4rem;
}
.logged-in .woocommerce-notices-wrapper {
  display: none;
}
.ct-woo-unauthorized > .woocommerce-form-login, .ct-woo-unauthorized > .woocommerce-ResetPassword {
  max-width: 600px !important;
}
.h2p-existing-customer__content {
  flex-direction: column;
  padding: 2rem 2rem .5rem 2rem !important;
  text-align: center;
}
.h2p-existing-customer__content .h2p-reactivate-button{
  
}

@media (max-width: 767px) {
  .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
    object-position: right;
  }
}

/* UL mit Icons */

ul.icon-list {
  list-style: none; 
  padding-left: 0;
  font-size: 1.1rem;
}

ul.icon-list li {
  position: relative;
  padding-left: 30px; 
  margin-bottom: 8px;
}

ul.icon-list li::before {
  content: ""; 
  position: absolute;
  left: 0;
  top: 0px;
  width: 23px;
  height: 23px;
  background-image: url('assets/circle-check.svg');
  background-size: contain;
  background-repeat: no-repeat;
}





/* Lumise */

#highway-lumise-save-wrapper {
    position: fixed !important;
    top: 10px !important;
    right: 20px !important;
    z-index: 999999 !important;
}

#highway-lumise-save {
    height: 40px;
    padding: 0 24px;
    border: 0;
    border-radius: 3px;
    background: #34495e;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}

#highway-lumise-save:hover {
    opacity: .9;
}


/* Normalen Preis bei Druckprodukten ausblenden */

body.highway-print-product
.product .summary > .price, body.highway-print-product
.product .summary > .legal-price-info {
    display: none !important;
}


/* =========================================
   HIGHWAY2PRINT – KATEGORIEBILDER
   4:3 ohne Beschnitt
   ========================================= */

/* Bildcontainer */

.woocommerce ul.products li.product-category
.ct-media-container {

    width: 100%;

    aspect-ratio: 4 / 3 !important;

    overflow: hidden;

    background-color: #fff;

}
/* Eigentliches Kategoriebild */

.woocommerce ul.products li.product-category
.ct-media-container img {

    width: 100% !important;

    height: 100% !important;

    aspect-ratio: 4 / 3 !important;

    object-fit: cover !important;

    object-position: center center;

    background-color: #fff;

}
/* Kategoriekacheln als Flexbox */

ul.products > li {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 0 20px 20px 20px;
}
ul.products > li figure {
  margin-left: -20px;
  width: calc(100% + 40px);
}
ul.products > li a > .wp-post-image, .woocommerce ul.products li.product .ct-media-container img {
  transition: all .3s;
}
ul.products > li a:hover > .wp-post-image, .woocommerce ul.products li.product .ct-media-container:hover img {
  transform: scale(1.05) !important;
}

/* Button immer nach unten schieben */

.woocommerce ul.products li.product-category
.highway-category-button-wrapper {

    margin-top: auto;

}
.ct-button.highway-category-button {
  width: fit-content;
}
.ct-button.highway-category-button {
  width: fit-content;
  margin-top: auto;
}
.ct-button {
  color: black !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
}

/* ========================================
   HIGHWAY2PRINT – PRODUKTKARTEN
   ======================================== */

.woocommerce ul.products li.product
.ct-media-container {

    width: 100%;

    aspect-ratio: 4 / 3 !important;

    overflow: hidden;

    background-color: #fff;

}
[data-products] .woocommerce-loop-product__title, [data-products] .woocommerce-loop-category__title {
  font-size: 1.5rem !important;
}


/**
 * ============================================================
 * HIGHWAY2PRINT – PRODUKTKARTEN AB-PREIS
 * ============================================================
 */

.highway-archive-price {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
    margin-bottom: 12px;
}

/* Auflagenhinweis */

.highway-archive-price-quantity {
    font-size: 13px;
    line-height: 1.4;
    color: #777;
}

/* Hauptpreis */

.highway-archive-price-value {
    display: block;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    color: #d99b00;
}

/* Stückangabe */

.highway-archive-price-value small {
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

/* Steuerhinweis */

.highway-archive-price-tax {
    font-size: 11px;
    line-height: 1.4;
    color: #888;
}



/* Produktbilder vollständig darstellen */

.woocommerce ul.products li.product
.ct-media-container img {

    width: 100% !important;

    height: 100% !important;

    aspect-ratio: 4 / 3 !important;

    object-fit: contain !important;

    object-position: center center;

}
/* =========================================
   HIGHWAY2PRINT
   PRODUKTBILDER IM SHORTCODE
   ========================================= */

.woocommerce ul.products li.product:not(.product-category)
.ct-media-container {

    width: 100%;

    aspect-ratio: 4 / 3 !important;

    background: #fff;

    overflow: hidden;

}


/* Produktbild vollständig darstellen */

.woocommerce ul.products li.product:not(.product-category)
.ct-media-container img.wp-post-image {

    width: 100% !important;

    height: 100% !important;

    aspect-ratio: 4 / 3 !important;

    object-fit: contain !important;

    object-position: center center;

}

/* =========================================
   HIGHWAY2PRINT
   Produktseite – neues Layout
   ========================================= */


/*
 * Produktkopf zweispaltig gestalten.
 */

.single-product
.product-entry-wrapper.h2p-product-layout {

    display: grid !important;
    grid-template-columns: minmax(0, 33%) minmax(0, 67%) !important;
    column-gap: 50px;
    row-gap: 35px;
    align-items: start;

}


/*
 * Produktgalerie links.
 */

.single-product
.h2p-product-layout > .woocommerce-product-gallery {

    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: 1;

    width: 100%;
    min-width: 0;

}


/*
 * Überschrift, Preis und Beschreibung rechts.
 */

.single-product
.h2p-product-layout > .summary {

    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: 1;

    width: 100%;
    min-width: 0;
    max-width: none;

}


/*
 * Konfigurator über die gesamte Breite.
 */

.single-product
.h2p-product-layout > .ct-product-add-to-cart {

    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 2;

    width: 100%;
    min-width: 0;
    max-width: none;

}


/*
 * Auch das Formular und der eigentliche
 * Highway2Print-Konfigurator dürfen die
 * verfügbare Breite vollständig nutzen.
 */

.single-product
.h2p-product-layout > .ct-product-add-to-cart form.cart {

    width: 100%;
    max-width: none;

}


.single-product
.h2p-product-layout #highway-product-config {

    width: 100%;
    max-width: none;
    box-sizing: border-box;

}
@media (min-width: 1000px) {
  .product-entry-wrapper:has(.woocommerce-product-gallery:not([data-gallery="top"], [data-gallery="columns-top"])) .entry-summary {
    width: 100% !important;
  }
    .product-entry-wrapper:has(.woocommerce-product-gallery:not([data-gallery="top"], [data-gallery="columns-top"])) .woocommerce-product-gallery {
    width: 100% !important;
  }
  .highway-motif-actions {
    float: left;
    margin-right: 1rem;
  }
  .button.highway-remove-motif {
    float: right;
  }
}


.highway-motif {
  margin-bottom: 2rem;
}
#highway-product-config h3:not(:first-of-type) {
  margin-top: 2rem;
}
.highway-motif-qty {
  max-width: 8rem;
}
.ct-cart-actions .single_add_to_cart_button.button, .ct-cart-actions .added_to_cart {
  font-size: 1.25rem;
  font-weight: bold;
  color: black;
}
.total.total-cart-tax.wc-gzd-total-mini-cart {
  color: #999;
  font-size: 12px;
}
.highway-total {
  margin: 1rem 0 0 0;
}
.cart .ct-cart-actions {
  margin-top: 2rem;
}
.highway-motif-actions {
  margin-bottom: .5rem;
}
.highway-field {
  margin-bottom: 1rem;
}
#highway-add-motif {
  color: black;
}
#highway-product-config > .highway-field > label {
  font-weight: bold;
  font-size: 1.1rem;
}
.highway-options label {
  margin-right: 1rem;
  white-space: nowrap;
}
.highway-motif h4 {
  white-space: nowrap;
}
/* =========================================
   MOBILE DARSTELLUNG PRODUKTSEITE
   ========================================= */

@media (max-width: 767px) {

    .single-product
    .product-entry-wrapper.h2p-product-layout {

        grid-template-columns:
            minmax(0, 1fr) !important;

        column-gap: 0;
        row-gap: 25px;

    }


    .single-product
    .h2p-product-layout > .woocommerce-product-gallery {

        grid-column: 1 !important;
        grid-row: 1;

    }


    .single-product
    .h2p-product-layout > .summary {

        grid-column: 1 !important;
        grid-row: 2;

    }


    .single-product
    .h2p-product-layout > .ct-product-add-to-cart {

        grid-column: 1 !important;
        grid-row: 3;

    }
    .highway-motif {
      flex-wrap: wrap;
    }

}

/* Formulare */
.eu-owb-form-fields > div {
  margin-bottom: 1.5rem;
}

.woocommerce-checkout .shop_table {

}

/* Footer */
#footer {
  margin-top: 3rem;
}
.ct-footer-copyright {
  color: white !important;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.ct-footer-copyright > .footer-links{
  color: #febe02;
  margin-left: .5em;
  margin-top: 0 !important;
}
.footer-links a {
  color: #febe02;
  margin-left: .5em;
  transition: all .2s;
}