/*
Theme Name: Inner Circle Grading
Theme URI: https://innercirclegrading.com
Author: Zanibytes
Author URI: https://zanibytes.be
Description: Custom WooCommerce block theme (FSE) for Inner Circle Grading — TCG card cleaning, straightening and grading. Dark, editorial design with serif display type. Dutch-first.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inner-circle
Tags: full-site-editing, block-patterns, e-commerce, custom-colors, custom-logo, dark-mode, woocommerce
*/

/* Block theme — visual styling lives in theme.json. This file only carries
   small overrides that the editor cannot express. */

/* Smooth-scroll for in-page anchor nav (process, packages, etc.) */
html { scroll-behavior: smooth; }

/* Marquee-free partner strip: subtle hover lift */
.icg-partner-logo img { transition: transform .25s ease, opacity .25s ease; opacity: .85; }
.icg-partner-logo:hover img { transform: translateY(-4px); opacity: 1; }

/* Before/after frame */
.icg-ba-frame { position: relative; overflow: hidden; border-radius: 14px; }
.icg-ba-frame .wp-block-image { margin: 0; }

/* Header actions: account link + mini-cart */
.icg-header-actions { align-items: center; }
.icg-header-actions .icg-account-link a {
	color: var(--wp--preset--color--contrast);
	text-transform: uppercase;
	font-size: 0.82rem;
	letter-spacing: 0.06em;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.icg-header-actions .icg-account-link a:hover { color: var(--wp--preset--color--accent); }
.icg-header-actions .wc-block-mini-cart__button { color: var(--wp--preset--color--contrast); padding: 0; }
.icg-header-actions .wc-block-mini-cart__amount { display: none; }

/* On small screens the nav collapses to a burger; keep cart + account inline */
@media (max-width: 781px) {
	.icg-header-actions .icg-account-link { display: none; }
}

/* ---- WooCommerce: dark theme harmonisation ---- */
.woocommerce, .woocommerce-page, .wc-block-components-form,
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout {
	color: var(--wp--preset--color--contrast);
}
/* Prices in accent for emphasis */
.woocommerce .price, .wc-block-components-product-price,
.woocommerce-Price-amount { color: var(--wp--preset--color--contrast); }
.woocommerce ins, .woocommerce .price ins { text-decoration: none; }
.woocommerce del, .wc-block-components-product-price__regular { color: var(--wp--preset--color--muted); }

/* Inputs / selects / textareas — dark fields */
.woocommerce form .input-text,
.woocommerce input[type="text"], .woocommerce input[type="email"],
.woocommerce input[type="tel"], .woocommerce input[type="password"],
.woocommerce input[type="number"], .woocommerce textarea, .woocommerce select,
.wc-block-components-text-input input, .wc-block-components-textarea,
.icg-form input, .icg-form textarea, .wpcf7 input, .wpcf7 textarea, .wpcf7 select {
	background: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--contrast);
	border-radius: 10px;
	padding: 0.85rem 1rem;
	width: 100%;
}
.icg-form input:focus, .icg-form textarea:focus,
.wpcf7 input:focus, .wpcf7 textarea:focus,
.woocommerce .input-text:focus, .wc-block-components-text-input input:focus {
	outline: none;
	border-color: var(--wp--preset--color--accent);
	box-shadow: 0 0 0 3px rgba(238,148,65,0.18);
}
.wc-block-components-text-input label, .woocommerce label { color: var(--wp--preset--color--muted); }

/* Cards / tables / notices */
.woocommerce table.shop_table, .woocommerce .cart-collaterals .cart_totals,
.wc-block-components-sidebar, .woocommerce-info, .woocommerce-message,
.wc-block-cart__sidebar, .wc-block-components-totals-wrapper {
	background: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	color: var(--wp--preset--color--contrast);
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--wp--preset--color--border); }
.woocommerce-info, .woocommerce-message { border-left: 3px solid var(--wp--preset--color--accent); }

/* Buttons inherit theme.json button styling; ensure WC default buttons match */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
.wc-block-components-button, .wpcf7-submit {
	background: var(--wp--preset--color--accent) !important;
	color: var(--wp--preset--color--base) !important;
	border-radius: 999px !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 0.85rem 2rem !important;
	border: none;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.wc-block-components-button:hover, .wpcf7-submit:hover {
	background: var(--wp--preset--color--contrast) !important;
}

/* Star ratings + sale flash */
.woocommerce span.onsale { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--base); border-radius: 999px; }
.woocommerce .star-rating span { color: var(--wp--preset--color--accent); }

/* Product grid cards */
.woocommerce ul.products li.product, .wc-block-grid__product, .wc-block-product {
	background: var(--wp--preset--color--base-2);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	padding: 1rem;
}

/* ---- Contact form layout ---- */
.icg-form .icg-field { margin-bottom: 1rem; }
.icg-form label { display:block; margin-bottom:.4rem; color: var(--wp--preset--color--muted); font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; }
.wpcf7 .wpcf7-spinner { display:none; }

/* ---- Drop-off point map embed ---- */
.icg-map iframe { width:100%; min-height:420px; border:0; border-radius:16px; filter: grayscale(0.2) contrast(1.05); }

/* ---- Grading video ---- */
.icg-video video { width:100%; display:block; border-radius:18px; box-shadow: 0 20px 60px -20px rgba(0,0,0,0.7); background:#000; }

/* ---- Process photo cards (square, consistent) ---- */
.icg-proc-img img { aspect-ratio: 1 / 1; object-fit: cover; width:100%; display:block; }

/* ---- Package cards ---- */
.icg-pkg-card { transition: transform .25s ease, border-color .25s ease; height:100%; }
.icg-pkg-card:hover { transform: translateY(-6px); }
.icg-pkg-card .wp-block-image img { width:100%; aspect-ratio:1/1; object-fit:cover; }
.icg-pkg-card.is-featured { position: relative; }

/* ---- Footer polish ---- */
.icg-footer a { color: var(--wp--preset--color--muted); text-decoration:none; }
.icg-footer a:hover { color: var(--wp--preset--color--accent); }
.icg-footer .is-style-none { list-style:none; padding-left:0; }
.icg-footer-cta { border-bottom:1px solid var(--wp--preset--color--border); }