/**
 * CarbonGuru Theme Custom Styles
 * 
 * Brand identity implementation:
 * - Square corners (0 border radius)
 * - Minimal shadows
 * - Inter + Libre Baskerville typography
 * - CarbonGuru color palette
 */

/* ===== TYPOGRAPHY ===== */

/* Ensure Inter is used for body text */
body,
.wp-block-paragraph,
.wp-block-list,
.entry-content {
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--wp--preset--color--cg-ink, #0F1720);
}

/* Libre Baskerville for headings (H1-H3) */
h1, h2, h3,
.wp-block-heading:is(h1, h2, h3),
.wp-block-post-title {
    font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
}

/* Inter for smaller headings (H4-H6) */
h4, h5, h6,
.wp-block-heading:is(h4, h5, h6) {
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* ===== BUTTONS ===== */

/* Hero secondary button - white background with border */
.hero-secondary-btn .wp-block-button__link {
    background-color: var(--wp--preset--color--cg-white, #FFFFFF) !important;
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
    border: 1px solid var(--wp--preset--color--cg-neutral-300, #D4D8DD) !important;
}

.hero-secondary-btn .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--cg-neutral-050, #F9FAFB) !important;
    border-color: var(--wp--preset--color--cg-neutral-400, #9CA3AF) !important;
}

/* Front page CTA buttons - CG Vivid Orange */
body.home .wp-block-cover .wp-block-button.is-style-fill .wp-block-button__link,
body.home .wp-block-cover .wp-block-button .wp-block-button__link,
body.page-id-2 .wp-block-cover .wp-block-button.is-style-fill .wp-block-button__link,
body.page-id-2 .wp-block-cover .wp-block-button .wp-block-button__link {
    background-color: var(--wp--preset--color--cg-orange-vivid, #FF6B00) !important;
    color: #ffffff !important;
}

body.home .wp-block-cover .wp-block-button.is-style-fill .wp-block-button__link:hover,
body.home .wp-block-cover .wp-block-button .wp-block-button__link:hover,
body.page-id-2 .wp-block-cover .wp-block-button.is-style-fill .wp-block-button__link:hover,
body.page-id-2 .wp-block-cover .wp-block-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--cg-orange-vivid-dark, #CC5600) !important;
}

/* Square buttons - override all rounded corners */
.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"],
input[type="button"],
.wc-block-components-button,
.wc-block-components-checkout-place-order-button,
.added_to_cart,
.button {
    border-radius: 0 !important;
}

/* Primary button (CG Green) */
.wp-block-button.is-style-fill .wp-block-button__link,
.wc-block-components-button:not(.wc-block-components-button--outlined),
.button.alt,
.checkout-button {
    background-color: var(--wp--preset--color--cg-green-600, #067F38) !important;
    color: #ffffff !important;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wc-block-components-button:not(.wc-block-components-button--outlined):hover,
.button.alt:hover,
.checkout-button:hover {
    background-color: var(--wp--preset--color--cg-green-300, #63BFA2) !important;
}

/* Outline button */
.wp-block-button.is-style-outline .wp-block-button__link,
.wc-block-components-button--outlined {
    background-color: transparent !important;
    border: 1px solid var(--wp--preset--color--cg-neutral-300, #D4D8DD) !important;
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wc-block-components-button--outlined:hover {
    background-color: var(--wp--preset--color--cg-neutral-050, #F6F8FA) !important;
}

/* Outline buttons on dark backgrounds (CTA section) */
.cta-section .wp-block-button.is-style-outline .wp-block-button__link,
.has-cg-ink-background-color .wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    border-color: var(--wp--preset--color--cg-neutral-500, #6B7785) !important;
    color: var(--wp--preset--color--cg-white, #FFFFFF) !important;
}

.cta-section .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-cg-ink-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--wp--preset--color--cg-neutral-400, #A8B0B9) !important;
    color: var(--wp--preset--color--cg-white, #FFFFFF) !important;
}

/* Remove WordPress theme.json :focus outlines (applied via global-styles-inline-css) */
.wp-block-button__link:focus,
.wp-element-button:focus,
button:focus,
a:focus {
    outline: none !important;
}

/* Focus states using blue-700 — only for keyboard navigation */
.wp-block-button__link:focus-visible,
.wp-element-button:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid var(--wp--preset--color--cg-blue-700, #1A4A73) !important;
    outline-offset: 2px !important;
}

/* ===== LINKS ===== */

a {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    text-decoration: none;
}

a:hover {
    color: var(--wp--preset--color--cg-blue-500, #3A7CA5);
    text-decoration: underline;
}

/* ===== CARDS & CONTAINERS ===== */

/* Square corners for all containers */
.wp-block-group,
.wp-block-cover,
.wp-block-image img,
.wp-block-post-featured-image img,
.wc-block-card,
.wc-block-components-form,
.woocommerce-cart-form,
.woocommerce-checkout {
    border-radius: 0 !important;
}

/* Subtle shadow for elevated cards */
.wp-block-group[class*="has-background"],
.summary-stats,
.summary-products {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* ===== FORMS ===== */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
    border-radius: 0 !important;
    border: 1px solid var(--wp--preset--color--cg-neutral-300, #D4D8DD);
    padding: 10px 12px;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--cg-blue-700, #1A4A73);
}

/* ===== WOOCOMMERCE SPECIFIC ===== */

/* Product cards */
.wc-block-grid__product,
.products .product {
    border-radius: 0 !important;
}

/* Cart table */
.wc-block-cart,
.woocommerce-cart-form__contents {
    border-radius: 0 !important;
}

/* Checkout */
.wc-block-checkout__form,
.woocommerce-checkout-review-order-table {
    border-radius: 0 !important;
}

/* Price styling */
.wc-block-components-product-price,
.price {
    color: var(--wp--preset--color--cg-ink, #0F1720);
    font-weight: 600;
}

/* Sale badge */
.wc-block-components-sale-badge,
.onsale {
    background-color: var(--wp--preset--color--cg-orange-500, #FE9C4D) !important;
    border-radius: 0 !important;
    color: #ffffff !important;
}

/* Mini-cart badge - orange instead of default green */
/* Must use [style] selector to override WooCommerce's inline styles */
.wc-block-mini-cart__badge,
.wc-block-mini-cart__badge[style] {
    background: var(--wp--preset--color--cg-orange-vivid, #FF6B00) !important;
    background-color: var(--wp--preset--color--cg-orange-vivid, #FF6B00) !important;
    color: #ffffff !important;
}

/* ===== CARBONGURU CUSTOM BLOCKS ===== */

/* Summary statistics block */
.summary-stats {
    background-color: var(--wp--preset--color--cg-neutral-050, #F6F8FA);
    border: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE);
    padding: 24px;
}

/* Carbon impact highlight */
.carbon-impact-value {
    color: var(--wp--preset--color--cg-green-600, #067F38);
    font-weight: 700;
}

/* Status colors */
.status-positive,
.carbon-offset-complete {
    color: var(--wp--preset--color--cg-positive, #22A46D);
}

.status-warning {
    color: var(--wp--preset--color--cg-warning, #F5A623);
}

.status-critical,
.carbon-offset-incomplete {
    color: var(--wp--preset--color--cg-critical, #E5484D);
}

/* ===== NAVIGATION ===== */

/* Top-level navigation links */
.wp-block-navigation a {
    color: var(--wp--preset--color--cg-neutral-700, #374151);
    font-weight: 500;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.wp-block-navigation a:hover {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    text-decoration: none;
}

/* Submenu/dropdown links - lighter font weight */
.wp-block-navigation__submenu-container a {
    font-weight: 400 !important;
    border-bottom: none;
    padding: 8px 16px;
}

.wp-block-navigation__submenu-container a:hover {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    background-color: var(--wp--preset--color--cg-blue-050, #EDF4F9);
}

/* Active navigation item (current page) */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a,
.wp-block-navigation a[aria-current="page"] {
    color: var(--wp--preset--color--cg-green-600, #067F38);
    border-bottom-color: var(--wp--preset--color--cg-green-600, #067F38);
}

/* Header buttons styling */
.header-login-btn .wp-block-button__link {
    background: var(--wp--preset--color--cg-white, #FFFFFF) !important;
}

.header-login-btn .wp-block-button__link:hover {
    background: var(--wp--preset--color--cg-neutral-050, #F9FAFB) !important;
    border-color: var(--wp--preset--color--cg-neutral-400, #9CA3AF) !important;
}

/* Header login/account toggle based on authentication state */
/* Default: show login button, hide account icon */
.header-login-wrapper {
    display: block;
}

.header-account-wrapper {
    display: none;
}

/* When logged in: hide login button, show account icon */
body.logged-in .header-login-wrapper {
    display: none;
}

body.logged-in .header-account-wrapper {
    display: block;
}

/* ===== FOOTER ===== */

.wp-block-template-part[data-area="footer"] {
    background-color: var(--wp--preset--color--cg-neutral-050, #F6F8FA);
    border-top: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE);
}

/* ===== UTILITIES ===== */

/* Text colors */
.has-cg-ink-color { color: var(--wp--preset--color--cg-ink, #0F1720) !important; }
.has-cg-neutral-600-color { color: var(--wp--preset--color--cg-neutral-600, #4A5568) !important; }
.has-cg-neutral-500-color { color: var(--wp--preset--color--cg-neutral-500, #6B7785) !important; }
.has-cg-green-600-color { color: var(--wp--preset--color--cg-green-600, #067F38) !important; }
.has-cg-blue-700-color { color: var(--wp--preset--color--cg-blue-700, #1A4A73) !important; }
.has-cg-orange-500-color { color: var(--wp--preset--color--cg-orange-500, #FE9C4D) !important; }

/* Background colors */
.has-cg-white-background-color { background-color: #ffffff !important; }
.has-cg-neutral-050-background-color { background-color: var(--wp--preset--color--cg-neutral-050, #F6F8FA) !important; }
.has-cg-green-050-background-color { background-color: var(--wp--preset--color--cg-green-050, #E6F5EC) !important; }
.has-cg-blue-050-background-color { background-color: var(--wp--preset--color--cg-blue-050, #EDF4F9) !important; }

/* ===== V2 REDESIGN STYLES ===== */

/* Label Typography - 11px uppercase with letter spacing */
.cg-label,
.meta-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
}

/* Carbon Hero Block - Green background hero section */
.carbon-hero {
    background: var(--wp--preset--color--cg-green-050, #E6F5EC);
    padding: var(--wp--preset--spacing--cg-xl, 24px);
    margin-top: var(--wp--preset--spacing--cg-xl, 24px);
    margin-bottom: var(--wp--preset--spacing--cg-lg, 16px);
}

.carbon-hero-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wp--preset--color--cg-green-700, #056830);
    margin-bottom: var(--wp--preset--spacing--cg-sm, 8px);
}

.carbon-hero-value {
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: clamp(32px, 5vw, 42px);
    font-weight: 700;
    color: var(--wp--preset--color--cg-green-700, #056830);
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.carbon-hero-value span {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
    margin-left: 4px;
    vertical-align: baseline;
}

.carbon-hero-context {
    margin-top: var(--wp--preset--spacing--cg-md, 12px);
    font-size: 14px;
    color: var(--wp--preset--color--cg-green-800, #044D24);
}

/* Analysis Card - LCA mapping and reasoning cards */
.analysis-card {
    background: var(--wp--preset--color--cg-neutral-050, #F9FAFB);
    padding: var(--wp--preset--spacing--cg-xl, 24px);
    margin-bottom: var(--wp--preset--spacing--cg-lg, 16px);
}

.analysis-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--wp--preset--spacing--cg-md, 12px);
}

.analysis-card-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--cg-neutral-600, #4A5568);
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--cg-sm, 8px);
}

.analysis-card-title svg {
    width: 16px;
    height: 16px;
    color: var(--wp--preset--color--cg-green-600, #067F38);
    flex-shrink: 0;
}

.analysis-method-badge {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 10px;
    background: var(--wp--preset--color--cg-blue-100, #E8F1F8);
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    white-space: nowrap;
}

.analysis-naics {
    font-size: 14px;
    color: var(--wp--preset--color--cg-neutral-600, #4A5568);
    line-height: 1.6;
    margin: 0;
}

.analysis-naics strong {
    color: var(--wp--preset--color--cg-ink, #0F1720);
    font-weight: 600;
}

/* Reasoning card specific styles */
.analysis-reasoning {
    font-size: 14px;
    line-height: 1.7;
    color: var(--wp--preset--color--cg-neutral-700, #374151);
    font-style: italic;
    margin: 0;
}

/* Product Meta Row - Item Cost and Offset Status */
.product-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--wp--preset--spacing--cg-xl, 24px);
    padding: var(--wp--preset--spacing--cg-lg, 16px) 0;
    border-top: 1px solid var(--wp--preset--color--cg-neutral-200, #E5E7EB);
    border-bottom: 1px solid var(--wp--preset--color--cg-neutral-200, #E5E7EB);
}

.meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.meta-item:last-child {
    text-align: right;
    align-items: flex-end;
}

.meta-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
    margin-bottom: 2px;
}

.meta-value {
    font-size: 16px;
    font-weight: 600;
    color: var(--wp--preset--color--cg-ink, #0F1720);
}

/* WooCommerce price styling in meta-value */
.meta-value .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 600;
    color: var(--wp--preset--color--cg-ink, #0F1720);
}

.meta-value .woocommerce-Price-currencySymbol {
    font-weight: 600;
}

/* Offset Status Styles - dot is provided by .status-dot element in HTML */
.meta-value.status-not-offset {
    color: var(--wp--preset--color--cg-critical, #E5484D);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.meta-value.status-offset {
    color: var(--wp--preset--color--cg-positive, #22A46D);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Product Source URL */
.product-source {
    display: inline-flex;
    align-items: center;
    gap: var(--wp--preset--spacing--cg-sm, 8px);
    font-size: 14px;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
    margin-bottom: var(--wp--preset--spacing--cg-lg, 16px);
}

.product-source a {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    text-decoration: none;
}

.product-source a:hover {
    text-decoration: underline;
}

.product-source svg {
    width: 14px;
    height: 14px;
    color: var(--wp--preset--color--cg-neutral-400, #9CA3AF);
}

/* ========================================
   Product Page Action Buttons (Offset/Remove)
   Matches mockup: carbon-footprint-page-redesign.html
   ======================================== */

/* Action buttons wrapper (injected by JS for WooCommerce add-to-cart) */
.cg-offset-buttons-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--wp--preset--spacing--cg-md, 12px) !important;
    margin: var(--wp--preset--spacing--cg-2xl, 32px) 0 !important;
    width: 100% !important;
    justify-content: stretch !important;
}

/* Base button styling for Offset/Remove buttons on product page */
.cg-offset-buttons-wrapper button,
.cg-offset-buttons-wrapper .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: var(--wp--preset--spacing--cg-lg, 16px) var(--wp--preset--spacing--cg-xl, 24px) !important;
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
    text-decoration: none !important;
    flex: 1 !important;
    box-sizing: border-box !important;
}

/* Offset Now button (green) */
.cg-offset-buttons-wrapper button.single_add_to_cart_button,
.cg-offset-buttons-wrapper button.wp-element-button:not(.cg-remove-now-button),
.cg-offset-buttons-wrapper .button:not(.cg-remove-now-button) {
    background: var(--wp--preset--color--cg-green-600, #067F38) !important;
    color: var(--wp--preset--color--cg-white, #FFFFFF) !important;
}

.cg-offset-buttons-wrapper button.single_add_to_cart_button:hover,
.cg-offset-buttons-wrapper button.wp-element-button:not(.cg-remove-now-button):hover,
.cg-offset-buttons-wrapper .button:not(.cg-remove-now-button):hover {
    background: var(--wp--preset--color--cg-green-700, #056830) !important;
}

/* Remove Now button (blue) */
.cg-offset-buttons-wrapper .cg-remove-now-button {
    background: var(--wp--preset--color--cg-blue-700, #1A4A73) !important;
    color: var(--wp--preset--color--cg-white, #FFFFFF) !important;
}

.cg-offset-buttons-wrapper .cg-remove-now-button:hover {
    background: var(--wp--preset--color--cg-blue-800, #133A5C) !important;
}

/* CarbonGuru tree logo icon before button text */
.cg-offset-buttons-wrapper button::before,
.cg-offset-buttons-wrapper .button::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='white' d='M57.7,53c-0.1,2-1.4,4-1.4,4c0-0.7-0.7-3-0.7-3c-0.8,0.3-2.3,0.3-2.3,0.3s0.5,1.3,0.5,2.9c0,1.6-2.1,7.9-2.1,7.9c-2.9-5.1-2.4-9.5-2.4-9.5c-4.4,0.1-8.1-1.1-8.1-1.1l0.9,3.4c-4.2-1.6-4.3-4.2-4.3-4.2l-2.2-0.6c0.4,1.9,3.5,5.5,4.8,6.6c1.4,1.1,4.2,4,5.9,6.1c1.7,2.1,1.9,3.6,2.1,5.2c0.2,1.6-0.8,7.4-0.8,8.4c0,1-1.5,9.4-2.2,10.7c-0.7,1.3-3.5,2.6-3.5,2.6s2.1,0.7,4.3,0.7c2.2,0,7.6-1.1,9-1.1c1.4,0,2,0.4,3.7,0.4c1.7,0,2.1-0.4,2.1-0.4c-4.7-1.7-4.7-2.3-4.7-2.3c-1.5-2.7-2.2-9.9-1.3-19.1c0.9-9.2,7.7-14.8,7.7-14.8C59.3,54.9,57.7,53,57.7,53z M86.8,33.3c4.5-20.8-13.9-19-13.9-19C65.6,1.9,46.1,6.9,46.1,6.9c-21.1-9.3-22.8,7.1-22.8,7.1c-17.2-1.3-9.6,16.3-9.6,16.3c-9.5,16.1,4.6,15.6,4.6,15.6c1.9,12.7,16.6,5.2,16.6,5.2C48.4,56.3,58.5,50.9,58.5,50.9c13.7,11.4,20.2,0,20.2,0C94.4,51.6,86.8,33.3,86.8,33.3z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* Responsive: Stack buttons on mobile */
@media (max-width: 600px) {
    .cg-offset-buttons-wrapper {
        grid-template-columns: 1fr !important;
    }
}

/* Legacy action buttons (for blocks like summary-add-to-basket) */
.action-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wp--preset--spacing--cg-md, 12px);
    margin: var(--wp--preset--spacing--cg-2xl, 32px) 0;
}

.action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: var(--wp--preset--spacing--cg-lg, 16px) var(--wp--preset--spacing--cg-xl, 24px);
    border: none;
    border-radius: 3px;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

/* CarbonGuru tree logo icon for action buttons */
.action-btn::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='white' d='M57.7,53c-0.1,2-1.4,4-1.4,4c0-0.7-0.7-3-0.7-3c-0.8,0.3-2.3,0.3-2.3,0.3s0.5,1.3,0.5,2.9c0,1.6-2.1,7.9-2.1,7.9c-2.9-5.1-2.4-9.5-2.4-9.5c-4.4,0.1-8.1-1.1-8.1-1.1l0.9,3.4c-4.2-1.6-4.3-4.2-4.3-4.2l-2.2-0.6c0.4,1.9,3.5,5.5,4.8,6.6c1.4,1.1,4.2,4,5.9,6.1c1.7,2.1,1.9,3.6,2.1,5.2c0.2,1.6-0.8,7.4-0.8,8.4c0,1-1.5,9.4-2.2,10.7c-0.7,1.3-3.5,2.6-3.5,2.6s2.1,0.7,4.3,0.7c2.2,0,7.6-1.1,9-1.1c1.4,0,2,0.4,3.7,0.4c1.7,0,2.1-0.4,2.1-0.4c-4.7-1.7-4.7-2.3-4.7-2.3c-1.5-2.7-2.2-9.9-1.3-19.1c0.9-9.2,7.7-14.8,7.7-14.8C59.3,54.9,57.7,53,57.7,53z M86.8,33.3c4.5-20.8-13.9-19-13.9-19C65.6,1.9,46.1,6.9,46.1,6.9c-21.1-9.3-22.8,7.1-22.8,7.1c-17.2-1.3-9.6,16.3-9.6,16.3c-9.5,16.1,4.6,15.6,4.6,15.6c1.9,12.7,16.6,5.2,16.6,5.2C48.4,56.3,58.5,50.9,58.5,50.9c13.7,11.4,20.2,0,20.2,0C94.4,51.6,86.8,33.3,86.8,33.3z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.action-btn--offset {
    background: var(--wp--preset--color--cg-green-600, #067F38);
    color: var(--wp--preset--color--cg-white, #FFFFFF);
}

.action-btn--offset:hover {
    background: var(--wp--preset--color--cg-green-700, #056830);
}

.action-btn--removal {
    background: var(--wp--preset--color--cg-blue-700, #1A4A73);
    color: var(--wp--preset--color--cg-white, #FFFFFF);
}

.action-btn--removal:hover {
    background: var(--wp--preset--color--cg-blue-800, #133A5C);
}

/* Breadcrumb - Matches mockup styling */
.woocommerce-breadcrumb,
.breadcrumb {
    font-size: 13px;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
    padding: var(--wp--preset--spacing--cg-lg, 16px) 0;
    line-height: 1.5;
}

.woocommerce-breadcrumb a,
.breadcrumb a {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    text-decoration: none;
}

.woocommerce-breadcrumb a:hover,
.breadcrumb a:hover {
    text-decoration: underline;
}

/* Breadcrumb separator styling - neutral-400 color */
.breadcrumb-sep {
    margin: 0 var(--wp--preset--spacing--cg-sm, 8px);
    color: var(--wp--preset--color--cg-neutral-400, #9CA3AF);
}

/* Product Title - Libre Baskerville with regular weight */
.single-product .wp-block-post-title,
.product-title {
    font-family: "Libre Baskerville", Georgia, "Times New Roman", serif !important;
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 400 !important;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--wp--preset--color--cg-ink, #0F1720);
    margin-bottom: var(--wp--preset--spacing--cg-md, 12px);
}

/* Product Source URL - Matches mockup styling */
.wp-block-carbonguru-product-source-url {
    display: inline-flex;
    align-items: center;
    gap: 0;
    font-size: 14px;
    margin-bottom: var(--wp--preset--spacing--cg-lg, 16px);
}

.wp-block-carbonguru-product-source-url__label {
    color: var(--wp--preset--color--cg-neutral-500, #6B7785) !important;
    font-weight: 400 !important;
    margin-right: 0.35em !important;
}

.wp-block-carbonguru-product-source-url__link {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.wp-block-carbonguru-product-source-url__link:hover {
    text-decoration: underline;
}

.wp-block-carbonguru-product-source-url__link svg {
    width: 14px;
    height: 14px;
    color: var(--wp--preset--color--cg-neutral-400, #9CA3AF);
    margin-left: 4px;
}

/* Product Taxonomy */
.product-taxonomy {
    margin: var(--wp--preset--spacing--cg-2xl, 32px) 0;
    padding-top: var(--wp--preset--spacing--cg-lg, 16px);
    border-top: 1px solid var(--wp--preset--color--cg-neutral-200, #E5E7EB);
    display: flex;
    gap: var(--wp--preset--spacing--cg-xl, 24px);
    font-size: 13px;
}

.taxonomy-item {
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
}

.taxonomy-item a {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    text-decoration: none;
}

.taxonomy-item a:hover {
    text-decoration: underline;
}

/* ========================================
   Recent Carbon Footprints Section
   Matches mockup: carbon-footprint-page-redesign.html
   ======================================== */

/* Section container */
.cg-recent-products,
.recent-footprints {
    max-width: var(--wp--style--global--content-size, 1200px);
    margin: 0 auto;
    padding: var(--wp--preset--spacing--cg-3xl, 48px) var(--wp--preset--spacing--cg-xl, 24px);
    border-top: 1px solid var(--wp--preset--color--cg-neutral-200, #E5E7EB);
}

/* Product grid */
.cg-recent-products__grid,
.recent-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--wp--preset--spacing--cg-lg, 16px);
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Card styling */
.cg-recent-products__item,
.recent-card {
    background: white;
    border: 1px solid var(--wp--preset--color--cg-neutral-200, #E5E7EB);
    padding: var(--wp--preset--spacing--cg-lg, 16px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cg-recent-products__item:hover,
.recent-card:hover {
    border-color: var(--wp--preset--color--cg-green-300, #63BFA2);
    box-shadow: 0 2px 8px rgba(6, 127, 56, 0.08);
}

/* Card title */
.cg-recent-products__title,
.recent-card__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cg-recent-products__title-link,
.recent-card__link {
    text-decoration: none;
    color: inherit;
}

.cg-recent-products__title-link:hover .cg-recent-products__title,
.recent-card__link:hover .recent-card__title {
    color: var(--wp--preset--color--cg-green-600, #067F38) !important;
}

/* Carbon value */
.cg-recent-products__carbon,
.recent-card__carbon {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--wp--preset--color--cg-green-600, #0A9944) !important;
    margin: 0 !important;
}

/* Unit label styling */
.cg-recent-products__carbon-unit {
    font-size: 12px;
    font-weight: 500;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
}

/* Card action buttons */
.cg-recent-products__actions,
.recent-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
}

.cg-recent-products__btn,
.recent-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 12px;
    font-size: 12px !important;
    font-weight: 600;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.15s ease;
    white-space: nowrap;
}

.cg-recent-products__btn--offset,
.recent-card__btn--offset {
    background: var(--wp--preset--color--cg-green-600, #067F38);
    color: white !important;
}

.cg-recent-products__btn--offset:hover,
.recent-card__btn--offset:hover {
    background: var(--wp--preset--color--cg-green-700, #056830);
    color: white !important;
}

.cg-recent-products__btn--removal,
.recent-card__btn--removal {
    background: var(--wp--preset--color--cg-blue-700, #1A4A73);
    color: white !important;
}

.cg-recent-products__btn--removal:hover,
.recent-card__btn--removal:hover {
    background: var(--wp--preset--color--cg-blue-800, #133A5C);
    color: white !important;
}

/* Offset status badge (already offset items) */
.cg-recent-products__offset-status,
.recent-card__status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: auto;
    padding-top: 8px;
}

.cg-recent-products__offset-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--wp--preset--color--cg-green-600, #067F38);
    background: var(--wp--preset--color--cg-green-050, #E6F5EC);
    border-radius: 3px;
}

.cg-recent-products__offset-date {
    font-size: 11px;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
}

/* Empty/login state */
.cg-recent-products__empty,
.cg-recent-products__login-prompt {
    text-align: center;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
    padding: 32px;
    font-size: 14px;
}

.cg-recent-products__login-prompt a {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .cg-recent-products__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cg-recent-products__actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .cg-recent-products__grid {
        grid-template-columns: 1fr;
    }
}

/* Mini-Cart Drawer Enhancements */
.mini-cart-section {
    margin-top: 16px;
    padding: 16px;
    border-radius: 4px;
}

.mini-cart-section--offsets {
    background: var(--wp--preset--color--cg-green-050, #E6F5EC);
    border: 1px solid var(--wp--preset--color--cg-green-200, #8DD4AC);
}

.mini-cart-section--removals {
    background: var(--wp--preset--color--cg-blue-050, #EDF4F9);
    border: 1px solid var(--wp--preset--color--cg-blue-200, #C5DAE9);
}

.mini-cart-section__title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mini-cart-section--offsets .mini-cart-section__title {
    color: var(--wp--preset--color--cg-green-700, #056830);
}

.mini-cart-section--removals .mini-cart-section__title {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73);
}

/* ===== ANNOUNCEMENTS & UPDATES SECTION ===== */

/* Featured Post Card */
.featured-post-card {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    overflow: hidden;
}

.featured-post-card:hover {
    border-color: var(--wp--preset--color--cg-green-300, #63BFA2) !important;
    box-shadow: 0 4px 12px rgba(6, 127, 56, 0.08);
}

.featured-post-card .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
}

.featured-post-card .wp-block-post-featured-image img {
    transition: transform 0.3s ease;
}

.featured-post-card:hover .wp-block-post-featured-image img {
    transform: scale(1.02);
}

.featured-post-card .wp-block-post-title a {
    text-decoration: none;
    color: var(--wp--preset--color--cg-ink, #0F1720);
    transition: color 0.15s ease;
}

.featured-post-card .wp-block-post-title a:hover {
    color: var(--wp--preset--color--cg-green-600, #067F38);
}

.featured-post-card .wp-block-read-more {
    text-decoration: none;
}

.featured-post-card .wp-block-read-more:hover {
    text-decoration: underline;
}

/* Recent Post Items */
.recent-post-item {
    transition: background-color 0.15s ease;
}

.recent-post-item:hover {
    background-color: var(--wp--preset--color--cg-neutral-050, #F9FAFB);
}

.recent-post-item:first-child {
    padding-top: 0 !important;
}

.recent-post-item:last-child {
    border-bottom: none !important;
}

.recent-post-item .wp-block-post-title a {
    text-decoration: none;
    color: var(--wp--preset--color--cg-ink, #0F1720);
    transition: color 0.15s ease;
}

.recent-post-item .wp-block-post-title a:hover {
    color: var(--wp--preset--color--cg-green-600, #067F38);
}

/* Category link styling in announcements */
.announcements-section .wp-block-post-terms a {
    text-decoration: none;
}

.announcements-section .wp-block-post-terms a:hover {
    text-decoration: underline;
}

/* Responsive adjustments for announcements section */
@media (max-width: 968px) {
    .announcements-section .wp-block-columns {
        flex-direction: column;
    }

    .announcements-section .wp-block-column {
        flex-basis: 100% !important;
    }

    .featured-post-card .wp-block-post-featured-image img {
        height: 220px !important;
        object-fit: cover;
    }
}

/* Footer Styles */
.footer-nav-list {
    list-style: none !important;
    margin: 0;
    padding: 0 !important;
}

.footer-nav-list li {
    margin-bottom: 8px;
}

.footer-nav-list a {
    color: var(--wp--preset--color--cg-neutral-500, #6B7785);
    text-decoration: none;
}

.footer-nav-list a:hover {
    color: var(--wp--preset--color--cg-green-600, #067F38);
}

/* Footer Link Hover States */
.site-footer a:hover,
footer a:hover {
    color: var(--wp--preset--color--cg-green-600, #067F38);
}

/* ===== HOMEPAGE - HOW IT WORKS IMAGERY LAYOUT ===== */

/* Step row: text 55% | image 45%, side by side */
.how-step {
    display: flex;
    gap: 48px;
    align-items: center;
    margin-bottom: 64px;
}

.how-step:last-child {
    margin-bottom: 0;
}

.how-step-text {
    flex: 0 0 55%;
}

.how-step-image {
    flex: 0 0 45%;
}

/* Step number + heading row */
.how-step-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 16px;
}

/* Step number badge */
.how-step-number {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    background: var(--wp--preset--color--cg-green-050, #E6F5EC);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--wp--preset--color--cg-green-700, #056830);
}

/* Step heading */
.how-step-heading {
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--wp--preset--color--cg-green-600, #067F38);
    margin: 0;
}

/* Step description */
.how-step-desc {
    font-size: 18px;
    line-height: 1.7;
    color: var(--wp--preset--color--cg-neutral-600, #6B7785);
}

/* Step image styling */
.how-step-image img {
    max-width: 100%;
    height: auto;
    border: 1px solid #E5E7EB;
}

/* ===== HOMEPAGE - FEATURES ALTERNATING ROW LAYOUT ===== */

/* Feature row: text 50% | image 50%, alternating sides */
.feature-row {
    display: flex;
    gap: 48px;
    align-items: center;
    margin-bottom: 64px;
}

.feature-row:last-child {
    margin-bottom: 0;
}

.feature-row-text {
    flex: 0 0 50%;
}

.feature-row-image {
    flex: 0 0 50%;
}

/* Alternate rows: image on left, text on right */
.feature-row.image-left {
    flex-direction: row-reverse;
}

/* Feature icon container */
.feature-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background: var(--wp--preset--color--cg-green-050, #E6F5EC);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.feature-icon.blue {
    background: var(--wp--preset--color--cg-blue-050, #EDF4F9);
}

/* Feature title */
.feature-title {
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: clamp(22px, 2.5vw, 28px);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--wp--preset--color--cg-ink, #0F1720);
    margin-bottom: 12px;
}

/* Feature description */
.feature-desc {
    font-size: 16px;
    line-height: 1.7;
    color: var(--wp--preset--color--cg-neutral-600, #6B7785);
}

/* Feature image styling */
.feature-row-image img {
    max-width: 100%;
    height: auto;
    border: 1px solid #E5E7EB;
}

/* Hero image (right column) */
.hero-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image-container img {
    max-width: 320px;
    width: 100%;
    height: auto;
    border: 1px solid #E5E7EB;
}

/* ===== RESPONSIVE - HOMEPAGE IMAGERY ===== */

@media (max-width: 968px) {
    .how-step {
        flex-direction: column;
        gap: 32px;
    }

    .how-step-text,
    .how-step-image {
        flex: 1 1 100%;
    }

    .feature-row,
    .feature-row.image-left {
        flex-direction: column;
        gap: 32px;
    }

    .feature-row-text,
    .feature-row-image {
        flex: 1 1 100%;
    }
}

@media (max-width: 600px) {
    .how-step {
        gap: 24px;
        margin-bottom: 48px;
    }

    .how-step-number {
        width: 44px;
        height: 44px;
        font-size: 22px;
    }

    .how-step-header {
        gap: 14px;
    }

    .feature-row {
        gap: 24px;
        margin-bottom: 48px;
    }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 968px) {
    .action-buttons {
        grid-template-columns: 1fr;
    }

    .product-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--wp--preset--spacing--cg-md, 12px);
    }

    .meta-item:last-child {
        text-align: left;
        align-items: flex-start;
    }

    .carbon-hero {
        padding: var(--wp--preset--spacing--cg-lg, 16px);
    }

    .carbon-hero-value {
        font-size: clamp(28px, 4vw, 36px);
    }

    .analysis-card {
        padding: var(--wp--preset--spacing--cg-lg, 16px);
    }
}

@media (max-width: 600px) {
    .recent-grid {
        grid-template-columns: 1fr;
    }
}

/* =============================================================================
   WOOCOMMERCE MY ACCOUNT - ORDERS PAGE
   Aligns with CarbonGuru design system
   ============================================================================= */

/* Orders Table Container */
.woocommerce-MyAccount-orders,
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
    background: var(--wp--preset--color--cg-white, #FFFFFF);
    border: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE);
}

/* Table Header */
.woocommerce-MyAccount-orders thead,
.woocommerce-orders-table thead {
    background: var(--wp--preset--color--cg-neutral-050, #F6F8FA);
}

.woocommerce-MyAccount-orders thead th,
.woocommerce-orders-table thead th,
.woocommerce-orders-table__header {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: var(--wp--preset--color--cg-neutral-500, #6B7785) !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE) !important;
    text-align: left !important;
    background: var(--wp--preset--color--cg-neutral-050, #F6F8FA) !important;
}

/* Table Body Rows */
.woocommerce-MyAccount-orders tbody tr,
.woocommerce-orders-table tbody tr {
    border-bottom: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE);
    transition: background-color 0.15s ease;
}

.woocommerce-MyAccount-orders tbody tr:hover,
.woocommerce-orders-table tbody tr:hover {
    background: var(--wp--preset--color--cg-neutral-050, #F6F8FA);
}

.woocommerce-MyAccount-orders tbody tr:last-child,
.woocommerce-orders-table tbody tr:last-child {
    border-bottom: none;
}

/* Table Cells */
.woocommerce-MyAccount-orders tbody td,
.woocommerce-MyAccount-orders tbody th,
.woocommerce-orders-table__cell {
    padding: 16px !important;
    vertical-align: middle !important;
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
    font-size: 14px !important;
    border-bottom: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE) !important;
}

/* Order Number Link */
.woocommerce-orders-table__cell-order-number a,
.woocommerce-MyAccount-orders .order-number a {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-MyAccount-orders .order-number a:hover {
    color: var(--wp--preset--color--cg-blue-500, #3A7CA5) !important;
    text-decoration: underline !important;
}

/* Order Date */
.woocommerce-orders-table__cell-order-date,
.woocommerce-MyAccount-orders .order-date {
    color: var(--wp--preset--color--cg-neutral-600, #4A5568) !important;
}

/* Order Total */
.woocommerce-orders-table__cell-order-total,
.woocommerce-MyAccount-orders .order-total {
    font-weight: 500 !important;
}

/* =============================================================================
   ORDER STATUS BADGES
   ============================================================================= */

.woocommerce-orders-table__cell-order-status,
.woocommerce-MyAccount-orders .order-status {
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Status Badge Base - Applied via JavaScript enhancement */
.cg-order-status-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Completed Status */
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status,
.order.status-completed .order-status,
.cg-order-status-badge--completed {
    color: var(--wp--preset--color--cg-green-600, #067F38) !important;
}

/* Processing Status */
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
.order.status-processing .order-status,
.cg-order-status-badge--processing {
    color: #92400E !important;
}

/* On-Hold Status */
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
.order.status-on-hold .order-status,
.cg-order-status-badge--on-hold {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73) !important;
}

/* Pending Payment Status */
.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.order.status-pending .order-status,
.cg-order-status-badge--pending {
    color: #92400E !important;
}

/* Cancelled/Failed Status */
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
.order.status-cancelled .order-status,
.order.status-failed .order-status,
.cg-order-status-badge--cancelled,
.cg-order-status-badge--failed {
    color: var(--wp--preset--color--cg-critical, #E5484D) !important;
}

/* Refunded Status */
.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status,
.order.status-refunded .order-status,
.cg-order-status-badge--refunded {
    color: var(--wp--preset--color--cg-neutral-500, #6B7785) !important;
}

/* =============================================================================
   ORDER ACTION BUTTONS
   ============================================================================= */

.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-orders-table__cell-order-actions .woocommerce-button,
.woocommerce-MyAccount-orders .order-actions .button {
    background: var(--wp--preset--color--cg-green-600, #067F38) !important;
    color: var(--wp--preset--color--cg-white, #FFFFFF) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background-color 0.15s ease !important;
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
}

.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-orders-table__cell-order-actions .woocommerce-button:hover,
.woocommerce-MyAccount-orders .order-actions .button:hover {
    background: var(--wp--preset--color--cg-green-700, #056830) !important;
    color: var(--wp--preset--color--cg-white, #FFFFFF) !important;
}

/* Secondary Action Buttons (Pay, Cancel) */
.woocommerce-orders-table__cell-order-actions .button.pay,
.woocommerce-orders-table__cell-order-actions .button.cancel {
    background: var(--wp--preset--color--cg-white, #FFFFFF) !important;
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
    border: 1px solid var(--wp--preset--color--cg-neutral-300, #D4D8DD) !important;
}

.woocommerce-orders-table__cell-order-actions .button.pay:hover,
.woocommerce-orders-table__cell-order-actions .button.cancel:hover {
    background: var(--wp--preset--color--cg-neutral-050, #F6F8FA) !important;
    border-color: var(--wp--preset--color--cg-neutral-400, #A8B0B9) !important;
}

/* =============================================================================
   ORDERS PAGINATION
   ============================================================================= */

.woocommerce-pagination,
.woocommerce-Pagination {
    margin-top: var(--wp--preset--spacing--cg-xl, 24px);
    display: flex;
    gap: 8px;
    justify-content: center;
}

.woocommerce-pagination .button,
.woocommerce-Pagination .button,
.woocommerce-button--previous,
.woocommerce-button--next {
    background: var(--wp--preset--color--cg-white, #FFFFFF) !important;
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
    border: 1px solid var(--wp--preset--color--cg-neutral-300, #D4D8DD) !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.woocommerce-pagination .button:hover,
.woocommerce-Pagination .button:hover,
.woocommerce-button--previous:hover,
.woocommerce-button--next:hover {
    background: var(--wp--preset--color--cg-neutral-050, #F6F8FA) !important;
    border-color: var(--wp--preset--color--cg-neutral-400, #A8B0B9) !important;
}

/* =============================================================================
   MY ACCOUNT NAVIGATION
   ============================================================================= */

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE);
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px;
    color: var(--wp--preset--color--cg-neutral-600, #4A5568) !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
    background: var(--wp--preset--color--cg-neutral-050, #F6F8FA);
    text-decoration: none !important;
}

/* Active Navigation Item */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders.is-active a {
    color: var(--wp--preset--color--cg-green-600, #067F38) !important;
    border-left-color: var(--wp--preset--color--cg-green-600, #067F38) !important;
    background: var(--wp--preset--color--cg-green-050, #E6F5EC);
    font-weight: 600;
}

/* =============================================================================
   MY ACCOUNT CONTENT AREA
   ============================================================================= */

.woocommerce-MyAccount-content {
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* Empty Orders Notice */
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-notice {
    background: var(--wp--preset--color--cg-neutral-050, #F6F8FA) !important;
    border: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE) !important;
    border-left: 4px solid var(--wp--preset--color--cg-green-600, #067F38) !important;
    color: var(--wp--preset--color--cg-ink, #0F1720) !important;
    padding: 16px 20px !important;
    font-size: 14px !important;
    border-radius: 0 !important;
}

.woocommerce-MyAccount-content .woocommerce-message a,
.woocommerce-MyAccount-content .woocommerce-info a,
.woocommerce-MyAccount-content .woocommerce-notice a {
    color: var(--wp--preset--color--cg-blue-700, #1A4A73) !important;
}

/* Error Notice */
.woocommerce-MyAccount-content .woocommerce-error {
    background: #FEF2F2 !important;
    border: 1px solid #FECACA !important;
    border-left: 4px solid var(--wp--preset--color--cg-critical, #E5484D) !important;
}

/* =============================================================================
   RESPONSIVE - MY ACCOUNT ORDERS
   ============================================================================= */

@media (max-width: 768px) {
    /* Stack navigation and content on mobile */
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-MyAccount-navigation {
        margin-bottom: var(--wp--preset--spacing--cg-xl, 24px);
    }

    /* Responsive table */
    .woocommerce-orders-table thead {
        display: none;
    }

    .woocommerce-orders-table tbody tr {
        display: block;
        padding: 16px;
        margin-bottom: 12px;
        border: 1px solid var(--wp--preset--color--cg-neutral-200, #EEEEEE);
    }

    .woocommerce-orders-table tbody td,
    .woocommerce-orders-table tbody th {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0 !important;
        border: none !important;
        border-bottom: 1px solid var(--wp--preset--color--cg-neutral-100, #F0F2F5) !important;
    }

    .woocommerce-orders-table tbody td:last-child,
    .woocommerce-orders-table tbody th:last-child {
        border-bottom: none !important;
    }

    .woocommerce-orders-table tbody td::before,
    .woocommerce-orders-table tbody th::before {
        content: attr(data-title);
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--wp--preset--color--cg-neutral-500, #6B7785);
    }
}


/* ==========================================================================
   Demo Request Widget (Homepage)
   ========================================================================== */
.demo-request-widget {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 48px 24px;
}
.demo-request-title {
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    color: var(--wp--preset--color--cg-ink, #0F1720);
    margin-bottom: 8px;
}
.demo-request-subtitle {
    font-size: 17px;
    color: var(--wp--preset--color--cg-neutral-600, #6B7785);
    margin-bottom: 24px;
}
.demo-request-form {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 12px;
}
.demo-request-email {
    flex: 1;
    max-width: 300px;
    padding: 12px 16px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    font-size: 16px;
}
.demo-request-btn {
    padding: 12px 24px;
    background: var(--wp--preset--color--cg-green-600, #067F38);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.demo-request-btn:hover { background: var(--wp--preset--color--cg-green-700, #056830); }
.demo-request-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.demo-request-privacy {
    font-size: 13px;
    color: var(--wp--preset--color--cg-neutral-500, #8B95A3);
}
.demo-request-success {
    font-size: 17px;
    font-weight: 600;
    color: var(--wp--preset--color--cg-green-600, #067F38);
    padding: 16px;
}
.demo-request-error {
    font-size: 15px;
    color: #DC2626;
    padding: 8px;
}
@media (max-width: 600px) {
    .demo-request-form { flex-direction: column; align-items: center; }
    .demo-request-email { max-width: 100%; width: 100%; }
    .demo-request-btn { width: 100%; }
}