/* =========================================================================
   RUSH CIGARS - SITE SKIN
   Typography, product cards and the shop page.
   Loaded on every page by wp-content/novamira-sandbox/rch-shared-styles.php.
   Palette and page components live in rch.css next to this file.
   ========================================================================= */

:root{
	--rch-font-head:"Archivo","Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	--rch-font-body:"Lora",Georgia,"Times New Roman",serif;
	--rch-cream:#FBF3E0;
	--rch-cream-2:#F5EAD2;
	--rch-ink:#181716;
	--rch-navy:#14213D;
	--rch-gold:#C8A24A;
	--rch-line:#DCCFB2;
	--rch-body:#3A352C;
}

/* ---- 1. TYPOGRAPHY ------------------------------------------------------
   Body copy is set in Lora (serif). Everything structural - headings,
   navigation, buttons, prices, form controls - is Archivo.
   ------------------------------------------------------------------------ */
body{
	font-family:var(--rch-font-body)!important;
	font-size:16px;
	line-height:1.7;
	color:var(--rch-body);
}
h1,h2,h3,h4,h5,h6,
.site-header,.site-header a,.main-navigation,.nav-menu,.nav-menu a,.menu,.menu a,
.button,button,input,select,textarea,.gz-button,.gz-button-text,.gz-button-outline,
.elementor-button,.woocommerce a.button,.woocommerce button.button,
.price,.amount,.woocommerce-Price-amount,
.woocommerce-loop-product__title,.product_title,.product-summary,
.catalog-toolbar,.catalog-toolbar a,.catalog-toolbar span,
.woocommerce-breadcrumb,.site-breadcrumb,
.widget-title,.widgettitle,
.rush-footer h4,.rush-footer-col ul,.rush-footer-bar,.rush-footer-bottom,.rush-contact-list,
.campaign-bar,.header-search__field{
	font-family:var(--rch-font-head)!important;
}
h1,h2,h3,h4,h5,h6{
	color:var(--rch-ink);
	letter-spacing:.01em;
	line-height:1.12;
}
.nav-menu a,.menu a{
	font-weight:600;
	letter-spacing:.02em;
}
.button,button,.gz-button,.woocommerce a.button,.woocommerce button.button{
	font-weight:700;
	letter-spacing:.06em;
}
/* ---- 2. PRODUCT CARDS ---------------------------------------------------
   Applies anywhere WooCommerce renders a product loop: shop, category
   archives, search, related/upsell rows and the homepage carousels.
   ------------------------------------------------------------------------ */
ul.products li.product .product-inner,
.glozin-products-carousel .product-inner,
.products .product-inner{
	background:#fff;
	border:1px solid var(--rch-line);
	border-radius:6px;
	overflow:hidden;
	height:100%;
	display:flex;
	flex-direction:column;
	transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
ul.products li.product .product-inner:hover,
.glozin-products-carousel .product-inner:hover{
	border-color:var(--rch-navy);
	box-shadow:0 10px 26px rgba(20,33,61,.10);
	transform:translateY(-3px);
}
.product-inner .product-thumbnail{
	background:#fff;
	border-radius:0;
	padding:18px;
}
.product-inner .product-thumbnail img{
	mix-blend-mode:multiply;
}
.product-inner .product-summary{
	padding:0 20px 22px;
	margin-top:4px!important;
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
}
.product-inner .woocommerce-loop-product__title{
	font-size:17px!important;
	line-height:1.28;
	font-weight:700;
	letter-spacing:.01em;
	margin:0 0 8px!important;
}
.product-inner .woocommerce-loop-product__title a{
	color:var(--rch-ink);
}
.product-inner .woocommerce-loop-product__title a:hover{
	color:var(--rch-navy);
}
.product-inner .glozin-rating{
	margin-top:2px!important;
	margin-bottom:6px;
}
.product-inner .price,
.product-inner .price .amount{
	font-size:17px;
	font-weight:700;
	color:var(--rch-navy);
}
.product-inner .price{
	margin-top:auto;
	padding-top:6px;
}
/* Badges sit on the white panel, so tone them down to the site palette */
ul.products li.product .product-badges span,
.product-inner .product-badges span{
	background:var(--rch-navy);
	color:var(--rch-cream);
	font-family:var(--rch-font-head);
	font-size:11px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	border-radius:3px;
}
.product-inner .product-loop-button-atc{
	font-family:var(--rch-font-head);
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
}
/* ---- 3. SHOP, CATEGORY AND SEARCH PAGES ---------------------------------
   Cream page ground to match the homepage, plus a cleaner toolbar and
   filter sidebar.
   ------------------------------------------------------------------------ */
body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_brand,
body.tax-product_tag,
body.post-type-archive-product{
	background:var(--rch-cream);
}
body.woocommerce-shop #site-content,
body.tax-product_cat #site-content,
body.tax-product_brand #site-content,
body.tax-product_tag #site-content,
body.post-type-archive-product #site-content{
	background:var(--rch-cream);
	padding-bottom:70px;
}
body.woocommerce-shop #page-header,
body.tax-product_cat #page-header,
body.tax-product_brand #page-header{
	background:var(--rch-cream);
	padding-bottom:6px;
}
body.woocommerce-shop #page-header .page-header__title,
body.tax-product_cat #page-header .page-header__title,
body.tax-product_brand #page-header .page-header__title{
	font-family:var(--rch-font-head)!important;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.02em;
	color:var(--rch-ink);
}

/* Toolbar: result count, view switcher, sort */
.catalog-toolbar{
	background:#fff;
	border:1px solid var(--rch-line);
	border-radius:6px;
	padding:14px 18px!important;
	margin-bottom:26px;
}
.catalog-toolbar__result-count,
.catalog-toolbar__orderby-default span{
	font-size:13px;
	letter-spacing:.04em;
	color:var(--rch-body);
}
.catalog-toolbar__orderby-default-name{
	font-weight:700;
	color:var(--rch-ink)!important;
}
.glozin-toolbar-view .gz-shop-view-item{
	color:#9A9080;
}
.glozin-toolbar-view .gz-shop-view-item.current{
	color:var(--rch-navy);
}
.catalog-toolbar__filter-button{
	font-family:var(--rch-font-head)!important;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	font-size:12px;
}

/* Filter sidebar */
#secondary .widget,
.filter-sidebar-panel .widget,
.catalog-sidebar .widget{
	background:#fff;
	border:1px solid var(--rch-line);
	border-radius:6px;
	padding:22px;
	margin-bottom:18px;
}
#secondary .widget-title,
.filter-sidebar-panel .widget-title,
.catalog-sidebar .widget-title{
	font-family:var(--rch-font-head)!important;
	font-size:13px!important;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--rch-ink);
	margin:0 0 14px;
	padding-bottom:12px;
	border-bottom:1px solid var(--rch-line);
}
#secondary .widget ul li,
.filter-sidebar-panel .widget ul li{
	font-family:var(--rch-font-head)!important;
	font-size:14px;
	line-height:1.5;
}
#secondary .widget ul li a,
.filter-sidebar-panel .widget ul li a{
	color:var(--rch-body);
}
#secondary .widget ul li a:hover,
.filter-sidebar-panel .widget ul li a:hover{
	color:var(--rch-navy);
}
.catalog-toolbar__filters-actived .chip,
.catalog-toolbar__filters-actived a{
	font-family:var(--rch-font-head)!important;
	font-size:12px;
	letter-spacing:.04em;
}

/* Pagination */
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span{
	font-family:var(--rch-font-head)!important;
	font-weight:700;
	border-radius:4px;
}
.woocommerce-pagination .page-numbers li span.current{
	background:var(--rch-navy);
	color:var(--rch-cream);
}

@media (max-width:767px){
	.product-inner .woocommerce-loop-product__title{font-size:15px!important;}
	.product-inner .product-summary{padding:0 14px 16px;}
	.product-inner .product-thumbnail{padding:12px;}
	.catalog-toolbar{padding:10px 12px!important;}
}
/* ---- 4. FILTER SIDEBAR AND BADGES --------------------------------------- */
form.ajax-filter{
	background:#fff;
	border:1px solid var(--rch-line);
	border-radius:6px;
	padding:22px 22px 10px;
}
.products-filter__activated-heading h6{
	font-family:var(--rch-font-head)!important;
	font-size:13px!important;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--rch-ink);
}
.products-filter__activated-heading .reset-button{
	font-family:var(--rch-font-head)!important;
	font-size:12px;
	letter-spacing:.04em;
	color:var(--rch-navy);
}
.products-filter__filter-name,
.products-filter__filter .filter-name{
	font-family:var(--rch-font-head)!important;
	font-size:13px!important;
	font-weight:800!important;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--rch-ink)!important;
}
.products-filter__filter{
	border-color:var(--rch-line)!important;
}
.products-filter__option,
.filter-list-item,
.filter-options li{
	font-family:var(--rch-font-head)!important;
	font-size:14px;
	line-height:1.5;
}
.filter-options li a,
.products-filter__option a{
	color:var(--rch-body);
}
.filter-options li a:hover,
.products-filter__option a:hover,
.filter-options li.active > a{
	color:var(--rch-navy);
}
.products-filter__activated-items .chip,
.products-filter__activated-items a{
	font-family:var(--rch-font-head)!important;
	font-size:12px;
	letter-spacing:.04em;
}

/* Badges */
.woocommerce-badges .woocommerce-badge{
	font-family:var(--rch-font-head)!important;
	font-size:11px!important;
	font-weight:700!important;
	letter-spacing:.08em;
	text-transform:uppercase;
	border-radius:3px!important;
	background:var(--rch-navy)!important;
	color:var(--rch-cream)!important;
	padding:5px 10px!important;
}
.woocommerce-badges .woocommerce-badge.new{
	background:var(--rch-gold)!important;
	color:#14213D!important;
}
.woocommerce-badges .woocommerce-badge.out-of-stock{
	background:#8A7C5F!important;
	color:var(--rch-cream)!important;
}
/* Catch every product loop, including the Glozin carousels which do not
   always sit inside a ul.products wrapper. */
.product-inner{
	background:#fff;
	border:1px solid var(--rch-line);
	border-radius:6px;
	overflow:hidden;
	height:100%;
	display:flex;
	flex-direction:column;
	transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.product-inner:hover{
	border-color:var(--rch-navy);
	box-shadow:0 10px 26px rgba(20,33,61,.10);
	transform:translateY(-3px);
}
/* ---- 5. NO BREADCRUMBS, NO TOP GAP (site-wide) --------------------------
   Breadcrumbs are hidden everywhere, and the strip of empty space the theme
   leaves above page content is removed. Delete this block to bring both back.
   ------------------------------------------------------------------------ */
.site-breadcrumb,
.woocommerce-breadcrumb,
#page-header .site-breadcrumb,
.glozin-breadcrumb-navigation-wrapper{
	display:none!important;
}
#page-header{
	padding-top:0!important;
}
#site-content{
	padding-top:0!important;
	margin-top:0!important;
}
.single-product .product-gallery-summary{
	padding-top:26px;
}

/* ---- 6. PRODUCT CARD TYPE SCALE ----------------------------------------
   Ratings are switched off in the Customizer, so the card is title + price.
   ------------------------------------------------------------------------ */
.product-inner .glozin-rating,
.product-inner .star-rating{
	display:none!important;
}
.product-inner .woocommerce-loop-product__title{
	font-size:20px!important;
	line-height:1.24;
	font-weight:700;
	margin:0 0 10px!important;
}
.product-inner .price,
.product-inner .price .amount,
.product-inner .price bdi,
.product-inner .price ins,
.product-inner .price del{
	font-size:22px!important;
	font-weight:700;
	color:var(--rch-navy);
}
.product-inner .price{
	margin-top:auto;
	padding-top:8px;
	text-align:left;
	display:block;
}
.product-inner .price del,
.product-inner .price del .amount{
	font-size:16px!important;
	color:#9A9080;
	font-weight:500;
}
.product-inner .product-summary{
	align-items:flex-start;
	text-align:left;
}

/* ---- 7. FILTER SIDEBAR: SCROLLING BRAND LIST ---------------------------- */
.products-filter__filter.product_brand .filter-options,
.products-filter__filter.product_cat .filter-options{
	max-height:300px;
	overflow-y:auto;
	padding-right:8px;
	scrollbar-width:thin;
	scrollbar-color:var(--rch-line) transparent;
}
.products-filter__filter.product_brand .filter-options::-webkit-scrollbar,
.products-filter__filter.product_cat .filter-options::-webkit-scrollbar{
	width:6px;
}
.products-filter__filter.product_brand .filter-options::-webkit-scrollbar-thumb,
.products-filter__filter.product_cat .filter-options::-webkit-scrollbar-thumb{
	background:var(--rch-line);
	border-radius:3px;
}
.products-filter__filter.product_brand .filter-options::-webkit-scrollbar-thumb:hover,
.products-filter__filter.product_cat .filter-options::-webkit-scrollbar-thumb:hover{
	background:var(--rch-gold);
}
/* ---- 8. NO PRODUCT REVIEWS ---------------------------------------------
   Reviews are switched off in WooCommerce (Settings > Products > Enable
   reviews). These rules clear anything the theme still prints - the
   "Customer Reviews" block below the product and the empty star rows on the
   sticky add-to-cart bar. Delete this block if reviews are turned back on.
   ------------------------------------------------------------------------ */
#reviews,
#comments,
.woocommerce-Reviews,
.woocommerce-Tabs-panel--reviews,
.glozin-product-reviews,
.product-reviews,
.single-product .comment-respond,
.single-product .star-rating,
.single-product .woocommerce-product-rating,
.glozin-sticky-add-to-cart .star-rating,
.product-sticky-atc .star-rating{
	display:none!important;
}
/* ---- 9. BUTTON RADIUS ---------------------------------------------------
   The theme ships fully rounded (pill) buttons. 8px everywhere instead.
   ------------------------------------------------------------------------ */
.button,
button,
input[type=submit],
.gz-button,
.gz-button-outline,
.gz-button-light,
.glozin-button,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt,
.single_add_to_cart_button,
.product-loop-button-atc,
.checkout-button,
.wc-block-components-button,
.rch-btn,
.rush-newsletter-form button,
.rush-newsletter-form input[type=submit]{
	border-radius:8px!important;
}
/* Inputs and select controls read better matched to the buttons */
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=search],
input[type=number],
textarea,
select,
.select2-container .select2-selection{
	border-radius:8px!important;
}
/* Round icon buttons stay round */
.gz-button-icon,
.glozin-svg-icon,
.rush-social-row a,
.swiper-button-prev,
.swiper-button-next,
.rch-nav button,
.back-to-top,
.gz-back-to-top{
	border-radius:50%!important;
}

/* ---- 10. CART AND CHECKOUT ---------------------------------------------
   Same cream ground and white panels as the rest of the site.
   ------------------------------------------------------------------------ */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account{
	background:var(--rch-cream);
}
body.woocommerce-cart #site-content,
body.woocommerce-checkout #site-content,
body.woocommerce-account #site-content{
	background:var(--rch-cream);
	padding-bottom:70px;
}
body.woocommerce-cart #page-header .page-header__title,
body.woocommerce-checkout #page-header .page-header__title,
body.woocommerce-account #page-header .page-header__title{
	font-family:var(--rch-font-head)!important;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.02em;
	color:var(--rch-ink);
}

/* Cart table and the order/summary panels */
.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.checkout-order-review,
.cart-totals-wrapper,
.glozin-cart-totals{
	background:#fff!important;
	border:1px solid var(--rch-line);
	border-radius:8px;
	padding:26px;
}
.shop_table th,
.cart_totals th,
.woocommerce-checkout-review-order-table th{
	font-family:var(--rch-font-head)!important;
	font-size:12px!important;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--rch-ink);
}
.shop_table td,
.cart_totals td,
.woocommerce-checkout-review-order-table td{
	font-family:var(--rch-font-head)!important;
}
.shop_table,
.cart_totals table,
.woocommerce-checkout-review-order-table{
	border-color:var(--rch-line)!important;
}
.product-name a,
.shop_table .product-name{
	font-weight:700;
	color:var(--rch-ink);
}
.cart_totals h2,
.woocommerce-checkout h3,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.cart-totals-title{
	font-family:var(--rch-font-head)!important;
	font-size:18px!important;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--rch-ink);
}
.checkout-button,
.woocommerce #place_order,
.wc-proceed-to-checkout .button{
	background:var(--rch-navy)!important;
	color:var(--rch-cream)!important;
	font-family:var(--rch-font-head)!important;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	padding:16px 28px!important;
}
.checkout-button:hover,
.woocommerce #place_order:hover,
.wc-proceed-to-checkout .button:hover{
	background:#0d1830!important;
}
.coupon .button,
.woocommerce-cart .actions .button{
	background:var(--rch-ink)!important;
	color:var(--rch-cream)!important;
	font-family:var(--rch-font-head)!important;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.cart-collaterals .cart_totals .order-total .amount,
.woocommerce-checkout-review-order-table .order-total .amount{
	font-family:var(--rch-font-head)!important;
	font-size:22px;
	font-weight:800;
	color:var(--rch-navy);
}
.woocommerce-cart .cross-sells .product-inner,
.woocommerce-cart .up-sells .product-inner{
	background:#fff;
}
/* ---- 11. DESKTOP PAGE PADDING ------------------------------------------
   Breadcrumbs stay off everywhere (section 5). This adds breathing room at
   the top and bottom of the theme-rendered pages on desktop only.

   NOT included, on purpose:
     - the homepage, which opens straight into its full-bleed hero
     - About / FAQ / Contact / the policy pages, which open with their own
       full-width dark heading band and close with a full-width CTA band;
       padding there would put a cream strip above and below those bands
     - the Cigars page, whose first and last sections carry their own padding

   To give one of those pages padding as well, add its selector to the list.
   ------------------------------------------------------------------------ */
@media (min-width:992px){
	body.woocommerce-shop #site-content,
	body.tax-product_cat #site-content,
	body.tax-product_brand #site-content,
	body.tax-product_tag #site-content,
	body.post-type-archive-product #site-content,
	body.single-product #site-content,
	body.woocommerce-cart #site-content,
	body.woocommerce-checkout #site-content,
	body.woocommerce-account #site-content,
	body.blog #site-content,
	body.single-post #site-content,
	body.archive:not(.tax-product_cat):not(.tax-product_brand):not(.tax-product_tag) #site-content,
	body.search #site-content,
	body.error404 #site-content{
		padding-top:48px!important;
		padding-bottom:72px!important;
	}
}

/* ---- 12. RESPONSIVE HERO / HEAD BACKGROUNDS ----------------------------
   The full-size hero file is 2560px wide. Phones and tablets get the smaller
   derivatives instead, which is the single biggest mobile payload saving.
   ------------------------------------------------------------------------ */
@media (max-width:1024px){
	body.home .rch-hero{background-image:url('https://rushcigars.com/wp-content/uploads/2026/09/El-Reloj-Collection-Creative-2-1536x864.webp')!important;}
}
@media (max-width:767px){
	body.home .rch-hero{background-image:url('https://rushcigars.com/wp-content/uploads/2026/09/El-Reloj-Collection-Creative-2-1024x576.webp')!important;}
	.rch-phead--img{background-attachment:scroll;}
}