/*
Theme Name: Pivot Child — Quad A
Theme URI:
Description: Quad A modified Pivot child theme. Carries the Quad A Academy brand (solid black cinematic surfaces, #FF8C00 orange, white headings) directly, hides the Pivot demo header/blog chrome, and keeps a single clean navigation. Rebranding Africa Through Sound.
Author: Quad A Group
Template: pivot
Version: 1.3.8
*/

@import url('../pivot/style.css');

/* =====================================================================
   Quad A brand tokens
   ===================================================================== */
:root {
	--qa-orange: #FF8C00;
	--qa-orange-deep: #E07B00;
	--qa-black: #000000;
	--qa-bg: #000000;
	/* Codex lifted card: white-overlay gradient over the dark panel
	   (approved 2026-07-26 — was a flat #121214 that neutralised the
	   plugin's gradient site-wide). */
	--qa-panel: #18171d;
	--qa-surface: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)), var(--qa-panel);
	--qa-graphite: #2A2A30;
	--qa-mist: #bababa;
	--qa-white: #ffffff;
}

/* =====================================================================
   1. Remove the Pivot demo header (duplicate menu, placeholder address)
      so only the Quad A nav bar remains.
   ===================================================================== */
.nav-container,
.top-bar,
.overlay-bar,
.utility-menu,
.nav-menu .logo,
.mobile-nav,
.off-canvas,
.fullscreen-nav {
	display: none !important;
}

/* =====================================================================
   2. Solid black canvas — every Pivot/WordPress container.
   ===================================================================== */
/* Structural wrappers are TRANSPARENT so the codex ambient body gradient
   shows through (2026-07-26 — they were opaque #000 and covered it).
   transparent !important still defeats the theme's light section stripes. */
.pivot-wrapper, #page, #content, #main,
.site-content, .main-content, .content-area, .site-main,
.main-container, .page-content, .container, .container-fluid,
.row, section, .article-single, .dark-wrapper, .light-wrapper,
.gray-wrapper, .single-wrapper, article, .entry-content,
.hentry, .post, .page, .blog-wrapper {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--qa-mist);
}
/* html stays a solid dark backstop under the body gradient. */
html { background-color: #0a0a0d !important; }

body {
	font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Codex ambient background (approved 2026-07-26): orange radial glow at the
   top-right over a three-stop dark gradient, replacing flat #000. `html body`
   outranks the solid-canvas blanket rule above and any stale cached copy. */
/* body carries WP classes like .page, which the solid-canvas blanket above
   matches at class specificity — body[class] (0,1,1) outranks it. */
html body,
html body[class] {
	background:
		radial-gradient(circle at 82% 0%, rgba(255, 140, 0, .18), transparent 32rem),
		linear-gradient(180deg, #0a0a0d 0%, #101014 42%, #09090b 100%) !important;
	background-attachment: fixed !important;
}

/* =====================================================================
   3. Strip generic blog defaults — sidebars, search, post meta, comments,
      author boxes, and the Pivot demo footer widgets.
   ===================================================================== */
.sidebar, #sidebar, .widget-area, .blog-sidebar,
.post-meta, .entry-meta, .entry-footer, .post-tags, .post-categories,
/* Pivot blog header meta (date · read time) under page/post titles */
.single-quada_program header.title .sub,
.single-quada_course header.title .sub,
.page header.title .sub, header.title .sub.alt-font,
.author-box, .author-details, .author-image, .author-bio, .about-author,
.entry-author, .post-author, .vcard.author,
.post-navigation, .posts-navigation, .comments-area,
#comments, .comment-respond, .related-posts, .share-buttons,
.breadcrumb, .breadcrumbs, .wp-block-search, .widget_search,
.widget_recent_entries, .widget_categories, .widget_archive,
.widget_meta, .wp-block-latest-posts, .wp-block-latest-comments,
.wp-block-tag-cloud, .wp-block-rss,
/* Pivot demo footer widgets */
.footer-container .sidebar-widget,
.footer-container .widget,
.footer-container form[role="search"] {
	display: none !important;
}

/* Remove the Pivot demo footer entirely — the branded qa-footer replaces it. */
.footer-container { display: none !important; }

/* Content takes the full width once the sidebar is gone. */
.col-md-8, .col-md-9, .col-sm-8, .col-sm-9,
.content-column, .main-column {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

/* Remove the Pivot page sidebar (col-sm-3 > .blog-sidebar) and any blog / comments /
   related blocks rendered below the article body, before the footer. */
.blog-sidebar,
.article-single .col-sm-3,
.sidebar-widget,
.comments-area, #comments, .comment-respond,
.related-posts, .post-related, .author-box, .author-details, .author-image,
.post-navigation, .posts-navigation, .nav-links {
	display: none !important;
}
/* The author-bio wrapper collapses to a thin border line once its contents are
   hidden — remove the whole wrapper (kept separate so unsupported :has() can't
   invalidate the rule above). */
div:has(> .author-details) { display: none !important; }
/* The Pivot article body draws a light bottom border — the "white line" above
   the footer on every page. Remove it. */
.article-body, .article-single .article-body { border-bottom: 0 !important; }

/* =====================================================================
   4. Typography & links.
   ===================================================================== */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .widget-title {
	color: var(--qa-white) !important;
	font-family: 'Poppins', 'Inter', sans-serif;
	font-weight: 600;
}
p, li, td, span, label, .entry-content { color: var(--qa-mist); }
a { color: var(--qa-orange); }
a:hover, a:focus { color: var(--qa-orange-deep); }

/* =====================================================================
   5. Footer.
   ===================================================================== */
.footer-container, .site-footer, #colophon, footer, .bottom-bar {
	background: #000 !important;
	color: var(--qa-mist);
	border-top: 1px solid var(--qa-graphite);
}
.footer-container a, footer a { color: var(--qa-mist); }
.footer-container a:hover, footer a:hover { color: var(--qa-orange); }

/* =====================================================================
   6. Theme-level buttons (academy buttons keep their own .quada-btn).
   ===================================================================== */
.btn:not(.quada-btn), .button:not(.quada-btn), input[type="submit"],
.wp-block-button__link {
	background: var(--qa-orange) !important;
	color: #000 !important;
	border-color: var(--qa-orange) !important;
	border-radius: 999px;
	font-weight: 700;
}
.btn:not(.quada-btn):hover, .button:not(.quada-btn):hover, input[type="submit"]:hover {
	background: var(--qa-orange-deep) !important;
	border-color: var(--qa-orange-deep) !important;
}

/* =====================================================================
   7. Give page content room below the fixed Quad A nav bar.
   ===================================================================== */
body { padding-top: 60px !important; }
html, body { overflow-x: hidden; max-width: 100%; }
.main-container, .site-main, #content { padding-top: 24px; }

/* Kill the large empty band the Pivot single-article wrapper adds up top. */
.article-single, .article-single.dark-wrapper { padding-top: 0 !important; margin-top: 0 !important; }
.article-single > .container, .article-single .article-container { padding-top: 0 !important; margin-top: 0 !important; }

/* Let the home-page hero break out to the full viewport width. */
html, body { overflow-x: hidden; }
/* 1) Flatten the theme grid wrappers to a single full-width, centred column so the
   hero's calc(50% - 50vw) breakout lands edge-to-edge (no off-centre clipping/sliver). */
.home #content, .home .main-container, .home .article-single, .home .article-body,
.home .entry-content, .home .container, .home .row, .home .col-sm-9, .home .col-md-9 {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow: visible !important;
}
/* 2) Re-contain the landing content as a centred max-width box; the hero (a direct
   child) still breaks out full-bleed, while the other sections keep their gutters. */
.home .quada-landing {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 28px;
	padding-right: 28px;
	overflow: visible !important;
}
/* =====================================================================
   Quad-A: WooCommerce pages (account / cart / checkout / order) styled to
   match the site DARK theme — dark panels, light text, orange accents and
   readable form fields. Covers both classic WooCommerce markup and the new
   block checkout/cart (wc-block-* components). Logo + block-alignment fixes
   follow this block.
   ===================================================================== */
:root{
	--qa-wc-bg:#0f0f13; --qa-wc-panel:#16161c; --qa-wc-field:#22222c;
	--qa-wc-border:transparent; --qa-wc-field-border:transparent;
	--qa-wc-text:#e7e7ec; --qa-wc-muted:#a9adb8; --qa-wc-accent:#FF8C00;
}
/* Content card = dark panel on the black canvas. */
body.woocommerce-page .article-body{
	background:var(--qa-wc-panel) !important; border:1px solid var(--qa-wc-border) !important;
	border-radius:14px; padding:30px 32px !important; box-shadow:0 10px 34px rgba(0,0,0,.55);
}
/* Body / table / label / block text -> light. */
body.woocommerce-page, body.woocommerce-page p, body.woocommerce-page li,
body.woocommerce-page dt, body.woocommerce-page dd, body.woocommerce-page td, body.woocommerce-page th,
body.woocommerce-page label, body.woocommerce-page legend, body.woocommerce-page span:not(.quada-badge),
body.woocommerce-page .woocommerce-MyAccount-content,
body.woocommerce-page .wc-block-components-text-input label,
body.woocommerce-page .wc-block-components-totals-item__label,
body.woocommerce-page .wc-block-components-totals-item__value,
body.woocommerce-page .wc-block-components-order-summary-item__description{ color:var(--qa-wc-text) !important; }
body.woocommerce-page h1, body.woocommerce-page h2, body.woocommerce-page h3,
body.woocommerce-page h4, body.woocommerce-page strong,
body.woocommerce-page .wc-block-components-title,
body.woocommerce-page .wc-block-components-checkout-step__title{ color:#ffffff !important; }
body.woocommerce-page .wc-block-components-checkout-step__description,
body.woocommerce-page .description, body.woocommerce-page small{ color:var(--qa-wc-muted) !important; }
/* Links + prices in brand orange. */
body.woocommerce-page a:not(.button):not(.quada-btn):not(.qa-devnav__brand):not(.qa-footer__nav a):not(.wc-block-components-button){ color:var(--qa-wc-accent) !important; }
body.woocommerce-page .woocommerce-Price-amount,
body.woocommerce-page .order-total .amount,
body.woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ color:var(--qa-wc-accent) !important; }
/* Form fields — classic + block. */
body.woocommerce-page input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
body.woocommerce-page select, body.woocommerce-page textarea,
body.woocommerce-page .wc-block-components-text-input input,
body.woocommerce-page .wc-block-components-textarea,
body.woocommerce-page .wc-block-components-combobox-input,
body.woocommerce-page .wc-block-components-select__select{
	background:var(--qa-wc-field) !important; color:var(--qa-wc-text) !important;
	border:1px solid var(--qa-wc-field-border) !important; border-radius:8px !important;
}
body.woocommerce-page .wc-block-components-text-input label{ color:var(--qa-wc-muted) !important; }
body.woocommerce-page input:focus, body.woocommerce-page select:focus, body.woocommerce-page textarea:focus{ border-color:var(--qa-wc-accent) !important; outline:none; }
/* Kill Chrome's light autofill background — keep filled fields dark. */
body.woocommerce-page input:-webkit-autofill,
body.woocommerce-page input:-webkit-autofill:hover,
body.woocommerce-page input:-webkit-autofill:focus,
body.woocommerce-page select:-webkit-autofill,
body.woocommerce-page textarea:-webkit-autofill{
	-webkit-text-fill-color:var(--qa-wc-text) !important;
	-webkit-box-shadow:0 0 0 1000px var(--qa-wc-field) inset !important;
	box-shadow:0 0 0 1000px var(--qa-wc-field) inset !important;
	caret-color:var(--qa-wc-text) !important; border-color:transparent !important;
}
/* Dropdowns: render the native options popup in DARK (color-scheme), give the
   value room for the chevron, and make a real visible orange chevron. */
body.woocommerce-page select,
body.woocommerce-page .wc-block-components-combobox-input{
	color-scheme:dark; -webkit-appearance:none; appearance:none;
	min-height:52px; line-height:1.3; padding-right:40px !important; cursor:pointer;
}
/* Block selects ship an SVG chevron whose fill was near-black (invisible on
   dark) — recolour it and give it presence. */
body.woocommerce-page .wc-blocks-components-select__expand{ fill:var(--qa-wc-accent) !important; opacity:1 !important; right:14px !important; }
/* Classic / native selects (no SVG) get a CSS chevron of their own. */
body.woocommerce-page select:not(.wc-blocks-components-select__select){
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF8C00'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important; background-position:right 12px center !important; background-size:22px !important;
}
/* Text areas: comfortable height, padding, vertical resize, dark caret. */
body.woocommerce-page textarea,
body.woocommerce-page .wc-block-components-textarea{
	min-height:120px !important; padding:13px 15px !important; line-height:1.55;
	resize:vertical; color-scheme:dark;
}
/* Consistent orange focus glow across inputs, selects and text areas. */
body.woocommerce-page input:focus,
body.woocommerce-page select:focus,
body.woocommerce-page textarea:focus,
body.woocommerce-page .wc-block-components-textarea:focus,
body.woocommerce-page .wc-block-components-text-input:focus-within{
	border-color:var(--qa-wc-accent) !important;
	box-shadow:0 0 0 3px rgba(255,140,0,.18) !important; outline:none;
}
/* Panels: order summary, coupons, payment box, cart/account/order tables. */
body.woocommerce-page .wp-block-woocommerce-checkout-order-summary-block,
body.woocommerce-page .wc-block-components-panel,
body.woocommerce-page #payment, body.woocommerce-page .cart_totals,
body.woocommerce-page table.shop_table,
body.woocommerce-page ul.order_details{
	background:var(--qa-wc-bg) !important; border:1px solid var(--qa-wc-border) !important; border-radius:12px;
}
/* Inset the order-summary panel content so prices/totals don't hug the edges. */
body.woocommerce-page .wp-block-woocommerce-checkout-order-summary-block{ padding:22px 26px !important; }
body.woocommerce-page .wc-block-components-order-summary{ padding-left:0 !important; padding-right:0 !important; }
body.woocommerce-page .cart_totals,
body.woocommerce-page ul.order_details{ padding:22px 26px !important; }
body.woocommerce-page table.shop_table td, body.woocommerce-page table.shop_table th,
body.woocommerce-page .wc-block-components-totals-item,
body.woocommerce-page .wc-block-components-checkout-step{ border-color:var(--qa-wc-border) !important; }
/* Tables: no white backgrounds anywhere (cart items header, orders, downloads,
   order details) — everything stays on the dark surface. */
body.woocommerce-page table,
body.woocommerce-page table thead,
body.woocommerce-page table tbody,
body.woocommerce-page table tfoot,
body.woocommerce-page table tr,
body.woocommerce-page table th,
body.woocommerce-page table td,
body.woocommerce-page .wc-block-cart-items,
body.woocommerce-page .wc-block-cart-items__header,
body.woocommerce-page .wc-block-cart-items__header th{
	background:transparent !important; color:var(--qa-wc-text) !important;
}
/* Table header row: muted label text + a subtle divider instead of a white fill. */
body.woocommerce-page .wc-block-cart-items__header,
body.woocommerce-page .wc-block-cart-items__header th,
body.woocommerce-page table.shop_table thead th,
body.woocommerce-page .woocommerce-orders-table thead th,
body.woocommerce-page .woocommerce-table thead th{
	color:var(--qa-wc-muted) !important; border-bottom:1px solid rgba(255,255,255,.08) !important;
}
/* Kill the remaining light borders/outlines WooCommerce blocks draw of their own
   accord (saved-address card, step dividers, panels) — these are the leftover
   "white" lines. Brand-coloured accents (orange/red notices) are left intact. */
body.woocommerce-page .wc-block-components-address-card,
body.woocommerce-page .wc-block-components-address-card__edit,
body.woocommerce-page .wc-block-checkout__main,
body.woocommerce-page .wc-block-components-sidebar,
body.woocommerce-page .wc-block-components-sidebar-layout,
body.woocommerce-page .wc-block-checkout__billing-fields,
body.woocommerce-page .wc-block-checkout__shipping-fields,
body.woocommerce-page .wc-block-components-checkout-step{ border-color:transparent !important; }
/* The saved billing-address summary keeps a filled panel (just no white edge),
   so it stays distinct from the section background. */
body.woocommerce-page .wc-block-components-address-card{ background:var(--qa-wc-field) !important; border:1px solid transparent !important; border-radius:10px !important; padding:16px 18px !important; }
/* Payment methods / radio options. */
body.woocommerce-page .wc-block-components-radio-control__option,
body.woocommerce-page #payment ul.payment_methods li{
	background:var(--qa-wc-field) !important; border:1px solid var(--qa-wc-border) !important;
	border-radius:8px; color:var(--qa-wc-text) !important;
}
/* Selected option: WooCommerce draws a grey (white-ish) inset ring around the
   chosen method — swap it for a subtle brand-orange ring; others carry none. */
body.woocommerce-page .wc-block-components-radio-control-accordion-option{ box-shadow:none !important; }
body.woocommerce-page .wc-block-components-radio-control-accordion-option:has(input:checked){ box-shadow:0 0 0 1.5px var(--qa-wc-accent) inset !important; border-radius:8px; }
/* ---- Breathing room: space out congested text, no boxed-in borders ---- */
/* Relaxed line-height for body copy. */
body.woocommerce-page, body.woocommerce-page p, body.woocommerce-page li,
body.woocommerce-page td, body.woocommerce-page label,
body.woocommerce-page .wc-block-components-checkout-step__description{ line-height:1.7 !important; }
/* Roomier content card. */
body.woocommerce-page .article-body{ padding:40px 44px !important; }
/* Separate the major checkout steps and let headings breathe. */
body.woocommerce-page .wc-block-components-checkout-step{ margin-bottom:34px !important; }
body.woocommerce-page .wc-block-components-checkout-step__title,
body.woocommerce-page .wc-block-components-title{ margin-bottom:16px !important; letter-spacing:.2px; }
body.woocommerce-page .wc-block-components-checkout-step__description{ margin-bottom:18px !important; }
/* Gap between form / address fields. */
body.woocommerce-page .wc-block-components-text-input,
body.woocommerce-page .wc-block-components-combobox,
body.woocommerce-page p.form-row{ margin-bottom:18px !important; }
/* Space the payment options apart instead of bunching them. */
body.woocommerce-page .wc-block-components-radio-control{ display:flex; flex-direction:column; gap:12px; }
body.woocommerce-page .wc-block-components-radio-control__option,
body.woocommerce-page #payment ul.payment_methods li{ margin-bottom:12px !important; padding:16px 18px !important; }
/* Keep the label (and its description) clear of the absolutely-placed radio. */
body.woocommerce-page .wc-block-components-radio-control__label,
body.woocommerce-page .wc-block-components-radio-control__description{ padding-left:34px !important; }
/* Order summary: space name / price / description; drop the boxed thumbnail border. */
body.woocommerce-page .wc-block-components-order-summary-item{ padding:14px 0 !important; }
body.woocommerce-page .wc-block-components-order-summary-item__description{ margin-top:6px !important; }
body.woocommerce-page .wc-block-components-order-summary-item__image,
body.woocommerce-page .wc-block-components-order-summary-item__image img,
body.woocommerce-page .wc-block-components-order-summary-item img{ border:0 !important; box-shadow:none !important; border-radius:8px; }
/* Totals rows: a little vertical air. */
body.woocommerce-page .wc-block-components-totals-item{ padding:10px 0 !important; }
/* Buttons: match the academy .quada-btn — orange pill, bold black text,
   lift + deepen on hover (classic + block place-order). */
body.woocommerce-page .button,
body.woocommerce-page #place_order,
body.woocommerce-page .wc-block-components-button,
body.woocommerce-page button.wc-block-components-checkout-place-order-button{
	background:var(--qa-wc-accent) !important; color:#0E0E10 !important;
	border:none !important; border-radius:999px !important;
	padding:15px 36px !important; min-height:54px;
	font-weight:700 !important; font-size:16px !important; line-height:1.1 !important; letter-spacing:.02em;
	display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px;
	box-shadow:0 8px 22px rgba(255,140,0,.28) !important; cursor:pointer; text-transform:none !important;
	transition:background .16s ease, transform .12s ease, box-shadow .16s ease;
}
body.woocommerce-page .button:hover,
body.woocommerce-page #place_order:hover,
body.woocommerce-page .wc-block-components-button:hover,
body.woocommerce-page button.wc-block-components-checkout-place-order-button:hover{
	background:var(--qa-orange-deep) !important; color:#0E0E10 !important;
	transform:translateY(-1px); box-shadow:0 12px 28px rgba(255,140,0,.42) !important;
}
body.woocommerce-page .button:active,
body.woocommerce-page #place_order:active,
body.woocommerce-page .wc-block-components-button:active{ transform:translateY(0); box-shadow:0 6px 16px rgba(255,140,0,.30) !important; }
body.woocommerce-page .wc-block-components-button .wc-block-components-button__text{ color:#0E0E10 !important; font-weight:700 !important; }
/* The checkout place-order button fills its column as a centred pill. */
body.woocommerce-page button.wc-block-components-checkout-place-order-button,
body.woocommerce-page .wc-block-checkout__actions_row .wc-block-components-button{ width:100% !important; }
/* Small ghost-style buttons (e.g. View cart / secondary) on dark. */
body.woocommerce-page .wc-block-components-button.wc-block-components-button--secondary,
body.woocommerce-page a.button.wc-forward:not(#place_order){
	background:transparent !important; color:var(--qa-wc-accent) !important;
	border:1px solid var(--qa-wc-accent) !important; box-shadow:none !important;
}
body.woocommerce-page .wc-block-components-button.wc-block-components-button--secondary:hover,
body.woocommerce-page a.button.wc-forward:not(#place_order):hover{ background:var(--qa-wc-accent) !important; color:#0E0E10 !important; }
/* ---- Cart page: remove icon on the right, tidy coupons, proportional Apply ---- */
/* Move the trash/remove control to the right of the line item instead of
   stacking it under the product info. */
body.woocommerce-page .wc-block-cart-items__row{ position:relative; }
body.woocommerce-page .wc-block-cart-item__total{ padding-right:42px !important; }
body.woocommerce-page .wc-block-cart-item__remove-link{
	position:absolute !important; top:50% !important; right:2px !important; left:auto !important;
	transform:translateY(-50%); margin:0 !important; padding:6px !important; line-height:0;
}
/* "Add coupons" toggle: comfortable vertical spacing. */
body.woocommerce-page .wc-block-components-totals-coupon .wc-block-components-panel__button{
	padding:16px 2px !important; font-size:15px !important; font-weight:600 !important; gap:8px;
}
/* Coupon form: input + a proportional Apply button on one row. */
body.woocommerce-page .wc-block-components-totals-coupon__content{ padding-bottom:10px; }
body.woocommerce-page .wc-block-components-totals-coupon__form{
	display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
	gap:10px !important; align-items:stretch !important;
}
body.woocommerce-page .wc-block-components-totals-coupon__input{ flex:1 1 auto !important; min-width:0 !important; margin:0 !important; }
body.woocommerce-page .wc-block-components-totals-coupon__form button,
body.woocommerce-page .wc-block-components-totals-coupon__button{
	flex:0 0 auto !important; width:auto !important; align-self:stretch !important;
	min-height:48px !important; height:auto !important; padding:0 22px !important;
	font-size:14px !important; border-radius:8px !important; box-shadow:none !important;
}
/* Notices in a dark amber tone. */
body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-message,
body.woocommerce-page .wc-block-components-notice-banner{
	background:#211a10 !important; color:#ffd9a8 !important; border-left:3px solid var(--qa-wc-accent) !important;
}
/* Action buttons/links inside notices ("View cart", "Continue shopping") must
   always show their label — keep readable text, never an empty pill. */
body.woocommerce-page .woocommerce-info a.button,
body.woocommerce-page .woocommerce-message a.button,
body.woocommerce-page .woocommerce-error a.button,
body.woocommerce-page .wc-block-components-notice-banner a,
body.woocommerce-page .wc-block-components-notice-banner .wc-forward{
	color:var(--qa-wc-accent) !important; background:transparent !important;
	border:1px solid var(--qa-wc-accent) !important; -webkit-text-fill-color:var(--qa-wc-accent) !important;
}
/* My-account navigation (dark). */
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0 0 22px; padding:0; display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--qa-wc-border); }
.woocommerce-account .woocommerce-MyAccount-navigation li a{ display:block; padding:10px 16px; font-weight:600; color:var(--qa-wc-text) !important; border-radius:8px 8px 0 0; text-decoration:none; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:not(.button):not(.quada-btn):not(.is-x):not(.is-y),
body.woocommerce-account .woocommerce-MyAccount-navigation li a:not(.button):not(.quada-btn):not(.is-x):not(.is-y):hover{ background:var(--qa-wc-accent) !important; color:#0E0E10 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content{ float:none; width:100%; }
@media (min-width:783px){
	.woocommerce-account .woocommerce-MyAccount-navigation{ width:24%; float:left; }
	.woocommerce-account .woocommerce-MyAccount-content{ width:72%; float:right; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul{ display:block; border-bottom:none; }
	.woocommerce-account .woocommerce-MyAccount-navigation li a{ border-radius:8px; }
}
/* Keep the fixed nav + footer brand logos small everywhere (beats WC img{height:auto}). */
.qa-devnav__logo{ height:54px !important; width:auto !important; max-height:54px !important; }
.qa-footer__brand img{ height:46px !important; width:auto !important; max-height:46px !important; }
/* WooCommerce Checkout/Cart BLOCKS: WordPress gives "align-wide" blocks a
   max-width:900px + negative side margins (margin:0 -125px) breakout, which
   here shifts the block left and clips the form. Pin it to fill the card. */
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-page .wc-block-checkout,
body.woocommerce-page .wc-block-cart{
	margin-left:0 !important;
	margin-right:0 !important;
	max-width:100% !important;
	width:100% !important;
}
/* Healthy two-column proportions inside the now full-width block. */
body.woocommerce-page .wc-block-checkout__main{ flex:1 1 auto !important; max-width:none !important; }
body.woocommerce-page .wc-block-checkout__sidebar{ flex:0 0 360px !important; }