/*!
Theme Name: Astra Child
Theme URI: https://crocoblock.com/
Author: Crocoblock
Author URI: https://crocoblock.com/
Description: Child theme for Astra with all CrocoBlock features compatibility.
Template: astra
Version: 1.1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: astra-child
*/

/* ==========================================================================
   Polering af kategori- og produktsider, saa de matcher det nye designspor
   (bfx): hvide kort med #e3e6ea-kant og 5px-radius, navy #12324A til titler
   og priser, groenne koeb-knapper #28a745 med 3px-radius, blaa #006497 som
   accentfarve. Fjernes ved at slette alt under denne linje.
   ========================================================================== */

/* --- Produktkort i JetWoo-oversigter (kategorisider) --- */
.jet-woo-products__item .jet-woo-products__inner-box {
	background: #fff;
	border: 1px solid #e3e6ea;
	border-radius: 5px;
	padding: 14px;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.jet-woo-products__item:hover .jet-woo-products__inner-box {
	border-color: #006497;
	box-shadow: 0 6px 16px rgba(18, 50, 74, .08);
	transform: translateY(-2px);
}

.jet-woo-product-thumbnail img {
	border-radius: 3px;
}

/* !important: Elementor-widgettens egne farver har ellers hoejere specificitet */
.jet-woo-product-title,
.jet-woo-product-title a {
	color: #12324A !important;
	font-weight: 700;
	line-height: 1.3;
}

.jet-woo-product-title a:hover {
	color: #006497 !important;
}

.jet-woo-product-price {
	color: #12324A;
	font-weight: 700;
	font-size: 1.15em;
}

.jet-woo-product-price del {
	color: #64748b;
	font-weight: 400;
	font-size: .85em;
}

/* --- Produktkort i standard WooCommerce-oversigter (soegning m.m.) --- */
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid #e3e6ea;
	border-radius: 5px;
	padding: 14px;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.woocommerce ul.products li.product:hover {
	border-color: #006497;
	box-shadow: 0 6px 16px rgba(18, 50, 74, .08);
	transform: translateY(-2px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #12324A;
	font-weight: 700;
	line-height: 1.3;
}

.woocommerce ul.products li.product .price {
	color: #12324A;
	font-weight: 700;
	font-size: 1.15em;
}

/* --- Koeb-knapper: samme groenne som forsidens "Laeg i kurv" --- */
.jet-woo-product-button .button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button {
	background: #28a745;
	color: #fff;
	/* !important: Elementor-widgetten saetter ellers 5px/500 */
	border-radius: 3px !important;
	font-weight: 700 !important;
	transition: background .15s ease;
}

.jet-woo-product-button .button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
	background: #1f8c39;
	color: #fff;
}

/* --- Underkategori-fliser (JetWoo categories-widget, alle kategorisider) ---
   Gamle look: store afrundede kort med skygge og blaa pille-knap.
   Nyt look: samme flise-stil som forsidens sortiment (bfx-flis).
   !important: Elementor-skabelonernes egne indstillinger vinder ellers. */
.jet-woo-categories__item .jet-woo-categories__inner-box {
	background: #fff !important;
	border: 1px solid #e3e6ea !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.jet-woo-categories__item:hover .jet-woo-categories__inner-box {
	border-color: #20BDF7 !important;
	box-shadow: 0 10px 26px -14px rgba(0, 100, 151, .5) !important;
	transform: translateY(-2px);
}

.jet-woo-categories-content {
	padding: 12px 14px 13px !important;
	text-align: left !important;
}

.jet-woo-category-title {
	margin: 0 !important;
}

/* Pillen erstattes af flad tekst i samme stil som forsidens flisenavne */
.jet-woo-category-title__link {
	display: block !important;
	background: transparent !important;
	color: #006497 !important;
	font-size: 15.5px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	text-align: left !important;
	text-decoration: none !important;
}

.jet-woo-category-title__link:hover {
	color: #00527C !important;
}

/* --- Kategorisidernes haandbyggede Elementor-fliser (Make Column Clickable) ---
   Fliserne paa fx /blokke/, /isolering/ og /gulvvarme-og-tilbehoer/ er ikke
   widgets, men klikbare Elementor-kolonner med billede + overskrifts-pille.
   Afgraenset til produktkategori-arkiver (.tax-product_cat), saa klikbare
   kolonner andre steder (fx forsiden) ikke paavirkes. */
.tax-product_cat .make-column-clickable-elementor {
	background: #fff !important;
	border: 1px solid #e3e6ea !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.tax-product_cat .make-column-clickable-elementor:hover {
	border-color: #20BDF7 !important;
	box-shadow: 0 10px 26px -14px rgba(0, 100, 151, .5) !important;
	transform: translateY(-2px);
}

/* Pillen (overskrift med baggrund) goeres til flad tekst som forsidens flisenavne */
.tax-product_cat .make-column-clickable-elementor .elementor-widget-heading .elementor-widget-container,
.tax-product_cat .make-column-clickable-elementor .elementor-heading-title {
	background: transparent !important;
	border-radius: 0 !important;
}

.tax-product_cat .make-column-clickable-elementor .elementor-heading-title {
	color: #006497 !important;
	font-size: 15.5px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	text-align: left !important;
	padding: 0 14px 4px !important;
}

.tax-product_cat .make-column-clickable-elementor:hover .elementor-heading-title {
	color: #00527C !important;
}

/* --- Tilbudsbadge --- */
.woocommerce span.onsale {
	background: #006497;
	color: #fff;
	border-radius: 3px;
	font-weight: 700;
}

/* --- Enkeltprodukt --- */
.woocommerce div.product .product_title {
	color: #12324A;
	font-weight: 700;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #12324A;
	font-weight: 700;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #006497;
}

.woocommerce div.product form.cart div.quantity .qty {
	border: 1px solid #e3e6ea;
	border-radius: 3px;
}

/* --- Lagerstatus --- */
.woocommerce div.product p.stock.in-stock {
	color: #1f8c39;
	font-weight: 600;
}

.woocommerce div.product p.stock.out-of-stock {
	color: #b91c1c;
	font-weight: 600;
}

/* --- Sideinddeling og brodkrummer --- */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	border-radius: 3px;
	color: #006497;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: #006497;
	color: #fff;
}

/* --- Fokustilstand (tilgaengelighed, matcher bfx) --- */
.woocommerce ul.products li.product a:focus-visible,
.woocommerce .button:focus-visible {
	outline: 3px solid #006497;
	outline-offset: 2px;
}