/*!
 * veilis-store.css — kube.veilis.com store adapter. Maps the WooCommerce/Astra
 * surface onto the shared Veilis brand (veilis-brand.css). Layout-thin: brand
 * tokens + components do the heavy lifting; this only adapts the store DOM.
 * Version: 0.2.0
 */

/* ---- theme-less landing (front_template echoes its own doc, body.vbrand) ---- */
body.vbrand{margin:0;background:#fff}
.vbrand .vl-hero{margin:0}
.vbrand .vl-cards{max-width:var(--wrap);margin:0 auto}
/* "Most popular" feature card lift on the middle plan */
.vbrand .vl-card--feature{transform:translateY(-6px)}
@media(max-width:900px){.vbrand .vl-card--feature{transform:none}}

/* ---- Astra/WooCommerce pages (checkout, cart, account, my-site) ---- */
/* Brand the whole store WP: Rubik + ink headings + blue links. */
body.woocommerce-page,
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-cart,
.woocommerce,
.woocommerce-page{font-family:'Rubik',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.woocommerce h1,.woocommerce h2,.woocommerce h3,.woocommerce-checkout h1,.woocommerce-checkout h3,
.entry-title,.woocommerce-account h2{color:var(--ink);font-weight:600}
.woocommerce a,.woocommerce-page a{color:var(--blue)}
.woocommerce a:hover{color:var(--blue-d)}

/* Buttons -> brand solid blue (matches .vl-btn--solid). */
.woocommerce #respond input#submit,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #place_order,
.wp-block-button__link,
button[type="submit"].button{
	background:var(--blue);color:#fff;border:0;border-radius:8px;font-weight:600;
	padding:13px 26px;transition:.2s;text-shadow:none;box-shadow:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce #place_order:hover{background:var(--blue-d);color:#fff}
.woocommerce #place_order{width:100%;font-size:16px;padding:15px 26px}

/* Form inputs -> brand rounded. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce form .form-row select,
.woocommerce-checkout #customer_details input,
.woocommerce-checkout .veilis-site-fields input{
	border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-size:15px;background:#fff}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-checkout input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px rgba(12,113,195,.12)}

/* Checkout section headings + order/totals accents. */
.woocommerce-checkout h3,.woocommerce-checkout #order_review_heading{color:var(--ink)}
.woocommerce-checkout #payment{background:var(--alt);border-radius:14px;border:1px solid var(--line)}
.woocommerce table.shop_table{border-radius:12px}
.woocommerce-info,.woocommerce-message{border-top-color:var(--blue)}
.woocommerce-message{border-top-color:var(--green)}

/* "Your new site" provisioning block — make it a branded card on checkout. */
.veilis-site-fields,.veilis-new-site{background:var(--alt);border:1px solid var(--line);border-radius:14px;padding:22px 22px 6px}

/* Account / my-site pages: tidy headings + tables. */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color:var(--blue)}
.woocommerce-MyAccount-content a.button{display:inline-block}

/* Drop the "Powered by Astra" footer credit + tighten footer. */
.ast-small-footer,.site-footer .ast-footer-copyright{font-size:12.5px;color:#8493a1}
.site-footer [href*="wpastra.com"]{display:none}