/*
 * Reseller Hat — Reference Design System
 * Visual-only system inspired by the approved mobile reference.
 * Does not alter WooCommerce/account/order/payment logic.
 */
:root{
  --rhat-ref-navy:#073b68;
  --rhat-ref-navy-2:#0d5f9d;
  --rhat-ref-orange:#f47b16;
  --rhat-ref-gold:#ffb63e;
  --rhat-ref-ink:#123a62;
  --rhat-ref-muted:#64758a;
  --rhat-ref-bg:#f6f9fc;
  --rhat-ref-line:#e3ebf3;
  --rhat-ref-radius:22px;
  --rhat-ref-shadow:0 14px 40px rgba(7,59,104,.09);
}

/* Global canvas and typography */
html{background:#f6f9fc}
body{background:#f6f9fc;color:var(--rhat-ref-ink)}
a{color:var(--rhat-ref-navy-2)}
a:hover{color:var(--rhat-ref-orange)}
button,input,select,textarea{font-family:inherit}
.button,.button.primary,.button.secondary,button[type=submit],input[type=submit]{border-radius:14px!important;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.button.primary,button[type=submit],input[type=submit]{background:linear-gradient(135deg,var(--rhat-ref-navy),var(--rhat-ref-navy-2))!important;border-color:var(--rhat-ref-navy)!important;color:#fff!important;box-shadow:0 10px 24px rgba(7,59,104,.18)!important}
.button.primary:hover,button[type=submit]:hover,input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,59,104,.23)!important}
.button.secondary{background:#fff!important;border:1.5px solid rgba(7,59,104,.24)!important;color:var(--rhat-ref-navy)!important}
.button.secondary:hover{border-color:var(--rhat-ref-orange)!important;color:var(--rhat-ref-orange)!important;transform:translateY(-2px)}

/* Theme header: keep the approved mobile header language site-wide. */
#header .header-main,#header .header-bottom{border-color:rgba(7,59,104,.08)!important}
#header .header-main{background:#fff!important;box-shadow:0 4px 18px rgba(7,59,104,.06)}
#header .header-bottom{background:var(--rhat-ref-navy)!important}
#header .header-bottom a{color:#fff!important}
#header .header-bottom a:hover{color:#ffd38a!important}

/* Generic page shells */
.page-wrapper,.shop-page,.category-page,.single-product,.woocommerce-cart,.woocommerce-checkout,.woocommerce-account{background:var(--rhat-ref-bg)}
.page-header-wrapper,.shop-page .page-title{background:linear-gradient(135deg,#fff 0%,#edf5fc 72%,#fff7ed 100%);border-bottom:1px solid var(--rhat-ref-line)}
.page-header-wrapper .page-title-inner{padding-top:38px;padding-bottom:38px}
.page-header-wrapper h1,.shop-page .page-title h1{color:var(--rhat-ref-navy);font-weight:900}

/* WooCommerce catalogue */
ul.products li.product .box,.products .product-small .box{background:#fff;border:1px solid var(--rhat-ref-line);border-radius:18px;overflow:hidden;box-shadow:0 9px 28px rgba(7,59,104,.06)}
ul.products li.product .box-image,.products .product-small .box-image{background:#f7faff}
ul.products li.product .box-text,.products .product-small .box-text{padding:13px!important}
ul.products li.product .product-title,.products .product-small .product-title{color:var(--rhat-ref-ink);font-weight:800;line-height:1.45}
ul.products li.product .price,.products .product-small .price{color:var(--rhat-ref-navy-2);font-weight:900}
ul.products li.product .button{border-radius:11px!important}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{color:var(--rhat-ref-muted);font-size:12px}
.woocommerce-ordering select,.woocommerce .variations select{border:1px solid #d8e3ed;border-radius:12px;background:#fff;color:var(--rhat-ref-ink)}

/* Category archive */
.woocommerce .term-description,.rhat-category-page-shell,.rhat-categories-page{background:#fff;border:1px solid var(--rhat-ref-line);border-radius:var(--rhat-ref-radius);box-shadow:var(--rhat-ref-shadow)}

/* Single product */
.single-product div.product{background:#fff;border:1px solid var(--rhat-ref-line);border-radius:24px;box-shadow:var(--rhat-ref-shadow);padding:20px}
.single-product div.product .product-title{color:var(--rhat-ref-navy);font-weight:900}
.single-product div.product .price{color:var(--rhat-ref-navy-2);font-weight:900}
.single-product div.product form.cart .quantity .qty,.single-product div.product form.cart select{border:1px solid #d8e3ed;border-radius:12px!important}
.single-product .product_meta{color:var(--rhat-ref-muted)}
.woocommerce-tabs{margin-top:24px;background:#fff;border:1px solid var(--rhat-ref-line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(7,59,104,.05)}

/* Cart / checkout: visual language only */
.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.rhat-mcw-checkout,.woocommerce form.checkout{background:#fff;border:1px solid var(--rhat-ref-line);border-radius:20px;box-shadow:0 10px 30px rgba(7,59,104,.06)}
.woocommerce-cart-form{padding:16px}
.cart_totals,.woocommerce-checkout-review-order{padding:18px}
.woocommerce table.shop_table{border-color:var(--rhat-ref-line);border-radius:14px;overflow:hidden}
.woocommerce table.shop_table th{color:var(--rhat-ref-navy);font-weight:900}
.woocommerce table.shop_table td{border-color:#edf2f6}
.woocommerce form .form-row label{color:var(--rhat-ref-ink);font-weight:800}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.rhat-mcw-checkout input,.rhat-mcw-checkout select,.rhat-mcw-checkout textarea{border:1px solid #d8e3ed!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus,.rhat-mcw-checkout input:focus,.rhat-mcw-checkout select:focus,.rhat-mcw-checkout textarea:focus{border-color:#7da6c7!important;box-shadow:0 0 0 3px rgba(13,95,157,.08)!important}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-radius:14px;border-top-color:var(--rhat-ref-orange)!important;background:#fff;box-shadow:0 8px 24px rgba(7,59,104,.05)}

/* Account and native Reseller Hat pages */
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content,
.rhat-native-shell,.rhat-my-orders,.rhn-profile-card,.rhn-edit-profile,.rhn-complaint,.rht-verify-card,.rht-rating-card{
  border:1px solid var(--rhat-ref-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 34px rgba(7,59,104,.07)!important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{color:var(--rhat-ref-ink);font-weight:800;border-radius:11px}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:rgba(7,59,104,.07);color:var(--rhat-ref-navy)}
.rhat-native-hero{background:linear-gradient(135deg,var(--rhat-ref-navy),#0d5f9d 65%,#f47b16)!important;border-radius:0 0 26px 26px}
.rhat-native-main{background:var(--rhat-ref-bg)!important}
.rhat-native-footer{background:var(--rhat-ref-navy)!important}

/* Forms and cards used by reseller/trust systems */
.rhat-reseller-details,.rhat-business-section,.rhat-business-path-card,.rhat-steps div,.rhat-verified-reseller-card,
.rhat-checkout-business-summary,.rhat-checkout-selling-field{border-color:var(--rhat-ref-line)!important;border-radius:18px!important}
.rhat-reseller-details,.rhat-checkout-business-summary{background:#fff!important;box-shadow:0 10px 28px rgba(7,59,104,.06)}

/* Blog/content cards */
.post-item,.box-blog-post,.article-inner{border-color:var(--rhat-ref-line)}
.entry-title,.post-title{color:var(--rhat-ref-navy);font-weight:900}
.entry-content h2,.entry-content h3,.page-content h2,.page-content h3{color:var(--rhat-ref-navy);font-weight:900}

/* Footer — full site */
#footer{background:linear-gradient(180deg,#eef5fb 0%,#e6eff7 100%);color:var(--rhat-ref-ink);border-top:1px solid #dce7f0}
#footer .footer-widgets{padding-top:42px;padding-bottom:30px}
#footer .widget{color:#52667c}
#footer .widget-title{color:var(--rhat-ref-navy);font-weight:900;letter-spacing:.2px}
#footer .widget a{color:#536a82}
#footer .widget a:hover{color:var(--rhat-ref-orange)}
#footer .is-divider{background:linear-gradient(90deg,var(--rhat-ref-orange),var(--rhat-ref-gold));height:2px}
#footer .absolute-footer{background:var(--rhat-ref-navy);color:rgba(255,255,255,.78);border:0}
#footer .absolute-footer a{color:#fff}
#footer .absolute-footer a:hover{color:#ffd18a}

/* Mobile bottom navigation: reference style, no active tint except notification. */
.rhat-mobile-bottom-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid rgba(7,59,104,.10)!important;box-shadow:0 -10px 32px rgba(7,59,104,.13)!important}
.rhat-mobile-bottom-nav__item.is-active:not(.rhat-mobile-bottom-nav__item--featured){background:transparent!important;color:#5d6878!important}
.rhat-mobile-bottom-nav__item:not(.rhat-mobile-bottom-nav__item--featured):hover{color:var(--rhat-ref-navy)!important}
.rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{background:linear-gradient(145deg,#ffb12e,#f47b16)!important;box-shadow:0 10px 26px rgba(244,123,22,.32)!important}

/* Homepage sections — make the reference visual language consistent everywhere. */
.rhat-home{background:linear-gradient(180deg,#fff 0%,#f7fafd 45%,#fff 100%);color:var(--rhat-ref-ink)}
.rhat-home .rhat-hero{background:linear-gradient(135deg,#fff 0%,#f1f8fd 56%,#fff5e9 100%)!important;color:var(--rhat-ref-ink)!important;border-bottom:1px solid #e5edf4!important}
.rhat-home .rhat-hero h1,.rhat-home .rhat-hero h1 strong{color:var(--rhat-ref-navy)!important}
.rhat-home .rhat-hero .rhat-hero-orange-word{color:#ed5b16!important}
.rhat-home .rhat-hero p{color:#53677d!important;opacity:1!important}
.rhat-home .rhat-eyebrow,.rhat-home .rhat-kicker{color:#e46a13!important;opacity:1!important}
.rhat-home .rhat-quick-card{background:linear-gradient(145deg,#fff,#f8fbfd)!important;border:1px solid #e2ebf3!important;box-shadow:0 14px 34px rgba(7,59,104,.08)!important;border-radius:20px!important}
.rhat-home .rhat-quick-card b{color:var(--rhat-ref-navy)!important}
.rhat-home .rhat-quick-card small{color:#68798c!important}
.rhat-home .rhat-section-head h2,.rhat-home .rhat-category-heading h2{color:var(--rhat-ref-navy)!important;font-weight:900}
.rhat-home .rhat-section-head p,.rhat-home .rhat-category-heading p{color:#697b8f!important;opacity:1!important}
.rhat-home .rhat-section-head>a{border:1px solid rgba(244,123,22,.55);border-radius:999px;padding:8px 14px;color:var(--rhat-ref-navy-2)!important;background:#fff}
.rhat-home .rhat-trust-strip{background:#fff!important;border-top:1px solid #e5edf4!important;border-bottom:1px solid #e5edf4!important}
.rhat-home .rhat-trust-strip b{color:var(--rhat-ref-navy)!important}
.rhat-home .rhat-trust-strip span{color:#68798c!important}
.rhat-home .rhat-main-category-card,.rhat-home .rhat-section .product-small{border-color:#e2ebf3!important;box-shadow:0 12px 30px rgba(7,59,104,.07)!important}
.rhat-home .rhat-business-section{background:linear-gradient(135deg,#fff,#eef6fc)!important;border-color:#dfe9f2!important}
.rhat-home .rhat-business-heading h2,.rhat-home .rhat-trust-section h2,.rhat-home .rhat-why h2,.rhat-home .rhat-blog h2{color:var(--rhat-ref-navy)!important}
.rhat-home .rhat-trust-section{background:linear-gradient(135deg,#f2f8fd,#fffaf3)!important}
.rhat-home .rhat-why-grid>div,.rhat-home .rhat-blog .post-item,.rhat-home .rhat-blog .box-blog-post,.rhat-home .rhat-blog .post{background:#fff!important;border-color:#e2ebf3!important;box-shadow:0 12px 32px rgba(7,59,104,.06)!important}
.rhat-home .rhat-final-cta{background:linear-gradient(135deg,var(--rhat-ref-navy),#0d5f9d 68%,#f47b16)!important}

@media(max-width:849px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  #footer{padding-bottom:74px}
  .page-header-wrapper .page-title-inner{padding:25px 12px}
  .page-header-wrapper h1,.shop-page .page-title h1{font-size:25px}
  .single-product div.product{border-radius:18px;padding:12px}
  .woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.rhat-mcw-checkout,.woocommerce form.checkout{border-radius:17px}
  #footer .footer-widgets{padding:30px 12px 20px}
  #footer .widget{margin-bottom:20px}
  .rhat-home .rhat-hero{border-radius:0 0 26px 26px}
  .rhat-home .rhat-quick-card{border-radius:16px!important}
}

@media(max-width:390px){
  .rhat-home .rhat-section-head h2,.rhat-home .rhat-category-heading h2{font-size:21px!important}
  .rhat-home .rhat-section-head>a{font-size:9px;padding:7px 10px}
  .rhat-home .rhat-quick-card b{font-size:11px!important}
  .rhat-home .rhat-quick-card small{font-size:8.5px!important}
}