/*
Theme Name:   Neve Child
Template:     neve
Version:      1.0.0
Description:  Child Theme für Pfoten-Journal – repariert WooCommerce Shop Layout & Footer
*/

/* ============================================================
   1. LAYOUT – Footer immer unten
   ============================================================ */

/* Footer bleibt unten */
.site-footer,
footer,
#footer {
    flex-shrink: 0;
    margin-top: auto;
}

/* ============================================================
   2. WOOCOMMERCE – Shop-Seite allgemein
   ============================================================ */

/* WooCommerce Default-Container richtig einpassen */
.woocommerce-page .site-main,
.woocommerce .site-main {
    padding-bottom: 60px;
}

/* Shop-Grid – schöne Produkt-Kacheln */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 28px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 40px 0 !important;
    float: none !important;
    width: 100% !important;
}

.woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Produkt-Karte */
.woocommerce ul.products li.product .woo-loop-product__link,
.woocommerce ul.products li.product > a:first-child {
    display: block;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.woocommerce ul.products li.product:hover .woo-loop-product__link,
.woocommerce ul.products li.product:hover > a:first-child {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.13);
}

/* Produktbild */
.woocommerce ul.products li.product img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    border-radius: 14px 14px 0 0;
}

/* Produktname */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 600;
    color: #2c2c2c;
    padding: 12px 16px 4px;
    margin: 0;
    line-height: 1.4;
}

/* Preis */
.woocommerce ul.products li.product .price {
    color: #daa59a;
    font-weight: 700;
    font-size: 1.05rem;
    padding: 0 16px 8px;
    display: block;
}

/* Button – Affiliate direkt */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_external {
    display: block !important;
    width: calc(100% - 32px) !important;
    margin: 8px 16px 16px !important;
    padding: 11px 16px !important;
    background: #daa59a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    box-sizing: border-box !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .product_type_external:hover {
    background: #f5c986 !important;
    color: #fff !important;
}

/* Sternchen-Bewertung */
.woocommerce ul.products li.product .star-rating {
    padding: 0 16px 4px;
}

/* "Zum Shop"-Seite Überschrift */
.woocommerce-products-header__title {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 24px;
}

/* WooCommerce Breadcrumbs */
.woocommerce-breadcrumb {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 20px;
}

/* Ergebnis-Zahl */
.woocommerce-result-count {
    font-size: 0.9rem;
    color: #666;
}

/* Sortierung Dropdown */
.woocommerce-ordering select {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.9rem;
}

/* ============================================================
   3. EXTERNE PRODUKTE – Affiliate Link direkt
      (kein "Produkt ansehen"-Zwischenseite)
   ============================================================ */

/* Externes Produkt – der ganze Karten-Klick geht direkt zum Affiliate-Link */
.woocommerce ul.products li.product.product-type-external .woo-loop-product__link,
.woocommerce ul.products li.product.product-type-external > a:not(.button) {
    pointer-events: none; /* Klick auf die Karte wird via JS übernommen (functions.php) */
}

/* ============================================================
   4. SINGLE PRODUCT – Affiliate Button gross & auffällig
   ============================================================ */
.woocommerce .single_add_to_cart_button,
.woocommerce a.single_add_to_cart_button {
    background: #daa59a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px 28px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    transition: background 0.2s !important;
}

.woocommerce .single_add_to_cart_button:hover {
    background: #f5c986 !important;
}

/* ============================================================
   5. RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }

    .woocommerce ul.products li.product img {
        height: 180px;
    }
}

/* ============================================================
   PFOTEN-JOURNAL – WooCommerce Produkt-Karten (Custom Template)
   Diese Datei wird über functions.php eingebunden.
   Du kannst diesen Inhalt auch direkt ans Ende deiner style.css kopieren.
   ============================================================ */

/* Karte gesamt */
.pfoten-product-card {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pfoten-card-inner {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.pfoten-card-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.13);
}

/* Produktbild */
.pfoten-product-image-link {
    display: block;
    overflow: hidden;
}

.pfoten-product-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.pfoten-card-inner:hover .pfoten-product-img {
    transform: scale(1.04);
}

/* Fallback kein Bild */
.pfoten-no-image {
    width: 100%;
    height: 220px;
    background: #f5ede4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
}

/* Karten-Body */
.pfoten-card-body {
    padding: 14px 16px 8px;
    flex: 1;
}

.pfoten-product-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #2a2a2a !important;
    margin: 0 0 6px !important;
    line-height: 1.35 !important;
}

.pfoten-product-title a {
    color: inherit;
    text-decoration: none;
}

.pfoten-price {
    display: block;
    color: #daa59a !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    margin: 6px 0 !important;
}

.pfoten-short-desc {
    margin: 4px 0 0;
    line-height: 1.45;
	padding-left: 16px;
}

/* Karten-Footer mit Button */
.pfoten-card-footer {
    padding: 0 16px 16px;
}

.pfoten-buy-button {
    display: block !important;
    width: 100% !important;
    padding: 11px 16px !important;
    background: #daa59a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 9px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    box-sizing: border-box !important;
    letter-spacing: 0.01em !important;
}

.pfoten-buy-button:hover {
    background: #f5c986 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

/* Sternchen-Bewertung */
.pfoten-card-body .star-rating {
    margin: 4px 0 6px;
}

/* ============================================================
   SHOP-GRID (ergänzend zu style.css)
   ============================================================ */
.woocommerce-page ul.products.columns-3,
.woocommerce ul.products.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    float: none !important;
}

@media (max-width: 900px) {
    .woocommerce-page ul.products.columns-3,
    .woocommerce ul.products.columns-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 540px) {
    .woocommerce-page ul.products.columns-3,
    .woocommerce ul.products.columns-3 {
        grid-template-columns: 1fr !important;
    }
}

.woocommerce-page footer{
	display: none;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
	content: none;
}

.shop-header {
	margin: 40px 0;
}

.single .neve-main>.container .col {
	max-width: 100%;
	margin-top: 50px;
}

.menu-cart a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cart-count {
    background: #000;
    color: #fff;
    border-radius: 50%;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 1;
}



/* Spalten oben sauber ausrichten */
.wp-block-woocommerce-single-product .wp-block-columns {
    align-items: flex-start !important;
}

/* Galerie bündig oben */
.wp-block-woocommerce-single-product .wc-block-product-gallery {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    top: 0 !important;
}

/* Erstes Element rechts ohne Abstand */
.wp-block-woocommerce-single-product .wp-block-column:last-child > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Titel bündig */
.wp-block-woocommerce-single-product .wp-block-post-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.1;
}

/* Bild wrapper */
.wc-block-product-gallery-large-image__wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Thumbnails ausblenden */
.wc-block-product-gallery-thumbnails {
    display: none !important;
}

/* Navigation ausblenden */
.wc-block-next-previous-buttons {
    display: none !important;
}

/* Nur erstes Bild anzeigen */
.wc-block-product-gallery-large-image__wrapper:not(:first-child) {
    display: none !important;
}

/* Zoom deaktivieren */
.wc-block-woocommerce-product-gallery-large-image__image--hoverZoom {
    transform: none !important;
    cursor: default !important;
}

/* Klick deaktivieren */
.wc-block-components-product-image a {
    pointer-events: none;
    cursor: default;
}

/* Dialog deaktivieren */
.wc-block-product-gallery-dialog {
    display: none !important;
}

.wp-block-woocommerce-single-product .wc-block-product-gallery-large-image__container {
	margin: 0;
}

.wp-block-woocommerce-single-product :where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__wrapper):has(.wc-block-components-product-image--aspect-ratio-auto) {
	aspect-ratio: auto !important;
}

:where(.wc-block-product-gallery-large-image):has(.wc-block-components-product-image--aspect-ratio-auto) {
	aspect-ratio: auto !important;
}

.wp-block-woocommerce-single-product ul {
	margin: 0;
	padding: 0 !important;
}

.wp-block-woocommerce-single-product bdi {
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}

.wp-block-woocommerce-single-product h2 {
	font-size: 24px;
}

.wp-block-woocommerce-single-product .wp-block-post-terms {
	display: none;
}