/* ============================================================
   The Pocket Tie — Modern & Minimal refresh  (2026-07-09)
   Added by request. FULLY REVERSIBLE: remove the single
   @import line for this file from ../style.css (or empty this
   file) and the site returns exactly to its previous look.
   Deliberately additive: NO forced text/background colors, so
   page-builder sections (incl. dark ones) are unaffected.
   Brand: blue #1c77c8 / darker #1465ae
   ============================================================ */
:root{
  --pt-blue:#1c77c8;
  --pt-blue-dark:#1465ae;
  --pt-radius:12px;
  --pt-shadow:0 6px 22px rgba(16,42,67,.09);
  --pt-shadow-hover:0 14px 34px rgba(16,42,67,.15);
}

/* ---- Typography polish (spacing/smoothing only — no color) ---- */
body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
h1,h2,h3,h4,h5{ letter-spacing:-.01em; line-height:1.2; }
p{ line-height:1.7; }

/* ---- Buttons: modern rounded, brand blue, subtle hover lift ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button,
.woocommerce ul.products li.product .add_to_cart_button,
.vc_btn3, .mk-button, a.mk-button{
  border-radius:10px !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
  transition:background-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button,
.woocommerce ul.products li.product .add_to_cart_button{
  background-color:var(--pt-blue) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 3px 12px rgba(28,119,200,.26) !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce .single_add_to_cart_button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.vc_btn3:hover, .mk-button:hover, a.mk-button:hover{
  background-color:var(--pt-blue-dark) !important;
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(28,119,200,.32) !important;
}

/* ---- Product cards: soft, modern, hover lift ---- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff !important;
  border:1px solid #eef1f4 !important;
  border-radius:var(--pt-radius) !important;
  box-shadow:var(--pt-shadow) !important;
  padding:16px 16px 22px !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  transform:translateY(-6px);
  box-shadow:var(--pt-shadow-hover) !important;
}
.woocommerce ul.products li.product img{ border-radius:8px !important; }
.woocommerce ul.products li.product .price{ font-weight:700 !important; }

/* ---- Sale badge: pill + brand ---- */
.woocommerce span.onsale{
  background-color:var(--pt-blue) !important;
  border-radius:999px !important;
  box-shadow:0 4px 12px rgba(28,119,200,.3);
}

/* ---- Star ratings in brand blue ---- */
.woocommerce .star-rating span:before,
.woocommerce p.stars a:before{ color:var(--pt-blue) !important; }

/* ---- Inputs: rounded with a soft focus ring ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
input[type="text"], input[type="email"], input[type="tel"],
input[type="search"], input[type="number"], textarea, select{
  border-radius:10px !important;
  transition:border-color .15s ease, box-shadow .15s ease !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="search"]:focus, input[type="number"]:focus, textarea:focus, select:focus{
  border-color:var(--pt-blue) !important;
  box-shadow:0 0 0 3px rgba(28,119,200,.15) !important;
  outline:0 !important;
}

/* ---- Links: smooth hover ---- */
a{ transition:color .15s ease; }