/*
Theme Name: Storefront Michel
Theme URI: https://example.com/
Description: Child Theme für Storefront
Author: 3DCapo
Author URI: https://www.der-deutsche-michel.de/
Template: storefront
Version: 1.0.0
Text Domain: storefront-michel
*/
/* ===== SHOP REITER ===== */

/* Container */
.capo-shop-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

/* Reiter */
.capo-shop-tabs a {
    display: block;
    text-align: center;
    padding: 14px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;

    /* Schräge links */
    clip-path: polygon(
        16px 0,
        100% 0,
        100% 100%,
        0 100%,
        0 16px
    );

    /* Überlappen für nahtlosen Übergang */
    margin-left: -16px;
}

/* erster Reiter bündig */
.capo-shop-tabs a:first-child {
    margin-left: 0;
}

/* Farben */
.capo-shop-tabs a:nth-child(1) { background: #c40000; }
.capo-shop-tabs a:nth-child(2) { background: #0d47a1; }
.capo-shop-tabs a:nth-child(3) { background: #111; }

/* Mobil */
@media (max-width: 768px) {
    .capo-shop-tabs {
        grid-template-columns: 1fr;
    }

    .capo-shop-tabs a {
        margin-left: 0;
    }
}

/* --- CHECKOUT & WARENKORB STYLING --- */

/* Außenbox Checkout */
.wp-block-woocommerce-checkout-order-summary-block {
  background-color: #0d47a1 !important;
  color: #ffffff !important;
  padding: 20px;
  border-radius: 10px;
}

/* Innenbox Bestellpositionen */
.wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wp-block-woocommerce-checkout-order-summary-cart-items-block > div {
  background-color: #0d47a1 !important;
  color: #ffffff !important;
}

.wp-block-woocommerce-checkout-order-summary-cart-items-block * {
  color: #ffffff !important;
  background: none !important;
  box-shadow: none !important;
}

/* Preise und Summen gelb */
.wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-product-price,
.wp-block-woocommerce-checkout-order-summary-total-block * {
  color: #ffeb3b !important;
  font-weight: bold !important;
}

/* Linker Formularbereich */
.wp-block-woocommerce-checkout-fields-block {
  background-color: #0288d1 !important;
  padding: 30px;
  border-radius: 10px;
}

.wp-block-woocommerce-checkout-fields-block,
.wp-block-woocommerce-checkout-fields-block * {
  color: #ffffff !important;
}

.wp-block-woocommerce-checkout-fields-block input,
.wp-block-woocommerce-checkout-fields-block select,
.wp-block-woocommerce-checkout-fields-block textarea {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Breite für Checkout + Warenkorb */
body.page-template-template-fullwidth-php .wp-block-woocommerce-checkout,
body.page-template-template-fullwidth-php .wp-block-woocommerce-cart {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 20px !important;
  box-sizing: border-box !important;
} 

/* Warenkorb Tabelle */
.wp-block-woocommerce-cart-line-items-block {
  background-color: #1e2a36 !important;
  padding: 20px;
  border-radius: 10px;
  color: #fff !important;
}

.wp-block-woocommerce-cart-line-items-block * {
  color: #ffffff !important;
}

/* --- FOOTER ENTFERNEN --- */

/* Versteckt den kompletten Storefront Footer-Balken */
.site-info {
    display: none !important;
}

/* Versteckt zusätzlich die Footer-Widgets, falls diese stören */
.site-footer {
    border-top: none !important;
}