/* =========================================================
   GLOBAL CLEANUP & BRAND BASELINE
   ========================================================= */

/* Rounded images */
.wp-block-image img{
  border-radius:18px;
  display:block;
}

/* Hide Woo product search in header */
.site-header .widget_product_search,
.site-header .wc-block-product-search,
.site-header .wp-block-search {
  display: none !important;
}

/* Hide $0.00 and count in cart icon */
.site-header-cart .cart-contents .amount,
.site-header-cart .cart-contents .count {
  display: none !important;
}

/* Hide breadcrumbs (Yoast, RankMath, Woo) */
.woocommerce-breadcrumb,
.breadcrumb,
.breadcrumbs,
nav.rank-math-breadcrumb,
.yoast-breadcrumb {
  display: none !important;
}

/* Footer styling */
.site-footer{
  background: #f6f2ea;
  border-top: 1px solid #e9e7e2;
  padding: 28px 0;
}
.site-footer .widget { margin-bottom: 0; }
.site-footer .menu {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.site-footer a {
  color: #2B2B2B;
  text-decoration: none;
}
.site-footer a:hover {
  color: #1F2A24;
}

/* Hide Storefront default credit */
.site-info{ display: none !important; }

/* Hide WP.com logged-in edit buttons */
.logged-in .edit-link,
.logged-in .post-edit-link,
.logged-in .wpcom-floating-action__container {
  display: none !important;
}

/* Bold page titles */
body.page h1.entry-title,
body.page .wp-block-post-title,
h1.page-title {
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-size: clamp(28px, 2.4vw + 1rem, 48px);
  margin-top: .25em;
  margin-bottom: .6em;
}

/* Global pill-button style */
:root{
  --blr-btn-bg: #2B2B2B;
  --blr-btn-color: #ffffff;
  --blr-btn-radius: 999px;
  --blr-btn-pad: 12px 22px;
  --blr-btn-shadow: 0 8px 22px rgba(0,0,0,.18);
}

.wp-block-button__link,
.wp-element-button{
  background: var(--blr-btn-bg) !important;
  color: var(--blr-btn-color) !important;
  border: 0 !important;
  border-radius: var(--blr-btn-radius) !important;
  padding: var(--blr-btn-pad) !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: var(--blr-btn-shadow);
  transition: transform .08s ease, filter .2s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* =========================================================
   ONBOARDING FORM STYLING
   ========================================================= */

.blr-onboarding-wrapper {
  max-width: 760px;
  margin: 0 auto 4rem;
  padding: 24px 24px 28px;
  background: #f6f2ea;
  border-radius: 22px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);
}

.blr-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}

@media (max-width: 768px){
  .blr-grid-2 { grid-template-columns: 1fr; }
}

/* Hide internal Order ID field */
.onboarding-order-field,
.onboarding-order-field label {
  display: none !important;
}

/* =========================================================
   HERO BUTTONS (HOME)
   ========================================================= */

/* Desktop / tablet hero */
.home .wp-block-cover .wp-block-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap;
  margin-top: 28px;
}

.home .wp-block-cover .wp-block-button {
  margin: 0 !important;
}

.home .wp-block-cover .wp-block-button__link {
  background: #ffffff !important;
  color: #2B2B2B !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 32px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.16) !important;
  transition: transform .08s ease, opacity .2s ease;
}

.home .wp-block-cover .wp-block-button__link:hover {
  transform: translateY(-1px);
  opacity: 0.96;
}

/* Mobile – stack hero buttons vertically */
@media (max-width: 768px){

  .home .wp-block-cover .wp-block-buttons{
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  .home .wp-block-cover .wp-block-button{
    width: 100% !important;
    max-width: 260px !important;
  }

  .home .wp-block-cover .wp-block-button__link{
    width: 100% !important;
    height: auto !important;
    padding: 14px 18px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
  }
}

/* =========================================================
   CHECKOUT – MINIMAL, NO LAYOUT HACKS
   ========================================================= */

/* Pull checkout title up a bit */
body.woocommerce-checkout .entry-title{
  margin-top: 12px !important;
}

/* Left-align labels */
.woocommerce-checkout form .form-row label,
.woocommerce-checkout form label {
  text-align: left !important;
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px !important;
}

/* Make fields comfortable but let Woo handle layout */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
  padding: 10px 12px;
  border-radius: 4px;
}

/* Stripe fields – simple white boxes */
#wc-stripe-card-number-element,
#wc-stripe-exp-element,
#wc-stripe-cvc-element {
  background: #ffffff !important;
  border-radius: 6px !important;
  padding: 10px !important;
}

/* reCAPTCHA spacing */
.g-recaptcha { margin: 20px 0 !important; }

/* Hide Create Account section */
.woocommerce-account-fields,
.woocommerce-account-fields label,
.woocommerce-account-fields input[type="checkbox"] {
  display: none !important;
}

/* Hide MailPoet marketing opt-in (if present) */
.woocommerce form .woocommerce-form__label-for-checkbox,
.woocommerce form input[name="mailpoet_woocommerce_checkout_optin"] {
  display: none !important;
}

/* Checkout buttons – normal pill */
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-checkout .woocommerce input.button {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  white-space: normal !important;
  padding: 12px 26px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 999px !important;
}

/* Place order – centered on mobile */
@media (max-width: 768px){
  body.woocommerce-checkout .woocommerce #place_order{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    display: block;
    height: auto;
    padding: 14px 26px;
    font-size: 16px;
    line-height: 1.3;
    white-space: normal;
    text-align: center;
  }
}