/*
Theme Name:   ORVIK Child (WoodMart)
Theme URI:    https://example.com/
Description:  Child theme for WoodMart. Phase 1: design tokens, minimal "editorial streetwear" polish and helper classes. Colours, fonts, header, footer and content stay editable in WoodMart Theme Settings / Header Builder / your page builder.
Author:       ORVIK
Template:     woodmart
Version:      0.1.0
Text Domain:  orvik-child
*/

/* ==========================================================================
   1. DESIGN TOKENS
   Set the SAME burgundy in WoodMart > Theme Settings > Styles & Colors
   (Primary color) so the theme and these tokens agree. Change values here
   in one place if the brand colour is refined.
   ========================================================================== */
:root {
	--orvik-burgundy:      #6B1E2E;  /* main accent - PLACEHOLDER, confirm brand hex */
	--orvik-burgundy-deep: #4A1421;  /* hover / pressed */
	--orvik-ink:           #111111;
	--orvik-bone:          #F6F2EE;  /* warm off-white section background */
	--orvik-line:          rgba(17, 17, 17, .12);
	--orvik-track:         .12em;    /* letter-spacing for uppercase labels */
}

::selection { background: var(--orvik-burgundy); color: #fff; }

/* ==========================================================================
   2. GLOBAL POLISH (uses WoodMart's own classes, no !important)
   ========================================================================== */

/* Navigation: small, uppercase, widely tracked (Voy-style) */
.wd-nav > li > a,
.whb-header .wd-nav-header > li > a {
	letter-spacing: var(--orvik-track);
	font-size: 12px;
	font-weight: 500;
}

/* Buttons: square, tracked, burgundy on hover */
.btn,
.button,
.single_add_to_cart_button,
button[type="submit"] {
	letter-spacing: var(--orvik-track);
	border-radius: 0;
}
.btn.btn-color-primary:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover {
	background-color: var(--orvik-burgundy-deep);
}

/* Product cards: quiet, uppercase titles, clean prices */
.product-grid-item .wd-entities-title {
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: 13px;
	font-weight: 500;
}
.product-grid-item .price {
	font-size: 14px;
	letter-spacing: .02em;
}
.product-grid-item .price del { opacity: .5; }
.product-grid-item .price ins { text-decoration: none; color: var(--orvik-burgundy); }

/* Sale badge */
.onsale,
.product-label.onsale {
	background-color: var(--orvik-burgundy);
	color: #fff;
	letter-spacing: var(--orvik-track);
	border-radius: 0;
}

/* Gentle image hover on product images */
.product-grid-item .product-image-link img {
	transition: transform .6s ease;
}
.product-grid-item:hover .product-image-link img { transform: scale(1.03); }

/* ==========================================================================
   3. HELPER CLASSES
   Add these in the builder's "Extra class name" / "CSS classes" field.
   Content stays editable; classes only style it.
   ========================================================================== */

/* Small uppercase label above a heading */
.orvik-eyebrow {
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 12px;
	color: var(--orvik-burgundy);
}

/* Warm off-white band for a whole row / section */
.orvik-band { background-color: var(--orvik-bone); }

/* Deep burgundy band (use sparingly, e.g. one statement section) */
.orvik-band-burgundy {
	background-color: var(--orvik-burgundy);
	color: #fff;
	--wd-title-color: #fff;
	--wd-text-color: rgba(255, 255, 255, .85);
}

/* Large statement heading */
.orvik-statement {
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 1.1;
}

/* Category tile: put on a WoodMart Banner / Image element. Caption stays editable text. */
.orvik-tile { overflow: hidden; }
.orvik-tile img { transition: transform .8s ease; }
.orvik-tile:hover img { transform: scale(1.04); }

/* Hero: the supplied hero images are very wide (about 2.7:1).
   On phones keep the left side (where the headline sits) in view. */
.orvik-hero .wd-slide-bg { background-position: 25% center; }
@media (min-width: 769px) {
	.orvik-hero .wd-slide-bg { background-position: center center; }
}

/* ==========================================================================
   4. FOOTER / MISC
   ========================================================================== */
.footer-container a:hover,
.wd-footer a:hover { color: var(--orvik-burgundy); }

@media (prefers-reduced-motion: reduce) {
	.product-grid-item .product-image-link img,
	.orvik-tile img { transition: none; transform: none; }
}

/* ==========================================================================
   5. SECTION SPACING FOR HELPER CLASSES (used by the homepage built in WPBakery)
   ========================================================================== */
.vc_row.orvik-band,
.vc_row.orvik-band-burgundy {
	padding-top: 70px;
	padding-bottom: 70px;
}
.vc_row.orvik-band-burgundy .btn { margin-top: 10px; }
@media (max-width: 768px) {
	.vc_row.orvik-band,
	.vc_row.orvik-band-burgundy { padding-top: 45px; padding-bottom: 45px; }
}

/* ==========================================================================
   6. SITE-WIDE "EDITORIAL STREETWEAR" LOOK (inspired by the Voy layout language)
   White, quiet, uppercase, thin lines, square corners, burgundy accents.
   Selectors are WoodMart/WooCommerce standard classes; review on staging.
   ========================================================================== */
:root { --wd-form-brd-radius: 0px; --wd-brd-radius: 0px; }

h1, h2, h3, .title, .woodmart-title-container { letter-spacing: .04em; }

/* Header */
.whb-general-header { border-bottom: 1px solid var(--orvik-line); }
.whb-sticked .whb-general-header { box-shadow: none; border-bottom: 1px solid var(--orvik-line); }
.wd-header-cart .wd-tools-count,
.wd-header-wishlist .wd-tools-count { background-color: var(--orvik-burgundy); color: #fff; }

/* Page title bar */
.page-title { background-color: var(--orvik-bone); }
.page-title .entry-title,
.page-title h1 { text-transform: uppercase; letter-spacing: .12em; font-size: 22px; font-weight: 500; }
.breadcrumbs a, .woocommerce-breadcrumb a { letter-spacing: var(--orvik-track); }

/* Shop archive */
.wd-shop-tools { border-bottom: 1px solid var(--orvik-line); padding-bottom: 12px; }
.woocommerce-ordering select,
.wd-products-per-page a { letter-spacing: .06em; font-size: 12px; text-transform: uppercase; }
.wd-products-per-page a.per-page-variation.current-variation { color: var(--orvik-burgundy); }
.woocommerce-result-count { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.widget-title, .widgettitle { text-transform: uppercase; letter-spacing: .12em; font-size: 13px; }
.wd-pagination .current, nav[class*="-pagination"] li .current { background-color: var(--orvik-ink); }

/* Single product */
.product_title.entry-title { text-transform: uppercase; letter-spacing: .08em; font-size: 24px; font-weight: 500; }
.summary-inner .price { font-size: 18px; letter-spacing: .02em; }
.summary-inner .price ins { text-decoration: none; color: var(--orvik-burgundy); }
.single_add_to_cart_button { background-color: var(--orvik-ink); color: #fff; min-height: 50px; letter-spacing: var(--orvik-track); }
.single_add_to_cart_button:hover { background-color: var(--orvik-burgundy); color: #fff; }
.variations .wd-swatch,
.variations .wd-swatch.wd-text { border-radius: 0; }
.variations .wd-swatch.wd-active { border-color: var(--orvik-burgundy); }
.woocommerce-tabs .wd-nav-tabs > li > a { text-transform: uppercase; letter-spacing: var(--orvik-track); font-size: 12px; }
.product-tabs-wrapper { border-top: 1px solid var(--orvik-line); }

/* Cart */
.shop_table th { text-transform: uppercase; letter-spacing: var(--orvik-track); font-size: 12px; font-weight: 500; }
.cart_totals .checkout-button,
.wc-proceed-to-checkout .checkout-button { background-color: var(--orvik-ink); color: #fff; min-height: 52px; }
.cart_totals .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:hover { background-color: var(--orvik-burgundy); }
.cart_totals h2, .cart-collaterals h2 { text-transform: uppercase; letter-spacing: var(--orvik-track); font-size: 16px; }

/* Checkout */
form.checkout h3,
#order_review_heading { text-transform: uppercase; letter-spacing: var(--orvik-track); font-size: 16px; }
#place_order { background-color: var(--orvik-ink); color: #fff; width: 100%; min-height: 54px; letter-spacing: var(--orvik-track); }
#place_order:hover { background-color: var(--orvik-burgundy); }
.woocommerce-checkout-review-order-table th { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }

/* My account / login */
.woocommerce-MyAccount-navigation li a { text-transform: uppercase; letter-spacing: var(--orvik-track); font-size: 12px; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--orvik-burgundy); }

/* Footer */
.footer-container { background-color: var(--orvik-bone); border-top: 1px solid var(--orvik-line); }
.footer-container .widget-title,
.footer-container .widgettitle { text-transform: uppercase; letter-spacing: .12em; font-size: 13px; }
.copyrights-wrapper { border-top: 1px solid var(--orvik-line); font-size: 12px; letter-spacing: .06em; }

/* Notices */
.woocommerce-message, .woocommerce-info { border-radius: 0; }