/*
Theme Name: Panaderia Child
Theme URI: https://panaderia.qodeinteractive.com
Description: A child theme of Panaderia Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: panaderia
Template: panaderia
*/

/* Findings 1 item 2: trim the dead space between the title area and the page
   content (theme default is 70px on top of the 265px title area; the title
   area itself is now 120px via theme options). */
.mkdf-content .mkdf-container-inner,
.mkdf-content .mkdf-full-width {
	padding-top: 30px;
}

/* Findings 1 item 3 + Findings 2 item 5: blog featured images sit in a fixed
   landscape frame (list AND single) so portrait photos can never tower;
   contain-fit on the house cream so nothing is cropped away. */
.mkdf-blog-holder article .mkdf-post-image img {
	width: 100%;
	aspect-ratio: 1132 / 850;
	object-fit: contain;
	background: #faf7ec;
}

/* Findings 2 item 4: spacing for the title block that now sits above the image */
.mkdf-blog-holder article .mkdf-post-title-above {
	margin-bottom: 14px;
}
.mkdf-blog-holder article .mkdf-post-title-above + .mkdf-post-heading {
	margin-bottom: 18px;
}

/* Homepage hero card (Paul): transparent block, white text with a soft
   shadow so it stays readable over the fire photo. */
.vc_custom_herocard,
.vc_custom_herocard h2,
.vc_custom_herocard p {
	color: #fff !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.85), 0 1px 3px rgba(0, 0, 0, 0.9);
}

/* Centre the Order now button under the hero text (the button is
   inline-block, so the column needs text-align, not margin auto). */
.wpb_column:has(.vc_custom_herocard) {
	text-align: center;
}

/* Post galleries: uniform 4:3 tiles regardless of photo orientation
   (click still opens the full image). */
.mkdf-blog-holder .gallery .gallery-item img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

/* Delivery-window neutral state: the reminder signup centered under the
   announce-soon headline. */
.sakotis-dw-signup {
	max-width: 520px;
	margin: 0 auto;
	text-align: center;
}

/* ===================== Post-launch polish: cart + checkout ===================== */

/* --- one button system: gold for actions, black reserved for Place order --- */
.woocommerce-cart-form .coupon button[name="apply_coupon"],
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-cart .return-to-shop .button,
.sakotis-redeem button,
.sakotis-redeem .button,
.sakotis-redeem input[type="submit"] {
	background-color: #bb9230 !important;
	color: #fff !important;
	border: 0 !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 500;
	transition: background-color .18s ease;
}
.woocommerce-cart-form .coupon button[name="apply_coupon"]:hover,
.woocommerce-cart-form button[name="update_cart"]:hover,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce-cart .return-to-shop .button:hover,
.sakotis-redeem button:hover,
.sakotis-redeem .button:hover,
.sakotis-redeem input[type="submit"]:hover {
	background-color: #1f1e1e !important;
	color: #fff !important;
}
.woocommerce-cart-form button[name="update_cart"]:disabled {
	opacity: .45;
	cursor: not-allowed;
}
#place_order {
	background-color: #1f1e1e !important;
	color: #fff !important;
	border: 0 !important;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: background-color .18s ease;
}
#place_order:hover { background-color: #bb9230 !important; }

/* --- cart table theming --- */
.woocommerce-cart-form .shop_table thead th {
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
	color: #8a8578;
}
.woocommerce-cart-form td.product-name a {
	font-family: "Cormorant", serif;
	font-size: 21px;
	font-weight: 600;
	color: #1f1e1e;
}
.woocommerce-cart-form td.product-name a:hover { color: #bb9230; }
.woocommerce-cart-form td.product-remove a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid #e6ded0;
	border-radius: 50%;
	background: #fff;
	color: #1f1e1e !important;
	font-size: 17px;
	line-height: 1;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.woocommerce-cart-form td.product-remove a.remove:hover {
	background: #bb9230;
	border-color: #bb9230;
	color: #fff !important;
}

/* --- basket totals in the cream card --- */
.woocommerce-cart .cart_totals {
	background: #faf7ec;
	border: 1px solid #e6ded0;
	border-radius: 12px;
	padding: 26px 28px;
}
.woocommerce-cart .cart_totals h2 {
	font-size: 21px;
	margin-top: 0;
}
.woocommerce-cart .cart_totals .shop_table,
.woocommerce-cart .cart_totals .shop_table th,
.woocommerce-cart .cart_totals .shop_table td {
	background: transparent;
	border-color: #e6ded0;
}

/* --- commerce inputs in theme dress --- */
.woocommerce-cart .coupon .input-text,
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.sakotis-redeem input[type="text"],
.cwginstock-subscribe-form input.cwgstock_email {
	border: 1px solid #e6ded0 !important;
	border-radius: 8px;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-cart .coupon .input-text:focus,
.woocommerce-checkout .input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.sakotis-redeem input[type="text"]:focus,
.cwginstock-subscribe-form input.cwgstock_email:focus {
	border-color: #bb9230 !important;
	box-shadow: 0 0 0 3px rgba(187, 146, 48, .15);
	outline: none;
}
.woocommerce-checkout .form-row label {
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #6f6a5e;
}

/* --- quantity steppers --- */
.mkdf-quantity-buttons .mkdf-quantity-minus,
.mkdf-quantity-buttons .mkdf-quantity-plus {
	font-size: 16px;
	color: #1f1e1e;
	transition: color .15s ease;
}
.mkdf-quantity-buttons .mkdf-quantity-minus:hover,
.mkdf-quantity-buttons .mkdf-quantity-plus:hover { color: #bb9230; }
.mkdf-quantity-buttons .mkdf-quantity-input { font-size: 15px; }

/* --- friendly empty basket --- */
.woocommerce-cart p.cart-empty {
	font-family: "Cormorant", serif;
	font-size: 26px;
	text-align: center;
}
.sakotis-empty-extras { margin-top: 56px; text-align: center; }
.sakotis-empty-extras h4 {
	font-size: 13px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 26px;
}
.sakotis-empty-extras ul.products { text-align: initial; }

/* --- two-column checkout with sticky cream summary card --- */
.sakotis-co-card {
	background: #faf7ec;
	border: 1px solid #e6ded0;
	border-radius: 12px;
	padding: 26px 28px;
	margin-top: 34px;
}
.sakotis-co-card #order_review_heading {
	margin: 0 0 18px;
	font-size: 22px;
}
.sakotis-co-card #payment,
.sakotis-co-card #payment .payment_box {
	background: transparent !important;
}
.sakotis-co-card .shop_table,
.sakotis-co-card .shop_table th,
.sakotis-co-card .shop_table td {
	background: transparent;
	border-color: #e6ded0;
}
@media (min-width: 1025px) {
	form.woocommerce-checkout:has(.sakotis-co-card) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 460px;
		column-gap: 48px;
		align-items: start;
	}
	form.woocommerce-checkout:has(.sakotis-co-card) #customer_details { grid-column: 1; }
	form.woocommerce-checkout .sakotis-co-card {
		grid-column: 2;
		position: sticky;
		top: 110px;
		margin-top: 0;
	}
	/* stack billing, ship-to, order notes in the left column - kills the
	   orphan whitespace the old floated half-columns left under the notes */
	form.woocommerce-checkout:has(.sakotis-co-card) #customer_details .col-1,
	form.woocommerce-checkout:has(.sakotis-co-card) #customer_details .col-2 {
		width: 100% !important;
		float: none !important;
		margin: 0;
	}
	form.woocommerce-checkout:has(.sakotis-co-card) #customer_details .col-2 { margin-top: 26px; }
}

/* --- trust line under Place order --- */
.sakotis-trust {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
	font-size: 12px;
	letter-spacing: .4px;
	color: #6f6a5e;
}
.sakotis-trust img {
	height: 22px;
	width: auto;
	background: #fff;
	border: 1px solid #e6ded0;
	border-radius: 4px;
	padding: 2px 4px;
	box-sizing: content-box;
}

/* empty basket: message, then the button, bestsellers beneath */
.woocommerce-cart div.woocommerce:has(> .wc-empty-cart-message) {
	display: flex;
	flex-direction: column;
}
.woocommerce-cart div.woocommerce > .wc-empty-cart-message { order: 1; }
.woocommerce-cart div.woocommerce > .return-to-shop {
	order: 2;
	text-align: center;
	margin: 30px 0 6px;
}
.woocommerce-cart div.woocommerce > .sakotis-empty-extras { order: 3; }