/* === Custom overrides (safe sandbox) === */
/* Put all one-off tweaks here so you never touch colors.css/typography.css */

/* Example: make product cards a bit softer */
ul.products li.product, .woocommerce ul.products li.product {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

/* === Header / Navigation polish === */

/* Header background + spacing */
.site-header {
  background: #FFFFFF; /* white header */
  border-bottom: 1px solid #F5F7FA; /* subtle divider */
}
.site-header .site-branding {
  padding: 10px 0;
}

/* Primary nav links */
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  color: #1C2B39; /* deep navy */
  font-weight: 600;
  padding: 14px 14px;
  transition: color .15s ease, background-color .15s ease, transform .08s ease;
}

/* Hover/active states */
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover {
  color: #00AEEF; /* royal blue hover */
  background: rgba(0, 174, 239, 0.06);
  text-decoration: none;
}

.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current-menu-item > a {
  color: #00AEEF;
  border-bottom: 2px solid #00AEEF;
}

/* Dropdown menus */
.main-navigation ul ul {
  border: 1px solid #F5F7FA;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.main-navigation ul ul li a {
  padding: 10px 14px;
  color: #1C2B39;
}
.main-navigation ul ul li a:hover {
  background: rgba(0, 174, 239, 0.06);
  color: #00AEEF;
}

/* Mobile menu toggle (hamburger) */
.menu-toggle {
  background: transparent;
  color: #1C2B39;
  border: 1px solid #F5F7FA;
  padding: 10px 12px;
  border-radius: 10px;
  transition: background-color .15s ease, color .15s ease;
}
.menu-toggle:hover {
  background: rgba(0, 174, 239, 0.06);
  color: #00AEEF;
}

/* Mobile menu panel */
@media (max-width: 768px) {
  .main-navigation.toggled .menu-primary-container,
  .main-navigation.toggled .menu {
    background: #FFFFFF;
    border-top: 1px solid #F5F7FA;
    padding: 8px 0;
  }
  .main-navigation.toggled .menu > li > a {
    padding: 12px 18px;
  }
}

/* Header CTA button example (if you add one via menu or widget) */
.header-cta a,
.main-navigation .menu > li a.button {
  background-color: #00AEEF;
  color: #FFFFFF !important;
  border-radius: 10px;
  padding: 10px 14px;
}
.header-cta a:hover,
.main-navigation .menu > li a.button:hover {
  background-color: #0088C2;
}

/* === WooCommerce Checkout Form Styling === */

.woocommerce form.checkout,
.woocommerce form.checkout_coupon,
.woocommerce form.login {
  background: #FFFFFF;
  border: 1px solid #F5F7FA;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0,0,0,.03);
}

.woocommerce form .form-row label {
  font-weight: 600;
  color: #1C2B39;
  margin-bottom: 6px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1px solid #D9DEE3;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: #00AEEF;
  box-shadow: 0 0 0 2px rgba(0, 174, 239, 0.2);
  outline: none;
}

.woocommerce-checkout-review-order-table {
  border: 1px solid #F5F7FA;
  border-radius: 10px;
  overflow: hidden;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 12px;
}

.woocommerce #payment {
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #F5F7FA;
  padding: 20px;
}

.woocommerce #payment div.payment_box {
  background: rgba(0, 174, 239, 0.06);
  border-radius: 8px;
  padding: 10px;
}

.woocommerce #payment div.payment_box::before {
  border-bottom-color: rgba(0, 174, 239, 0.06);
}

.woocommerce-checkout button.button.alt {
  background-color: #00AEEF;
  color: #FFFFFF;
  border-radius: 10px;
  font-weight: 600;
  padding: 14px 20px;
}
.woocommerce-checkout button.button.alt:hover {
  background-color: #0088C2;
}


/* === WooCommerce Checkout polish === */

/* Form labels & help text */
.woocommerce-checkout label {
  color: #1C2B39; /* deep navy */
  font-weight: 600;
}
.woocommerce form .form-row .required {
  color: #F7941D; /* orange asterisk */
}

/* Inputs */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-cart input.input-text,
.woocommerce-cart textarea,
.woocommerce-cart select {
  background: #FFFFFF;
  border: 1px solid #E6EBF1;
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-cart input.input-text:focus,
.woocommerce-cart textarea:focus,
.woocommerce-cart select:focus {
  border-color: #00AEEF; /* blue */
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,174,239,.15);
}

/* Invalid fields */
.woocommerce form .form-row.woocommerce-invalid .select2-selection,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid textarea {
  border-color: #F7941D; /* orange for error */
  box-shadow: 0 0 0 3px rgba(247,148,29,.15);
}

/* Order review table */
.woocommerce-checkout-review-order-table,
.shop_table.woocommerce-checkout-review-order-table {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  overflow: hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 12px 14px;
}
.woocommerce table.shop_table thead th {
  background: #F5F7FA;
  color: #1C2B39;
  font-weight: 700;
}

/* Coupon area */
.woocommerce-form-coupon-toggle .woocommerce-info {
  border-top-color: #1C2B39;
}
.woocommerce-form-coupon input.input-text {
  border-radius: 10px 0 0 10px;
}
.woocommerce-form-coupon .button {
  border-radius: 0 10px 10px 0;
}

/* Payment methods */
.woocommerce-checkout #payment {
  background: #FFFFFF;
  border: 1px solid #E6EBF1;
  border-radius: 12px;
}
.woocommerce-checkout #payment .wc_payment_methods li {
  border-bottom: 1px solid #F5F7FA;
}
.woocommerce-checkout #payment .payment_box {
  background: rgba(0,174,239,.06);
  border-radius: 10px;
}

/* Place order button */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background-color: #00AEEF;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 700;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  background-color: #0088C2;
}

/* Notices */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-radius: 10px;
}



/* === WooCommerce My Account polish === */

/* General account wrapper */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #FFFFFF;
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  padding: 20px;
}

/* Navigation menu */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #F5F7FA;
}
.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 12px 14px;
  color: #1C2B39;
  font-weight: 600;
  transition: background-color .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  color: #00AEEF;
  background: rgba(0,174,239,0.06);
}

/* Headings */
.woocommerce-account h2,
.woocommerce-account h3 {
  color: #1C2B39;
  font-weight: 700;
}

/* Forms */
.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select {
  background: #FFFFFF;
  border: 1px solid #E6EBF1;
  border-radius: 10px;
  padding: 10px 12px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-account input.input-text:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
  border-color: #00AEEF;
  box-shadow: 0 0 0 3px rgba(0,174,239,.15);
  outline: none;
}

/* Buttons */
.woocommerce-account .button {
  background-color: #00AEEF;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 600;
}
.woocommerce-account .button:hover {
  background-color: #0088C2;
}

/* Order tables */
.woocommerce-account table.my_account_orders {
  border: 1px solid #E6EBF1;
  border-radius: 10px;
  overflow: hidden;
}
.woocommerce-account table.my_account_orders th {
  background: #F5F7FA;
  color: #1C2B39;
  font-weight: 700;
}
.woocommerce-account table.my_account_orders td,
.woocommerce-account table.my_account_orders th {
  padding: 10px 12px;
}

/* Notices */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
  border-radius: 10px;
}



/* === WooCommerce My Account (login/register/dashboard) === */

/* General headings & spacing */
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  color: #1C2B39; /* Deep Navy */
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 700;
}

/* Login/Register wrapper */
.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2,
.woocommerce-form-login,
.woocommerce-form-register {
  background: #FFFFFF;
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  padding: 18px 18px 20px;
}

/* Inputs */
.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select {
  background: #FFFFFF;
  border: 1px solid #E6EBF1;
  border-radius: 10px;
  padding: 10px 12px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-account input.input-text:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
  border-color: #00AEEF; /* blue */
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,174,239,.15);
}

/* Buttons */
.woocommerce-account .button,
.woocommerce-MyAccount-content .button {
  background-color: #00AEEF;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 600;
}
.woocommerce-account .button:hover,
.woocommerce-MyAccount-content .button:hover {
  background-color: #0088C2;
}

/* Notices within account pages */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
  border-radius: 10px;
}

/* Navigation (My Account side menu / tabs) */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  overflow: hidden;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 14px;
  color: #1C2B39;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: rgba(0, 174, 239, 0.06);
  color: #00AEEF;
}
.woocommerce-MyAccount-navigation li.is-active a {
  color: #00AEEF;
  border-left: 3px solid #00AEEF;
  background: rgba(0, 174, 239, 0.06);
}

/* Tables (Orders, Downloads, Addresses) */
.woocommerce-account table.shop_table {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  overflow: hidden;
}
.woocommerce-account table.shop_table th {
  background: #F5F7FA;
  color: #1C2B39;
  font-weight: 700;
}
.woocommerce-account table.shop_table td,
.woocommerce-account table.shop_table th {
  padding: 12px 14px;
}

/* Addresses edit forms */
.woocommerce-account .edit-account fieldset,
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  padding: 14px 14px 16px;
}

/* Password strength meter */
.woocommerce-password-strength {
  border-radius: 8px;
}

/* Download links */
.woocommerce-MyAccount-content .woocommerce-MyAccount-downloads-file,
.woocommerce-MyAccount-content a.woocommerce-MyAccount-downloads-file {
  color: #00AEEF;
}
.woocommerce-MyAccount-content .woocommerce-MyAccount-downloads-file:hover,
.woocommerce-MyAccount-content a.woocommerce-MyAccount-downloads-file:hover {
  color: #F7941D;
  text-decoration: underline;
}



/* === WooCommerce Cart Page === */

/* Cart table */
.woocommerce-cart table.shop_table {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  overflow: hidden;
}
.woocommerce-cart table.shop_table th {
  background: #F5F7FA;
  color: #1C2B39;
  font-weight: 700;
}
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th {
  padding: 12px 14px;
}

/* Product remove link */
.woocommerce-cart a.remove {
  color: #F7941D !important;
  font-size: 18px;
}
.woocommerce-cart a.remove:hover {
  color: #d96f00 !important;
}

/* Coupon input */
.woocommerce-cart .coupon .input-text {
  border-radius: 10px 0 0 10px;
  border: 1px solid #E6EBF1;
  padding: 10px;
}
.woocommerce-cart .coupon .button {
  border-radius: 0 10px 10px 0;
}

/* Update cart button */
.woocommerce-cart .actions .button {
  background-color: #00AEEF;
  color: #FFFFFF;
  border-radius: 10px;
}
.woocommerce-cart .actions .button:hover {
  background-color: #0088C2;
}

/* Cart totals */
.cart_totals {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  padding: 16px;
}
.cart_totals h2 {
  color: #1C2B39;
}
.cart_totals .button {
  background-color: #00AEEF;
  color: #FFFFFF;
  border-radius: 10px;
}
.cart_totals .button:hover {
  background-color: #0088C2;
}

/* === WooCommerce Product Page === */

/* Price styling */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #1C2B39;
  font-size: 1.4em;
  font-weight: 700;
}

/* Add to cart button */
.woocommerce div.product form.cart .button {
  background-color: #00AEEF;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 600;
}
.woocommerce div.product form.cart .button:hover {
  background-color: #0088C2;
}

/* Quantity input */
.woocommerce div.product form.cart div.quantity input.qty {
  border-radius: 10px;
  border: 1px solid #E6EBF1;
  padding: 8px;
  width: 70px;
}

/* Product tabs */
.woocommerce-tabs ul.tabs {
  border-bottom: 1px solid #E6EBF1;
}
.woocommerce-tabs ul.tabs li {
  background: #F5F7FA;
  border-radius: 10px 10px 0 0;
}
.woocommerce-tabs ul.tabs li.active {
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.woocommerce-tabs ul.tabs li a {
  color: #1C2B39;
  padding: 10px 14px;
}
.woocommerce-tabs ul.tabs li a:hover {
  color: #00AEEF;
}

/* Related products */
.related.products h2 {
  color: #1C2B39;
}
.related.products ul.products li.product .button {
  background-color: #00AEEF;
  color: #FFFFFF;
  border-radius: 10px;
}
.related.products ul.products li.product .button:hover {
  background-color: #0088C2;
}



/* === Product Page polish === */

/* Breadcrumbs */
.woocommerce-breadcrumb {
  font-size: 14px;
  color: #A9B0B8;
}
.woocommerce-breadcrumb a {
  color: #00AEEF;
}
.woocommerce-breadcrumb a:hover {
  color: #F7941D;
  text-decoration: underline;
}

/* Product title & price */
.product_title.entry-title {
  color: #1C2B39;
  font-weight: 700;
}
.single-product .entry-summary .price {
  color: #1C2B39; /* keep price legible; accent happens on buttons */
  font-weight: 700;
}

/* Rating stars */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: #F7941D; /* orange stars */
}

/* Quantity & variations */
.woocommerce .quantity .qty {
  border: 1px solid #E6EBF1;
  border-radius: 10px;
  padding: 10px 12px;
}
.variations_form .variations select {
  border: 1px solid #E6EBF1;
  border-radius: 10px;
  padding: 8px 10px;
}

/* Tabs */
.woocommerce-tabs .tabs {
  border-bottom: 1px solid #F5F7FA;
}
.woocommerce-tabs .tabs li a {
  color: #1C2B39;
  padding: 10px 14px;
}
.woocommerce-tabs .tabs li.active a {
  color: #00AEEF;
  border-bottom: 2px solid #00AEEF;
}

/* Reviews */
#reviews #comments ol.commentlist li .comment-text {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
}
p.stars a:hover, p.stars a.active {
  color: #F7941D;
}

/* Related / upsells cards */
.related.products ul.products li.product,
.upsells.products ul.products li.product {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

/* Badges */
.woocommerce .badge, .woocommerce .wc-badge {
  background: #00AEEF;
  color: #FFFFFF;
  border-radius: 9999px;
  padding: 2px 10px;
  font-size: 12px;
}

/* === Cart Page polish === */
.woocommerce-cart table.shop_table {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  overflow: hidden;
}
.woocommerce-cart table.shop_table thead th {
  background: #F5F7FA;
  color: #1C2B39;
  font-weight: 700;
}
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th {
  padding: 12px 14px;
}

/* Remove item link */
.woocommerce a.remove {
  color: #F7941D !important;
}
.woocommerce a.remove:hover {
  background: rgba(247,148,29,.08);
}

/* Coupon area */
.woocommerce-cart .coupon .input-text {
  border: 1px solid #E6EBF1;
  border-radius: 10px 0 0 10px;
  padding: 10px 12px;
}
.woocommerce-cart .coupon .button {
  border-radius: 0 10px 10px 0;
}

/* Update cart button */
.woocommerce button.button[name="update_cart"] {
  background: #1C2B39;
  color: #FFFFFF;
}
.woocommerce button.button[name="update_cart"]:hover {
  background: #33485e;
}

/* Cart totals box */
.cart_totals {
  border: 1px solid #E6EBF1;
  border-radius: 12px;
  padding: 12px;
}
.cart_totals h2 {
  color: #1C2B39;
}

/* Proceed to checkout */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #00AEEF;
  color: #FFFFFF;
  border: none;
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 700;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #0088C2;
}



/* === Dark Mode support (CSS variables + overrides) === */
:root {
}

}

/* Base overrides */

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button, input[type="submit"] {
  color: #FFFFFF;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover, input[type="submit"]:hover {
}

/* Tables & borders */
table, .shop_table, .woocommerce table.shop_table,
.woocommerce-cart table.shop_table,
.woocommerce-checkout-review-order-table {
}
.woocommerce table.shop_table thead th,
.woocommerce-cart table.shop_table thead th {
}

/* Boxes / panels */
.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-checkout #payment,
.cart_totals {
}

/* Inputs */
input.input-text, textarea, select,
.woocommerce input.input-text, .woocommerce textarea, .woocommerce select {
}
input.input-text:focus, textarea:focus, select:focus,
.woocommerce input.input-text:focus, .woocommerce textarea:focus, .woocommerce select:focus {
}

/* Notices */

/* Stars */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
}

/* Breadcrumbs */

/* Header theme toggle button */
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
}

/* Header layout containment */
  display: flex;
  align-items: center;
  margin-left: auto;
}


/* v1.5.1 Patch — Logo clickable box fix */
.site-branding .custom-logo-link {
    display: inline-block;
    padding: 0 !important;
    line-height: 0;
}
.site-branding .custom-logo {
    display: block;
    height: auto;
}
.site-branding {
    margin: 0 !important;
}