/*
Theme Name:   Divi Child — Mabble Media
Theme URI:    https://www.mabblemedia.com/
Description:  Divi 5 child theme by Mabble Media. Includes a custom Divi Ajax Filter product loop template ("Product Details" text-link style).
Author:       Mabble Media - Zackary Taylor
Author URI:   https://www.mabblemedia.com/
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  divi-child-mabble
*/

/* =========================================================================
   Divi Ajax Filter — "Product Details" text-link loop template styling
   Pairs with: divi-ajax-filter/loop-templates/custom-template.php
   ========================================================================= */

/* --- Card wrapper --------------------------------------------------------- */
.daf-product-template-details-link {
	list-style: none;
}

.daf-product-template-details-link .grid-item-cont {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 6px 20px rgba(0, 0, 0, 0.05);
	padding: 28px;
	box-sizing: border-box;
}

/* --- Image ---------------------------------------------------------------- */
.daf-product-template-details-link .daf-details-image {
	display: block;
	margin-bottom: 20px;
}

.daf-product-template-details-link .daf-details-image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* --- Content -------------------------------------------------------------- */
.daf-product-template-details-link .daf-details-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* --- Title ---------------------------------------------------------------- */
.daf-product-template-details-link .daf-details-title {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.25;
	font-weight: 400;
	color: #1a1a1a;
}

.daf-product-template-details-link .daf-details-title a {
	color: inherit;
	text-decoration: none;
}

/* --- "Product Details →" text link ---------------------------------------- */
.daf-product-template-details-link .daf-details-link {
	display: inline-block;
	color: #2a7cc7;          /* link blue — adjust to brand */
	font-size: 1rem;
	font-weight: 400;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.daf-product-template-details-link .daf-details-link::after {
	content: " \2192";        /* → arrow */
	text-decoration: none;
	display: inline-block;
}

.daf-product-template-details-link .daf-details-link:hover {
	color: #1b5e95;
}