:root {
    --liquidmaster-header-offset: 189px;
}

#content {
    min-height: 38.7dvh;
}

/* ── Global header offset for all pages ── */
body .site-main,
.liquidmaster-content-shell,
.liquidmaster-shop-shell,
.liquidmaster-shop-shell--single-product {
    margin-top: var(--liquidmaster-header-offset);
}

@media (max-width: 1200px) {
    :root {
        --liquidmaster-header-offset: 165px;
    }

    .liquidmaster-shop-shell:has(.liquidmaster-mobile-shop-header){
        margin-top: calc(var(--liquidmaster-header-offset) - 52px);
    }
}

@media (max-width: 768px) {
    :root {
        --liquidmaster-header-offset: 154px;
    }
}

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    letter-spacing: var(--letter-spacing-base);
    text-transform: var(--text-transform-base);
    font-weight: var(--font-weight-base);
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-main);
}

body,
body p,
body li,
body label,
body input,
body textarea,
body select,
body button,
body .entry-content,
body .entry-content p,
body .entry-content li,
body .entry-content span,
body .woocommerce,
body .woocommerce p,
body .woocommerce li {
    font-family: var(--font-main);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .entry-title,
body .page-title,
body .wp-block-heading,
body .liquidmaster-section__heading,
body .liquidmaster-page-hero__title {
    color: var(--text-color);
    text-transform: var(--text-transform-heading);
    text-box-trim: trim-end;
    margin-top: 0;
    position: relative;
}

body p,
body li,
body label,
body .entry-content p,
body .entry-content li,
body .entry-content span {
    color: var(--text-color-soft);
}

body button{
    text-transform: uppercase;
}

body .site,
body .site-content,
body .content-area,
body .inside-article,
body .entry-content,
body .archive-container,
body .single-page-container {
    color: var(--text-color);
}

body .site-content,
body .content-area,
body .inside-article,
body .archive-container,
body .single-page-container {
    background:
        radial-gradient(circle at top right, rgba(144, 20, 223, 0.12), transparent 30%),
        radial-gradient(circle at top left, rgba(77, 106, 177, 0.12), transparent 26%),
        var(--bg-color);
}

a,
a:visited {
    color: var(--link-color);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--link-hover-color);
}

input,
select,
textarea {
    background-color: var(--input-bg);
    color: var(--input-text);
    border: var(--input-border);
    border-radius: var(--radius-field);
    transition: border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base), color var(--transition-base);
}

input::placeholder,
textarea::placeholder {
    color: rgba(245, 245, 255, 0.55);
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--border-color-focus);
    box-shadow: var(--focus-ring);
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.wp-element-button {
    background-color: var(--button-bg);
    color: var(--button-text);
    border: 0;
    border-radius: var(--radius-field);
    cursor: pointer;
    padding: 8px 16px;
    position: relative;
    display: block;
    transition: background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
.wp-element-button:hover {
    background-color: #7a10c0;
}

button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.button:focus-visible,
.wp-element-button:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}

.container,
.inside-header,
.inside-navigation,
.inside-top-bar,
.content-area,
.liquidmaster-container,
.liquidmaster-shell__container,
.liquidmaster-section__container,
.liquidmaster-page-hero__container,
.liquidmaster-footer__container,
.liquidmaster-header__container {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding-left: var(--layout-gutter);
    padding-right: var(--layout-gutter);
    box-sizing: border-box;
}

.liquidmaster-page-wrap {
    min-width: 0;
}

.liquidmaster-section {
    position: relative;
    padding: var(--section-space) 0;
}

.liquidmaster-section--compact,
.liquidmaster-rich-section {
    padding: 0;
}

.liquidmaster-section__eyebrow,
.liquidmaster-page-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--cluster-gap);
    padding: var(--space-2xs) var(--space-sm);
    border-radius: var(--radius-pill);
    background: var(--surface-panel);
    border: var(--border-subtle);
    color: var(--text-muted);
    font-size: .82rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    width: max-content !important;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.liquidmaster-section__heading:after {
    content: '';
    display: block;
    border-radius: var(--radius-panel);
    background: var(--surface-panel);
    position: absolute;
    top: 0;
    left: 0;
    right: -30px;
    height: 100%;
    z-index: -1;
    transform: scaleY(1.2) translateX(-3%);
}

a.added_to_cart.wc-forward {
    display: none;
}

.liquidmaster-section__lead,
.liquidmaster-page-hero__subtitle {
    margin: 0;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    font-weight: 400;
    line-height: 1.45;
    color: var(--text-muted);
}

.liquidmaster-page-hero__subtitle p,
.liquidmaster-page-hero__subtitle > * {
    margin: 0;
}

.liquidmaster-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.liquidmaster-button,
.liquidmaster-button:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cluster-gap);
    min-height: 48px;
    padding: 0 var(--space-2xl);
    border-radius: var(--radius-field);
    border: 1px solid transparent;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--button-text);
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--shadow-button);
    box-sizing: border-box;
    transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);
}

.liquidmaster-button:hover,
.liquidmaster-button:focus-visible {
    color: var(--button-text);
    transform: translateY(-2px);
    box-shadow: var(--shadow-button-hover);
}

.liquidmaster-button--ghost,
.liquidmaster-button--ghost:visited {
    background: var(--surface-subtle);
    border-color: var(--border-color-strong);
    color: var(--text-color);
    box-shadow: none;
}

.liquidmaster-button--ghost:hover,
.liquidmaster-button--ghost:focus-visible {
    background: var(--surface-panel-hover);
    border-color: var(--border-color-hover);
}

.liquidmaster-grid {
    display: grid;
    gap: var(--space-2xl);
}

.liquidmaster-card {
    position: relative;
    background: var(--surface-card-soft);
    border: var(--border-default);
    border-radius: var(--radius-panel);
    box-shadow: var(--shadow-2);
    overflow: hidden;
}

.liquidmaster-card__content {
    padding: var(--card-padding);
}

.liquidmaster-page-showcase,
.liquidmaster-rich-panel,
.liquidmaster-rich-card {
    position: relative;
    border-radius: var(--radius-shell);
    border: var(--border-soft);
    background:
        radial-gradient(circle at top right, rgba(144, 20, 223, 0.12), transparent 32%),
        radial-gradient(circle at bottom left, rgba(77, 106, 177, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow: var(--shadow-panel);
}

.liquidmaster-page-showcase::before,
.liquidmaster-rich-panel::before,
.liquidmaster-rich-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 34%);
    pointer-events: none;
    border-radius: var(--radius-shell);
}

.liquidmaster-page-showcase__copy,
.liquidmaster-page-showcase__stack,
.liquidmaster-rich-stack,
.liquidmaster-contact-layout__stack {
    display: grid;
    gap: calc(var(--space-lg) * 1.38);
    align-content: start;
}

.liquidmaster-page-showcase__copy,
.liquidmaster-page-showcase__stack,
.liquidmaster-rich-panel,
.liquidmaster-rich-card {
    z-index: 1;
}

.liquidmaster-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-control);
}

.liquidmaster-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--cluster-gap);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-pill);
    background: var(--surface-panel);
    border: var(--border-subtle);
    color: var(--text-color);
    font-weight: 600;
}

.liquidmaster-load-more {
    display: flex;
    justify-content: center;
}

.liquidmaster-load-more__button {
    min-width: 240px;
    width: 100%;
}

.liquidmaster-load-more__button[disabled] {
    opacity: 0.7;
    transform: none;
    cursor: wait;
}

.liquidmaster-icon-bullet {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-field);
    background: var(--surface-accent-soft);
    border: var(--border-subtle);
    color: var(--button-text);
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 640px) {
    .liquidmaster-card__content {
        padding: var(--space-2xl);
    }
}

span.woocommerce-Price-currencySymbol {
    text-transform: none !important;
}

/* ── Complianz: hide floating manage-consent button ── */
button.cmplz-btn.cmplz-manage-consent {
    display: none !important;
}