/*
Theme Name: Food action
Theme URI: http://demo.casethemes.net/organio/
Author: Agensip
Author URI: https://start.agensip.com/
Description: custom theme made by agensip
Version: 1.5.3
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: organio
Text Domain: foodaction
*/

/* Bring the nav's active/hover underline indicator closer to the link text.
   The nav links have padding-top/padding-bottom: 60px (for the tall header row),
   and the indicator sits at bottom:0 of that padded box -- 60px below the text.
   This pulls it up to sit just under the word instead. */
.elementor-element-6bea7610 .elementor-nav-menu .elementor-item::after,
.elementor-element-6bea7610 .elementor-nav-menu .elementor-item::before {
    bottom: 50px !important;
}


/* Modernize shop/archive product cards: the "Request Quote" button was hidden
   (opacity:0) until hover, which never triggers on touch devices -- make it
   always visible. Also even out card heights via flexbox so a long, wrapping
   title doesn't push the button to a different height than a short title,
   and add a subtle hover-lift for a more polished feel on desktop. */
.woocommerce ul.products li.product {
    margin-bottom: 30px;
}
.woocommerce ul.products li.product .woocommerce-product-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.woocommerce ul.products li.product .woocommerce-product-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(12, 12, 12, 0.14);
}
.woocommerce ul.products li.product .woocommerce-product-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.woocommerce ul.products li.product .woocommerce-product-content .woocommerce-add-to-cart:not(.woocommerce-add-to-cart-grid) {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: auto !important;
    padding-top: 18px;
}
.woocommerce ul.products li.product .woocommerce-product-content .woocommerce-add-to-cart:not(.woocommerce-add-to-cart-grid) a {
    width: 100%;
    justify-content: center;
}


/* Remove the orange picture-frame border around shop product cards */
.woocommerce ul.products li.product .woocommerce-product-inner.style-1::before {
    display: none !important;
}


/* Product Specifications block (SKU, Item Description, Carton Configuration,
   Barcode, Ingredients, Product Highlights) on single product pages. */
.fa-product-specs {
	margin-top: 28px;
	padding: 20px 24px;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	background: #fafafa;
}
.fa-product-specs__title {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
	color: #111;
}
.fa-product-specs__table {
	width: 100%;
	border-collapse: collapse;
}
.fa-product-specs__table tr {
	border-bottom: 1px solid #ececec;
}
.fa-product-specs__table tr:last-child {
	border-bottom: none;
}
.fa-product-specs__table th {
	text-align: left;
	vertical-align: top;
	padding: 10px 16px 10px 0;
	width: 200px;
	font-weight: 600;
	color: #333;
}
.fa-product-specs__table td {
	padding: 10px 0;
	color: #444;
	line-height: 1.5;
}
.fa-barcode-svg {
	display: block;
	max-width: 220px;
}
.fa-barcode-number {
	font-family: monospace;
	letter-spacing: 1px;
	margin-top: 2px;
	font-size: 13px;
	color: #666;
}
@media (max-width: 480px) {
	.fa-product-specs__table th,
	.fa-product-specs__table td {
		display: block;
		width: 100%;
		padding: 4px 0;
	}
	.fa-product-specs__table th {
		padding-top: 12px;
	}
}


/* =====================================================================
   Product Information redesign TEST — Acai Cream Original+Granola (ID 9452) ONLY
   ===================================================================== */
body.postid-9452 .fa-product-info { margin-top: 12px; padding: 20px 24px; border: 1px solid #e2e2e2; border-radius: 8px; background: #fafafa; }
body.postid-9452 .fa-product-info__title { margin: 0 0 14px; font-size: 19px; font-weight: 700; color: #111; }
body.postid-9452 .fa-product-info__rows { display: flex; flex-direction: column; gap: 10px; }
body.postid-9452 .fa-product-info__row { display: flex; align-items: baseline; gap: 8px; border-bottom: 1px solid #ececec; padding-bottom: 8px; }
body.postid-9452 .fa-product-info__row:last-child { border-bottom: none; padding-bottom: 0; }
body.postid-9452 .fa-product-info__label { font-weight: 600; color: #333; min-width: 170px; flex-shrink: 0; }
body.postid-9452 .fa-product-info__value { color: #444; line-height: 1.5; }
body.postid-9452 .fa-product-info__row--barcode .fa-product-info__value { display: flex; flex-direction: column; }
body.postid-9452 .fa-product-info .fa-barcode-svg { display: block; max-width: 200px; }
body.postid-9452 .fa-product-info .fa-barcode-number { font-family: monospace; letter-spacing: 1px; margin-top: 2px; font-size: 13px; color: #666; }
body.postid-9452 .fa-product-details { margin-top: 28px; max-width: 900px; clear: both; }
body.postid-9452 .fa-product-details__block { margin-bottom: 20px; }
body.postid-9452 .fa-product-details__label { margin: 0 0 6px; font-size: 16px; font-weight: 700; color: #111; }
body.postid-9452 .fa-product-details__value { margin: 0; color: #444; line-height: 1.6; }
@media (max-width: 480px) {
    body.postid-9452 .fa-product-info__row { flex-direction: column; gap: 2px; }
    body.postid-9452 .fa-product-info__label { min-width: 0; }
}


/* =====================================================================
   Round 2 usability pass — Acai Cream Original+Granola (ID 9452) ONLY
   ===================================================================== */
body.postid-9452 .product_title.entry-title { font-size: 24px !important; line-height: 1.25; }

body.postid-9452 .fa-product-info { border: none; background: none; padding: 0; margin-top: 6px; }
body.postid-9452 .fa-product-info__title { font-size: 18px; margin-bottom: 14px; }
body.postid-9452 .fa-product-info__rows { gap: 14px; }
body.postid-9452 .fa-product-info__row { flex-direction: column; align-items: flex-start; gap: 3px; border-bottom: none; padding-bottom: 0; }
body.postid-9452 .fa-product-info__label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.4px; color: #8a8a8a; font-weight: 600; }
body.postid-9452 .fa-product-info__value { font-size: 16px; color: #222; font-weight: 500; }

body.postid-9452 .fa-cart-share-row { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; order: 3; margin-top: 10px; }
body.postid-9452 .fa-cart-share-row form.cart { margin: 0; }
body.postid-9452 .fa-cart-share-row .woocommerce-social-share { margin: 0; }
body.postid-9452 .single_add_to_cart_button { padding: 15px 56px !important; }

body.postid-9452 .woocommerce-summary-wrap.row { align-items: flex-start; }
body.postid-9452 .fa-product-details { margin-top: 6px; }

body.postid-9452 .fa-cart-share-row .quantity { display: none !important; }


/* =====================================================================
   Round 3 — remove headline, inline labels, ingredients on the right,
   tighter related-products gap, catalogue colour matching (ID 9452 ONLY)
   ===================================================================== */

/* Catalogue brand navy + grey, sampled from the catalogue PDF */
body.postid-9452 .product_title.entry-title { color: #004d7b; }
body.postid-9452 .fa-product-info__label { color: #5b87a6; }
body.postid-9452 .fa-product-info__value { color: #767676; }
body.postid-9452 .fa-product-details__label { color: #004d7b; }
body.postid-9452 .fa-product-details__value { color: #767676; }
body.postid-9452 .fa-barcode-number { color: #767676 !important; }

/* Inline labels + values to save vertical space (no stacking, no table look) */
body.postid-9452 .fa-product-info__row { flex-direction: row; align-items: baseline; gap: 8px; }
body.postid-9452 .fa-product-info__rows { gap: 8px; }
body.postid-9452 .fa-product-info__label { min-width: 150px; flex-shrink: 0; }

/* Ingredients / Highlights now live inside the right-hand column, above Add to Cart */
body.postid-9452 .fa-product-details { margin-top: 14px; max-width: none; clear: none; }
body.postid-9452 .fa-product-details__block { margin-bottom: 12px; }

/* Tighten the gap before the Related Products section */
body.postid-9452 section.related.products { margin-top: 0 !important; padding-top: 10px !important; }

/* Fix flex order: details block was defaulting to order 0 (jumping above the title) */
body.postid-9452 .summary.entry-summary > .fa-product-details { order: 3; }
body.postid-9452 .fa-cart-share-row { order: 4; }


/* Round 4 — Ingredients/Highlights now reuse the info-row markup, so they inherit
   the same font/colour automatically. Just fix alignment + wrapping, and unify
   the barcode number with the rest of the values. (ID 9452 ONLY) */
body.postid-9452 .fa-product-info__row { align-items: flex-start; }
body.postid-9452 .fa-product-info__value { flex: 1 1 auto; min-width: 0; }
body.postid-9452 .fa-product-info .fa-barcode-number { font-family: inherit; font-size: 16px; letter-spacing: normal; margin-top: 0; }

body.postid-9452 .fa-product-details { display: flex; flex-direction: column; gap: 8px; }