/*
 Theme Name: Diploma Child
 Template: astra
*/
:root{
  --bg:#100E11;--panel:#2B2030;--panel-2:#100E11;--text:#A779C7;--muted:#A779C7;--accent:#7e3ff2;--accent-2:#6F438D;--radius:16px;--radius-lg:22px;
}
body.woocommerce div.product{background:var(--bg);color:var(--text);padding:40px 24px;}
.diploma-container{max-width: 90%;margin:0 auto;}
.kr-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start;margin-top:12px;}
@media (max-width:980px){.kr-hero{grid-template-columns:1fr;}}
.kr-images{background:var(--panel);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);}
.kr-summary{background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;}
.kr-summary .product_title{font-size:clamp(28px,3.6vw,42px);line-height:1.1;margin:0 0 10px 0;letter-spacing:.3px;color:var(--accent-2);}
.kr-summary .short-description{background:var(--panel-2);border-radius:var(--radius);padding:18px 18px 16px;color:var(--muted);font-size:16px;}
.kr-summary .short-description p{margin:0 0 8px 0;}
.kr-newsletter{}
.kr-newsletter-wide{margin-top:20px;background:linear-gradient(180deg,rgba(126,63,242,.18),rgba(126,63,242,.06));border-radius:var(--radius-lg);padding:50px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;box-shadow:var(--shadow);}
.kr-newsletter-wide .copy h4{margin:0 0 6px;font-size:1.4rem;letter-spacing:.4px;color:var(--accent-2);}
.kr-newsletter-wide .copy p{margin:0;color:var(--muted);}
.kr-newsletter-wide form{display:grid;grid-template-columns:1fr auto;gap:10px;}
.kr-newsletter-wide input[type=email]{background:#0f0f14;border:1px solid #30303a;color:var(--text);border-radius:10px;padding:12px 14px;width:100%;}
.kr-btn,.kr-newsletter-wide button,.kr-summary .single_add_to_cart_button{border-radius:12px !important;padding:20px 40px !important;box-shadow:var(--shadow);font-weight:700;letter-spacing:.3px;background:radial-gradient(120% 120% at 20% 10%,rgba(164,125,255,.45),rgba(126,63,242,.85) 60%);border:1px solid rgba(164,125,255,.35);color:var(--text);text-shadow:0 1px 0 rgba(0,0,0,.25);transition:transform .06s ease,filter .2s ease;}
.kr-btn:hover,.kr-newsletter-wide button:hover,.kr-summary .single_add_to_cart_button:hover{transform:translateY(-1px);filter:brightness(1.06);}
.kr-btn:active,.kr-newsletter-wide button:active,.kr-summary .single_add_to_cart_button:active{transform:translateY(0);}
@media (max-width:700px){.kr-newsletter-wide{grid-template-columns:1fr;gap:10px;}.kr-newsletter-wide form{grid-template-columns:1fr;}}
.kr-atc{margin-top:14px;display:grid;gap:10px;}
.kr-atc .price{font-size:22px;color:var(--text);}
.single-product div.product .summary .price,
.single-product div.product .summary .product_meta,
.single-product div.product .summary .woocommerce-product-details__short-description{display:none;}
.kr-grid-section{margin-top:34px;}
.kr-grid-section h2{color:#A571CA;font-size:4rem;margin-bottom:16px; }
.kr-grid-section ul.products li.product{background:var(--panel);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);}
.single-product .site,.single-product .wp-site-blocks{background:var(--bg);}

/* v3 tweaks */
.single-product .kr-atc .quantity{display:none !important;}
.kr-images{padding:0;overflow:hidden;border-radius:var(--radius-lg);}
.kr-images .woocommerce-product-gallery{border-radius:var(--radius-lg);overflow:hidden;}
.kr-images .woocommerce-product-gallery__wrapper,
.kr-images .woocommerce-product-gallery__image{width:100%;height:100%;}
.kr-images .woocommerce-product-gallery__image a{display:block;}
.kr-images .woocommerce-product-gallery__image img{width:100%;height:100%;display:block;object-fit:cover;}
.kr-images .flex-control-thumbs{display:none !important;}


/* === v5 tweaks === */
/* Make hero columns equal height and let image panel fill it */
.kr-hero{ align-items: stretch; }
.kr-images, .kr-summary{ height: 100%; }
.kr-images .woocommerce-product-gallery,
.kr-images .woocommerce-product-gallery__wrapper{ height: 100%; }
.kr-images .woocommerce-product-gallery__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;      /* fill the panel */
  object-position: center center; /* keep centered */
}

/* "Inne produkty" — hide category + ratings */
.kr-grid-section .product .star-rating,
.kr-grid-section .product .woocommerce-product-rating,
.kr-grid-section .product .wc-block-components-product-rating,
.kr-grid-section .product .woocommerce-loop-product__category,
.kr-grid-section .product .posted_in,
.kr-grid-section .product .entry-taxonomy,
.kr-grid-section .product .cat-links,
.kr-grid-section .product .product_meta { display: none !important; }



/* === v6 stronger rules === */

/* Make hero image fill and center */
.kr-hero{ align-items: stretch; }
.kr-images{ padding:0; overflow:hidden; border-radius:var(--radius-lg); min-height:520px; }
.kr-images .woocommerce-product-gallery{ height:100% !important; }
.kr-images .woocommerce-product-gallery__wrapper{
  height:100% !important;
  display:flex !important;
}
.kr-images .woocommerce-product-gallery__image{
  flex:1 1 auto !important;
  width:100% !important;
  height:auto !important;
  display:block !important;
}
.kr-images .woocommerce-product-gallery__image a{ display:block !important; height:100% !important; }
.kr-images .woocommerce-product-gallery__image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
.kr-images .flex-control-thumbs{ display:none !important; }

/* Hide category & ratings in "Inne produkty" for BOTH classic shortcode and blocks */
.kr-grid-section ul.products li.product .star-rating,
.kr-grid-section ul.products li.product .woocommerce-product-rating,
.kr-grid-section ul.products li.product .rating,
.kr-grid-section ul.products li.product .wc-block-grid__product-rating,
.kr-grid-section .wc-block-grid__product-rating,
.kr-grid-section .wc-block-components-product-rating,
.kr-grid-section .wc-block-grid__product .wc-block-grid__product-rating,
.kr-grid-section ul.products li.product .posted_in,
.kr-grid-section ul.products li.product .product_meta,
.kr-grid-section ul.products li.product .woocommerce-loop-product__category,
.kr-grid-section ul.products li.product .ast-woo-product-category,
.kr-grid-section ul.products li.product .cat-links,
.kr-grid-section ul.products li.product .entry-taxonomy,
.kr-grid-section .wc-block-grid__product-category {
  display:none !important;
}



/* === v7 hard overrides for Astra === */

/* Fill & center the product image inside .kr-images */
.kr-hero{align-items:stretch;}
.kr-images{position:relative; padding:0 !important; overflow:hidden; border-radius:var(--radius-lg);}
.kr-images .woocommerce-product-gallery{height:100% !important; min-height:560px !important;}
.kr-images .woocommerce-product-gallery__wrapper{height:100% !important; display:flex !important;}
.kr-images .woocommerce-product-gallery__image{flex:1 1 auto !important; height:100% !important; width:100% !important; display:block !important;}
.kr-images .woocommerce-product-gallery__image a{display:flex !important; align-items:center !important; justify-content:center !important; height:100% !important; width:100% !important;}
.kr-images .woocommerce-product-gallery__image img{display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important;}

/* Hide category + rating inside "Inne produkty" cards (Astra + Blocks + core WC) */
.kr-grid-section .ast-woo-product-category,
.kr-grid-section .star-rating,
.kr-grid-section .woocommerce-product-rating,
.kr-grid-section ul.products li.product .star-rating,
.kr-grid-section ul.products li.product .ast-woo-product-category,
.kr-grid-section .wc-block-grid__product-rating,
.kr-grid-section .wc-block-components-product-rating,
.kr-grid-section .wc-block-grid__product .wc-block-grid__product-rating {
  display:none !important;
}

/* Extra safety: remove rating/cat if Astra injects wrappers */
.kr-grid-section .ast-shop-summary-wrap .star-rating,
.kr-grid-section .ast-shop-summary-wrap .ast-woo-product-category { display:none !important; }



/* === v8: hard centering and remove zoom icon === */
.kr-images{ padding:0 !important; overflow:hidden; border-radius:var(--radius-lg); }
.kr-images .woocommerce-product-gallery{ width:100% !important; height:100% !important; min-height:560px !important; }
.kr-images .woocommerce-product-gallery__wrapper{ width:100% !important; height:100% !important; display:flex !important; }
.kr-images .woocommerce-product-gallery__image,
.kr-images .woocommerce-product-gallery__image a,
.kr-images figure{ width:100% !important; height:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.kr-images img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; display:block !important; }
.kr-images .woocommerce-product-gallery__trigger{ display:none !important; } /* hide magnifier fallback */

/* === v10: Mobile fixes for product grid === */
@media (max-width:640px){
  .kr-grid-section ul.products.columns-3 li.product,
  .kr-grid-section ul.products[class*="columns-"] li.product{width:100%!important;margin:0 0 18px 0!important;float:none!important;clear:both!important;}
  .kr-grid-section ul.products li.product .button,
  .kr-grid-section .wc-block-grid__product .wp-block-button__link,
  .kr-grid-section .wp-block-button__link{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;max-width:100%!important;padding:12px 16px!important;line-height:1.2!important;font-size:10px!important;border-radius:12px!important;position:static!important;transform:none!important;margin-top:10px!important;white-space:nowrap;}
  .kr-grid-section .wp-block-button.is-style-outline .wp-block-button__link,
  .kr-grid-section .wp-block-button .wp-block-button__link{box-shadow:none!important;}
}


/* === v12: Mobile hero image fix === */
@media (max-width: 780px){
  /* Let the gallery size to content instead of fixed height */
  .kr-images{ min-height: unset !important; height: auto !important; }
  .kr-images .woocommerce-product-gallery{ height: auto !important; min-height: unset !important; }
  .kr-images .woocommerce-product-gallery__wrapper{ height: auto !important; display: block !important; }
  .kr-images .woocommerce-product-gallery__image,
  .kr-images .woocommerce-product-gallery__image a,
  .kr-images figure{ height: auto !important; width: 100% !important; display: block !important; }

  /* Keep a nice proportion and center the image */
  .kr-images .woocommerce-product-gallery__image{ aspect-ratio: 5 / 5; } /* 4:5 portrait-ish card */
  .kr-images img{
    width: 100% !important;
    height: 100% !important;
    max-height: 80vh !important;  /* never exceed viewport */
    object-fit: contain !important; /* show full image on phones */
    object-position: center center !important;
    display: block !important;
  }
}

/* === v13: Remove panel/box under the product image === */
.kr-images{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* Safety: also clear backgrounds on gallery wrappers if theme adds any */
.kr-images .woocommerce-product-gallery,
.kr-images figure{ background: transparent !important; }

/* ===== v14 — poprawki dla "Konsultacja – studia licencjackie" ===== */

/* 1) Licencjackie: usuń kolor tła z sekcji z tekstem (tylko na tej stronie) */
body.postid-689 .kr-summary {
  background: transparent !important;
  box-shadow: none !important;
}

/* 2) Licencjackie: 30% obrazek, 70% tekst (desktop) */
@media (min-width: 992px) {
  body.postid-689 .kr-product {
    display: grid;
    grid-template-columns: 30% 70% !important; /* obrazek | tekst */
    gap: 2.5rem; /* zachowaj oddech */
    align-items: start;
  }
  body.postid-689 .kr-images {
    /* usuń pudełko pod obrazkiem */
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* 3) Newsletter pod produktem: schowaj pole e-mail i ustaw biały tekst */
.kr-newsletter-wide,
.kr-newsletter-wide * {
  color: #fff !important;
}
.kr-newsletter-wide input[type="email"] {
  display: none !important;
}
.kr-newsletter-wide form {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-start;
}
.kr-newsletter-wide .button.kr-btn {
  /* zostaw styl przycisku, ewentualnie dopasuj rozmiar */
  padding: 0.9rem 1.25rem;
}

/* 4) Na wszelki wypadek — usuń kolor tła z tytułu/karty jeśli jakiś komponent go nadaje */
body.postid-689 .kr-card,
body.postid-689 .kr-summary .kr-box,
body.postid-689 .product_title.entry-title {
  background: transparent !important;
}

/* Ceny – biały kolor na stronie produktu */
.single-product .kr-atc .price,
.single-product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #fff !important;
}

/* Ceny – biały w sekcji "Inne produkty" (shortcode i bloki) */
.kr-grid-section ul.products li.product .price,
.kr-grid-section .wc-block-grid__product-price,
.kr-grid-section .wc-block-grid__product .price,
.kr-grid-section .woocommerce-Price-amount {
  color: #fff !important;
}

/* Ceny promocyjne (ins/del) – też na biało */
.woocommerce .price ins,
.woocommerce .price del,
.kr-grid-section .price ins,
.kr-grid-section .price del {
  color: #fff !important;
}


.woocommerce-loop-product__title {
  min-height: 50px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.kr-summary {
  background-color: #100E11;
}


/* Desktop: image 40%, description 60% */
@media (min-width: 981px){
  .kr-hero{
    grid-template-columns: 40% 60% !important;
  }
}

/* If that one page (postid-689) uses .kr-product, keep it consistent */
@media (min-width: 992px){
  body.postid-689 .kr-product{
    grid-template-columns: 40% 60% !important;
  }
}
.kr-summary .short-description.kr-meta{ margin-top:10px; }
.kr-summary .short-description.kr-meta:first-of-type{ margin-top:6px; }

.kr-grid-section > h2{
    color:#A571CA;
    font-size:4rem;
    margin-bottom:16px;
    text-align:center;
    font-weight:300;
}

/* Tytuł pokazany w pre-nagłówku */
.kr-pretitle .kr-title{
    color:#A779C7;
    font-weight:700!important;
    font-size:1.5rem;
    font-style: italic;
}

/* (Masz już) autor i kategoria – zostają jak były */
.kr-pretitle .kr-author{
    color:#A779C7;
    font-weight:400;
    font-size:1.5rem;

}
.kr-pretitle .kr-category{
    color:#A779C7;
    font-weight:400;
    padding-bottom: 20px;
}

.kr-pretitle .kr-subtitle{
    color:#A779C7;
    font-weight:600;
    font-size:1rem;
    font-style: italic;
}

/* Zajawka (po pre-nagłówku) + główny opis: wspólne cechy */
.kr-summary .short-description.kr-zajawka,
.kr-summary > .short-description{
    color:#A779C7;
    font-weight:400!important;
    font-size:1rem;
    padding-bottom: 30px;
}

/* Tylko główny opis: lżejsza grubość 300 */
.kr-summary > .short-description{
    font-weight:300!important;
}

.kr-summary .product_title,
.kr-podtytul,
.kr-zajawka,
.kr-summary .short-description {
    font-family: 'Jost', sans-serif; /* albo 'Open Sans', sans-serif */
}


/* === Mobile layout: zero paddings & margins === */
@media (max-width: 780px){

    /* 1) Astra container: padding 0 */
    .ast-container,
    .site-content .ast-container,
    .ast-plain-container .site-content .ast-container,
    .ast-separate-container .site-content .ast-container,
    .woocommerce .ast-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2) .diploma-container: margin 0 */
    .diploma-container{
        margin: 0 !important;
        max-width: 100% !important;
    }

    /* 3) Artykuł produktu (ten konkretny wpis) — margin 0 */
    .single-product article.product.ast-article-single{ margin:0!important; }

    .kr-summary{
        padding: 0 !important;
    }


    /* Classic shortcode grid */
    .kr-grid-section ul.products{
        display: block !important;
        margin: 0 !important;
    }
    .kr-grid-section ul.products li.product{
        width: 100% !important;
        margin: 0 0 18px 0 !important;
        float: none !important;
        clear: both !important;
    }

    /* WooCommerce Blocks grid */
    .kr-grid-section .wc-block-grid__products{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .kr-grid-section .wc-block-grid__product{
        margin: 0 !important;
    }

    .woocommerce ul.products li.product .ast-shop-summary-wrap,
    .woocommerce ul.products li.product .astra-shop-summary-wrap{
        min-height: 0 !important;
        height: auto !important;
    }

    }