/* Mascot Inc. — brand layer for WooCommerce / Woostify (product, cart, checkout, account, shop) */
@import url("https://api.fontshare.com/v2/css?f[]=clash-display@500,600,700&f[]=general-sans@400,500,600&display=swap");

:root{
  --m-ink:#0A0C10; --m-orange:#F2890E; --m-amber:#F7A12B; --m-green:#13BE6D;
  --m-paper:#F6F7F5; --m-line:#E6E8E4; --m-muted:#5a6058; --m-radius:16px;
}

/* ---------- Type ---------- */
body, .woocommerce, .woocommerce-page{ font-family:'General Sans',-apple-system,BlinkMacSystemFont,sans-serif; color:var(--m-ink); }
h1,h2,h3,h4,h5,.product_title,.woocommerce-loop-product__title,.cart_totals h2,.woocommerce-column__title,.woocommerce-order-details__title,.woocommerce-checkout h3,#order_review_heading{
  font-family:'Clash Display',sans-serif !important; letter-spacing:-.02em; }
.product_title.entry-title{ font-weight:600; font-size:clamp(26px,3.2vw,40px); }

/* ---------- Buttons ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #respond input#submit,
.wc-block-components-button, .single_add_to_cart_button, #place_order, .checkout-button, .wp-element-button{
  font-family:'General Sans',sans-serif !important; font-weight:600 !important;
  background:linear-gradient(180deg,var(--m-amber),var(--m-orange)) !important; color:#1a1207 !important;
  border:none !important; border-radius:100px !important; padding:14px 28px !important;
  box-shadow:0 8px 24px -6px rgba(242,137,14,.45) !important; transition:transform .25s ease, box-shadow .25s ease !important; text-transform:none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .single_add_to_cart_button:hover, #place_order:hover, .checkout-button:hover, .wp-element-button:hover{
  transform:translateY(-2px) !important; box-shadow:0 14px 34px -8px rgba(242,137,14,.55) !important; color:#1a1207 !important;
}
.woocommerce a.button.alt.disabled, .woocommerce button:disabled{ opacity:.55 !important; }
/* ghost / secondary */
.woocommerce a.button.wc-backward, .woocommerce .cart .button:not(.checkout-button){
  background:#fff !important; color:var(--m-ink) !important; border:1px solid var(--m-line) !important; box-shadow:none !important;
}

/* ---------- Prices ---------- */
.woocommerce-Price-amount, .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
  font-family:'Clash Display',sans-serif; font-weight:600; color:var(--m-ink); }
.woocommerce div.product p.price, .woocommerce div.product span.price{ font-size:26px; }
.woocommerce div.product p.price del, .price del{ color:#a9ada5; font-weight:400; }
.woocommerce div.product p.price ins, .price ins{ color:var(--m-orange); text-decoration:none; }
.onsale{ background:var(--m-orange) !important; color:#1a1207 !important; border-radius:100px !important; font-weight:700 !important; min-height:auto !important; min-width:auto !important; padding:5px 12px !important; line-height:1 !important; }

/* ---------- Links & accents ---------- */
.woocommerce a:not(.button):hover{ color:var(--m-orange); }
.star-rating span::before, .woocommerce .star-rating span::before{ color:var(--m-amber); }

/* ---------- Shop loop cards ---------- */
.woocommerce ul.products li.product, ul.products li.product{
  background:#fff; border:1px solid var(--m-line); border-radius:20px; padding:16px !important; box-shadow:0 10px 30px -20px rgba(0,0,0,.2); transition:transform .3s ease, box-shadow .3s ease; }
.woocommerce ul.products li.product:hover{ transform:translateY(-6px); box-shadow:0 22px 46px -22px rgba(0,0,0,.3); }
.woocommerce ul.products li.product img{ border-radius:12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:15px; font-weight:600; padding:.5em 0 .2em; }

/* ---------- Single product ---------- */
.single-product div.product{ }
.single-product .woocommerce-product-gallery{ border-radius:var(--m-radius); }
.single-product .woocommerce-product-gallery__wrapper img{ border-radius:var(--m-radius); }
.woocommerce div.product form.cart .quantity .qty{ border:1px solid var(--m-line); border-radius:100px; padding:10px 12px; height:auto; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border-radius:100px 100px 0 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#fff; border-color:var(--m-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--m-orange); }
table.variations td, table.variations th{ padding:8px 6px; }
.woocommerce div.product form.cart .variations select{ border:1px solid var(--m-line); border-radius:100px; padding:10px 16px; background:#fff; }

/* ---------- Forms (checkout / account) ---------- */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-checkout input.input-text,
.woocommerce .select2-container--default .select2-selection--single, .woocommerce form .form-row .select2-selection,
.woocommerce-account input.input-text, select, .wc-block-components-text-input input{
  border:1px solid var(--m-line) !important; border-radius:12px !important; padding:13px 16px !important; font-family:inherit !important; font-size:15px !important; background:#fff !important; outline:none !important; box-shadow:none !important; height:auto !important;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce-checkout input.input-text:focus, select:focus{
  border-color:var(--m-orange) !important; box-shadow:0 0 0 4px rgba(242,137,14,.16) !important;
}

/* ---------- Cart & checkout panels ---------- */
.woocommerce-cart table.cart, .woocommerce table.shop_table, .cart_totals table, #order_review{
  border-radius:var(--m-radius); overflow:hidden; border:1px solid var(--m-line) !important; background:#fff; }
.woocommerce table.shop_table th{ font-family:'Clash Display',sans-serif; }
.cart-collaterals .cart_totals, .woocommerce-checkout #order_review, .woocommerce-checkout #customer_details{
  background:#fff; border-radius:var(--m-radius); }
.woocommerce-checkout #payment{ background:var(--m-paper) !important; border-radius:var(--m-radius); }
.woocommerce-checkout #payment ul.payment_methods{ border-bottom:1px solid var(--m-line); }
.select2-dropdown, .select2-container--default .select2-results__option--highlighted[aria-selected]{ }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:var(--m-orange) !important; }

/* ---------- Notices ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, .wc-block-components-notice-banner{
  border-radius:12px !important; border-top:none !important; font-family:inherit; }
.woocommerce-message{ border-left:4px solid var(--m-green) !important; background:rgba(19,190,109,.08) !important; }
.woocommerce-message::before, .woocommerce-info::before{ color:var(--m-orange) !important; }
.woocommerce-info{ border-left:4px solid var(--m-orange) !important; background:rgba(242,137,14,.08) !important; }

/* ---------- My account ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{ border-radius:var(--m-radius); overflow:hidden; border:1px solid var(--m-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--m-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{ background:var(--m-ink); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ color:#fff; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{ padding:14px 18px; display:block; }

/* ---------- Breadcrumb ---------- */
.woocommerce-breadcrumb{ color:var(--m-muted); }
.woocommerce-breadcrumb a:hover{ color:var(--m-orange); }

/* ================= Woostify HEADER ================= */
#masthead.site-header, .site-header.header-layout-1, .woostify-sticky-header, .is-sticky #masthead{
  background:var(--m-ink) !important; border-bottom:1px solid rgba(255,255,255,.1) !important; }
.site-branding .site-title a{ font-family:'Clash Display',sans-serif !important; font-weight:700 !important; color:#fff !important; letter-spacing:-.5px; font-size:20px; text-transform:none; }
.site-branding .site-title a::after{ content:"."; color:var(--m-orange); }
.site-branding .site-description{ display:none !important; }
.main-navigation .primary-navigation > li > a, #masthead .primary-navigation a, .main-navigation a{
  color:rgba(255,255,255,.85) !important; font-family:'General Sans',sans-serif; font-weight:500; }
.main-navigation .primary-navigation > li > a:hover,
.main-navigation .current-menu-item > a, .main-navigation .current_page_item > a{ color:#fff !important; }
.main-navigation .current-menu-item > a .menu-item-text, .main-navigation .current_page_item > a .menu-item-text{
  box-shadow:inset 0 -2px 0 var(--m-orange); }
.main-navigation ul ul{ background:#0f131b !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:14px !important; overflow:hidden; }
.main-navigation ul ul a{ color:rgba(255,255,255,.8) !important; }
.main-navigation ul ul a:hover{ background:rgba(255,255,255,.06) !important; color:#fff !important; }
.site-tools, .site-tools a, .site-tools .tools-icon, .site-tools .woostify-svg-icon{ color:#fff !important; }
.site-tools svg, .site-tools svg path{ fill:currentColor !important; }
.woostify-cart-count, .site-tools .count, .header-cart-count, .woostify-mini-cart-counter{ background:var(--m-orange) !important; color:#1a1207 !important; border:none !important; }
.toggle-sidebar-menu-btn span, .woostify-icon-bar span{ background:#fff !important; }

/* ================= Woostify FOOTER ================= */
#colophon.site-footer, .site-footer{ background:var(--m-ink) !important; color:rgba(255,255,255,.62) !important; }
.site-footer .widget-title, .site-footer h6.widget-title, .site-footer .footer-widget .widget-title{
  font-family:'Clash Display',sans-serif !important; color:#fff !important; text-transform:uppercase; letter-spacing:1.2px; font-size:13px; }
.site-footer p, .site-footer .textwidget, .site-footer li, .site-footer span{ color:rgba(255,255,255,.62) !important; }
.site-footer a{ color:rgba(255,255,255,.82) !important; }
.site-footer a:hover{ color:var(--m-amber) !important; }
.site-footer .footer-widget ul li{ border:none !important; }
.site-info, .woostify-footer-bottom, .site-footer .site-info{ background:var(--m-ink) !important; color:rgba(255,255,255,.5) !important; border-top:1px solid rgba(255,255,255,.1) !important; }
.site-info a{ color:var(--m-amber) !important; }