/**
* Theme Name: Cildank Child
* Description: This is a child theme of Cildank, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: cildank-premium
* Version: 1.2.4
*/
html, body { overflow-x: clip; }
/* Order-received page only: keep content inside the screen width (no sideways scroll on phones). */
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce,
  body.woocommerce-order-received .woocommerce-order,
  body.woocommerce-order-received footer { max-width: 100%; overflow-x: hidden; box-sizing: border-box; }
  body.woocommerce-order-received table.shop_table,
  body.woocommerce-order-received table.woocommerce-table { width: 100%; max-width: 100%; table-layout: fixed; }
  body.woocommerce-order-received table.shop_table th,
  body.woocommerce-order-received table.shop_table td { overflow-wrap: anywhere; word-break: break-word; }
  body.woocommerce-order-received img,
  body.woocommerce-order-received input,
  body.woocommerce-order-received iframe { max-width: 100%; }
}
/* Trust Strip spacing trim — desktop and mobile; only this widget's vertical spacing */
.elementor-element-fc63240{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.elementor-element-fc63240 .elementor-widget-container{
  padding-top:0!important;
  padding-bottom:0!important;
}
.elementor-element-fc63240 .site-slider-wrapper{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* OHGAWD: pay-for-order page */
body.woocommerce-order-pay .woocommerce{max-width:560px;margin:32px auto 72px;padding:0 16px}
body.woocommerce-order-pay ul.order_details{list-style:none;margin:0 0 24px;padding:6px 24px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.05)}
body.woocommerce-order-pay ul.order_details li{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:15px 0;border-bottom:1px solid #eee;font-size:14px;color:#6b6b6b}
body.woocommerce-order-pay ul.order_details li:last-child{border-bottom:0}
body.woocommerce-order-pay ul.order_details li strong{color:#111;font-weight:600;text-align:right}
body.woocommerce-order-pay ul.order_details li.total strong{font-size:20px}
body.woocommerce-order-pay .woocommerce > p,
body.woocommerce-order-pay .woocommerce-order-pay > p{text-align:center;color:#555;font-size:14px;margin:0 0 20px}
body.woocommerce-order-pay #btn-razorpay,
body.woocommerce-order-pay #btn-razorpay-cancel{display:flex;width:100%;margin:0 0 12px;padding:16px 24px;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s,border-color .2s}
body.woocommerce-order-pay #btn-razorpay{color:#fff;background:rgb(var(--site-primary,204,36,44));border:1px solid transparent}
body.woocommerce-order-pay #btn-razorpay:hover{filter:brightness(.92)}
body.woocommerce-order-pay #btn-razorpay-cancel{color:#444;background:#fff;border:1px solid #d6d6d6}
body.woocommerce-order-pay #btn-razorpay-cancel:hover{background:#f5f5f5}

/* order end */

/* Mobile-only Trust Strip balance fix: preserve slider, content, and all other breakpoints */
@media (max-width: 767px){
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-icon{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-icon img,
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-icon svg{
    display:block!important;
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
  }
  /* Mobile: normalize the visual bounds of all four Trust Strip icons. */
  .elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-icon{
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-icon img,
  .elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-icon svg{
    display:block!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    object-fit:contain!important;
    transform:none!important;
    transform-origin:center!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content{
    min-width:0!important;
    flex:1 1 auto!important;
    text-align:left!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content .entry-title{
    margin:0 0 3px!important;
    font-size:16px!important;
    line-height:20px!important;
    font-weight:700!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content .entry-description,
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content .entry-description p{
    margin:0!important;
    font-size:14px!important;
    line-height:18px!important;
  }
}

/* Draft-only Trust Strip correction: for phone browsers in Desktop-site mode,
   keep the custom mobile strip hidden only on true desktop-width devices and
   avoid duplicate original/custom content on narrow layout viewports. */
@media (max-width: 767px) {
  .elementor-element-fc63240 { display:none!important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .og-mobile-trust-static { display:none!important; }
  .elementor-element-fc63240 {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .elementor-element-fc63240 .site-slider-wrapper,
  .elementor-element-fc63240 .site-slider.iconboxes,
  .elementor-element-fc63240 .site-slider.iconboxes .slick-list {
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .slick-track {
    display:flex!important;
    width:100%!important;
    transform:none!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .slick-track > .slider-item {
    position:relative!important;
    left:auto!important;
    width:25%!important;
    max-width:25%!important;
    flex:0 0 25%!important;
    height:auto!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content {
    min-width:0!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content .entry-title {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:12px!important;
    line-height:15px!important;
    height:auto!important;
    overflow:visible!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content .entry-title:after {
    content:none!important;
    display:none!important;
  }
  /* Override existing tablet rules that set the first two titles to font-size:0. */
  .elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content .entry-title,
  .elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content .entry-title {
    font-size:12px!important;
    line-height:15px!important;
    color:#222!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    overflow:visible!important;
    text-transform:uppercase!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content .entry-title:after,
  .elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content .entry-title:after {
    content:none!important;
    display:none!important;
  }
  body .elementor-element-fc63240 .site-slider.iconboxes .site-iconbox-content .entry-title {
    display:block!important;
    text-transform:uppercase!important;
    font-size:12px!important;
    line-height:15px!important;
    margin:0 0 2px!important;
  }
  .elementor-element-fc63240 .site-slider.iconboxes .entry-description,
  .elementor-element-fc63240 .site-slider.iconboxes .entry-description p {
    font-size:11px!important;
    line-height:14px!important;
    margin:0!important;
    white-space:normal!important;
  }
  /* Avoid duplicate pseudo-generated descriptions in this viewport. */
  .elementor-element-fc63240 .site-slider.iconboxes .entry-title:after,
  .elementor-element-fc63240 .site-slider.iconboxes .entry-description:after {
    content:none!important;
    display:none!important;
  }

  /* Final, highly-specific title reset for first two benefits. */
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox .site-iconbox-content h4.entry-title,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox .site-iconbox-content h4.entry-title {
    all:revert!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:15px!important;
    color:#222!important;
    text-transform:uppercase!important;
    height:auto!important;
    width:auto!important;
    max-width:100%!important;
    overflow:visible!important;
    clip:auto!important;
    position:static!important;
  }

  /* Match title + description stacking for the first two benefits in phone Desktop-site mode. */
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox {
    align-items:center!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content .entry-description,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content .entry-description,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content .entry-description p,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content .entry-description p {
    display:block!important;
    position:static!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
    translate:none!important;
    align-self:flex-start!important;
    width:100%!important;
    text-align:left!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:14px!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    justify-items:start!important;
    row-gap:2px!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content .entry-title,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content .entry-title {
    grid-row:1!important;
    grid-column:1!important;
    margin:0!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content .entry-description,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content .entry-description {
    grid-row:2!important;
    grid-column:1!important;
  }

  /* Unified balanced layout for all four Trust Strip items in phone Desktop-site mode. */
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-icon {
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    margin:0!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-icon img {
    display:block!important;
    width:28px!important;
    height:28px!important;
    object-fit:contain!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-content {
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-content .entry-title {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:12px!important;
    line-height:15px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    white-space:normal!important;
  }
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-content .entry-description,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item .site-iconbox-content .entry-description p {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:14px!important;
    font-weight:400!important;
    text-align:left!important;
    white-space:normal!important;
  }

  /* Match the first two descriptions' vertical position to benefits 3 and 4. */
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(1) .site-iconbox-content .entry-description,
  .elementor-element.elementor-element-fc63240 .site-slider.iconboxes .slider-item:nth-child(2) .site-iconbox-content .entry-description {
    position:relative!important;
    top:-14px!important;
    margin-bottom:-14px!important;
  }
}

/* Mobile navigation drawer refinement — scoped to the existing Cildank menu drawer only */
@media (max-width: 1024px) {
  #menu-drawer.site-drawer {
    width: 100%;
    max-width: 100%;
  }
  #menu-drawer .site-drawer-inner {
    width: min(86vw, 360px);
    max-width: 86vw;
    height: 100dvh;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: 16px 18px 20px;
    -webkit-overflow-scrolling: touch;
  }
  #menu-drawer .site-drawer-header {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #fff;
    padding: 4px 0 14px;
    margin-bottom: 8px;
  }
  #menu-drawer .site-drawer-header .site-brand img {
    max-width: 170px;
    height: auto;
  }
  #menu-drawer .site-drawer-body {
    padding: 0;
    margin: 0;
  }
  #menu-drawer .site-menu-drawer > ul,
  #menu-drawer .mobile-secondary-menu > ul {
    margin: 0;
    padding: 0;
  }
  #menu-drawer .site-menu-drawer > ul > li > a,
  #menu-drawer .mobile-secondary-menu > ul > li > a {
    display: block;
    padding: 11px 0;
    line-height: 1.25;
    font-size: 17px;
  }
  #menu-drawer .site-menu-drawer .sub-menu > li > a,
  #menu-drawer .mobile-secondary-menu .sub-menu > li > a {
    display: block;
    padding: 9px 0 9px 12px;
    line-height: 1.25;
    font-size: 15px;
  }
  #menu-drawer .site-menu-drawer .sub-menu,
  #menu-drawer .mobile-secondary-menu .sub-menu {
    padding-left: 0;
  }
  #menu-drawer .site-drawer-footer {
    padding-top: 16px;
    margin-top: 12px;
  }
}

/* Mobile drawer polish: touch feel, spacing and font consistency only.
   No menu items, order, links or drawer layout are changed. */
@media (max-width: 1024px) {
  /* Smooth native scrolling inside the drawer; don't scroll the page behind it */
  #menu-drawer .site-drawer-inner {
    overscroll-behavior: contain;
    -webkit-tap-highlight-color: transparent;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }
  /* One font and one rhythm for every top-level row (SHOP ... CULTURE, HELP) */
  #menu-drawer .site-menu-drawer > ul > li > a,
  #menu-drawer .mobile-secondary-menu > ul > li > a {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 8px;
    margin: 0 -8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.25;
    touch-action: manipulation;
    transition: background-color .15s ease, color .15s ease;
  }
  /* Sub-items (Track Order, Contact, SHOP sub-categories): same size, comfortable tap target */
  #menu-drawer .site-menu-drawer .sub-menu > li > a,
  #menu-drawer .mobile-secondary-menu .sub-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 8px 0 20px;
    margin: 0 -8px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
    touch-action: manipulation;
    transition: background-color .15s ease, color .15s ease;
  }
  /* Instant press feedback, like a native app */
  #menu-drawer .site-menu-drawer a:active,
  #menu-drawer .mobile-secondary-menu a:active {
    background-color: rgba(0, 0, 0, 0.05);
  }
  /* SHOP chevron: no tap delay or flash, smooth rotation if the theme toggles it */
  #menu-drawer .menu-dropdown {
    touch-action: manipulation;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  #menu-drawer .menu-dropdown svg {
    transition: transform .25s ease;
  }
  #menu-drawer a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #menu-drawer a,
  #menu-drawer .menu-dropdown svg {
    transition: none;
  }
}

/* Footer newsletter: branded success / error message (Brevo).
   Only styles the message panel that appears after a signup attempt.
   The default footer layout, input and SEND button are not changed. */
#footer-newsletter .sib-form-message-panel.sib-form-message-panel--active {
  display: flex !important;
  align-items: center;
  gap: 10px;
  position: static !important;
  float: none !important;
  transform: none !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px 0 !important;
  padding: 12px 14px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-left: 3px solid #2ea44f !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.01em;
  text-align: left !important;
}
#footer-newsletter #error-message.sib-form-message-panel--active {
  border-left-color: #ee1c2e !important;
}
/* Single, consistent status icon (replaces any default icon) */
#footer-newsletter .sib-form-message-panel svg {
  display: none !important;
}
#footer-newsletter .sib-form-message-panel.sib-form-message-panel--active::before {
  content: "\2713";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2ea44f;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
#footer-newsletter #error-message.sib-form-message-panel--active::before {
  content: "!";
  background: #ee1c2e;
}
#footer-newsletter .sib-form-message-panel .sib-form-message-panel__text,
#footer-newsletter .sib-form-message-panel .sib-form-message-panel__inner-text {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-align: left !important;
}
/* Desktop: message lines up with the email field + SEND button below it */
@media (min-width: 1025px) {
  #footer-newsletter .sib-form-message-panel.sib-form-message-panel--active {
    width: min(100%, 300px) !important;
    margin-left: auto !important;
    font-size: 13px !important;
  }
}

/* Hide the disabled "Continue with Google" placeholder on the login form.
   Only the placeholder's own classes are targeted; the blue Google login and WPVibe are unaffected. */
.ohgawd-google-login-button,
.ohgawd-social-login-divider {
  display: none !important;
}

/* Google login button (Login and Register): white button, thin border, Google logo, label "Continue with Google".
   Only the Google button inside the social login block is changed. */
.klb-social-login a.klb-btn-google {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #dadce0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #3c4043 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
.klb-social-login a.klb-btn-google::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.5 0 6.6 1.2 9 3.5l6.7-6.7C35.6 2.4 30.2 0 24 0 14.6 0 6.5 5.4 2.6 13.3l7.8 6C12.3 13.2 17.7 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.1 24.5c0-1.6-.1-3.1-.4-4.5H24v9h12.4c-.5 2.9-2.1 5.3-4.5 7l7 5.4c4.1-3.8 6.5-9.4 6.5-16.9z'/%3E%3Cpath fill='%23FBBC05' d='M10.4 28.7c-.5-1.4-.8-2.9-.8-4.7s.3-3.3.8-4.7l-7.8-6C.9 16.5 0 20.1 0 24s.9 7.5 2.6 10.7l7.8-6z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.5 0 11.9-2.1 15.9-5.8l-7-5.4c-2.2 1.5-5 2.3-8.9 2.3-6.3 0-11.7-4.2-13.6-10l-7.8 6C6.5 42.6 14.6 48 24 48z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}
.klb-social-login a.klb-btn-google::after {
  content: "Continue with Google" !important;
  display: inline !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #3c4043 !important;
  white-space: nowrap !important;
}

/* Login and Register: Google button shown first, then the form fields.
   Only the order of the existing social login block changes. */
form.woocommerce-form-login.login,
form.woocommerce-form-register.register {
  /* Respect WooCommerce's inline display:none until the customer opens the form. */
  display: flex;
  flex-direction: column;
}
form.woocommerce-form-login.login .klb-social-login,
form.woocommerce-form-register.register .klb-social-login {
  order: -1 !important;
  margin: 0 0 18px !important;
}
/* Login and Register: Google button first, then the "or" divider, then the form fields. */
form.woocommerce-form-login.login .klb-social-login,
form.woocommerce-form-register.register .klb-social-login {
  display: flex !important;
  flex-direction: column !important;
}
form.woocommerce-form-login.login .klb-social-login .social-divider,
form.woocommerce-form-register.register .klb-social-login .social-divider {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  order: 1 !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  color: #555 !important;
}
form.woocommerce-form-login.login .klb-social-login .social-divider::before,
form.woocommerce-form-login.login .klb-social-login .social-divider::after,
form.woocommerce-form-register.register .klb-social-login .social-divider::before,
form.woocommerce-form-register.register .klb-social-login .social-divider::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: #e2e2e2 !important;
}
form.woocommerce-form-login.login .klb-social-login .social-divider span,
form.woocommerce-form-register.register .klb-social-login .social-divider span {
  font-size: 0 !important;
  line-height: 0 !important;
  white-space: nowrap !important;
}
form.woocommerce-form-login.login .klb-social-login .social-divider span::after,
form.woocommerce-form-register.register .klb-social-login .social-divider span::after {
  content: "or continue with username/email" !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #555 !important;
}
form.woocommerce-form-register.register .klb-social-login .social-divider span::after {
  content: "or continue with email" !important;
}
form.woocommerce-form-login.login .klb-social-login a.klb-btn-google,
form.woocommerce-form-register.register .klb-social-login a.klb-btn-google {
  order: 0 !important;
}

/* Draft-only: remove duplicate headings and the overlapping inner close icon from saved size-chart content. */

/* Register form: minimal password note (text shown via CSS; original theme text hidden). */
.woocommerce-form-register > p:not([class]) {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
}
.woocommerce-form-register > p:not([class])::after {
  content: "We'll email you a link to set your password." !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #555 !important;
  margin: 0 0 16px !important;
}

/* Register: customer creates own password (no reset email at sign-up). Short, professional hint under the password field. */
.woocommerce-form-register .password-input::after {
  content: "Choose a strong password" !important;
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #666 !important;
}
.woocommerce-form-register .password-input {
  display: block !important;
}

/* Added-to-cart message (mobile first): clean stacked layout with a single, full-width "View cart" button. */
.woocommerce-message {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 16px !important;
  line-height: 1.5 !important;
}
.woocommerce-message .button,
.woocommerce-message a.wc-forward {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #c8242b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
@media (min-width: 768px) {
  .woocommerce-message {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}

/* Checkout (mobile first, India): one column, pincode first, then city and state. Layout only. */
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field {
  display: none !important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: flex !important;
  flex-direction: column !important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row {
  float: none !important;
  width: 100% !important;
  margin: 0 0 14px !important;
}
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #shipping_first_name_field { order: 1 !important; }
.woocommerce-checkout #billing_last_name_field,
.woocommerce-checkout #shipping_last_name_field { order: 2 !important; }
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #shipping_postcode_field { order: 3 !important; }
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #shipping_city_field { order: 4 !important; }
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #shipping_state_field { order: 5 !important; }
.woocommerce-checkout #billing_address_1_field,
.woocommerce-checkout #shipping_address_1_field { order: 6 !important; }
.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #shipping_address_2_field { order: 7 !important; }
.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout #shipping_phone_field { order: 0 !important; }
.woocommerce-checkout #billing_email_field { order: 9 !important; }

/* Checkout heading and bottom section: "Shipping address" at top, no extra bottom section, no ship-to checkbox. Layout only. */
.woocommerce-checkout .woocommerce-billing-fields > h3 {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 0 12px !important;
}
.woocommerce-checkout .woocommerce-billing-fields > h3::after {
  content: "Shipping address" !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #111 !important;
}
.woocommerce-checkout #ship-to-different-address {
  display: none !important;
}
.woocommerce-checkout .woocommerce-additional-fields {
  display: none !important;
}

/* Smoother checkout: larger, easy-to-tap Place order button and a tighter coupon line. Layout only. */
.woocommerce-checkout #place_order {
  min-height: 52px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
  margin: 0 0 12px !important;
}
.woocommerce-checkout .checkout_coupon {
  padding: 12px 14px !important;
}

/* Checkout field order (your layout): first name, last name, mobile, email, address, landmark, pincode, city, state. Layout only. */
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #shipping_first_name_field { order: 1 !important; }
.woocommerce-checkout #billing_last_name_field,
.woocommerce-checkout #shipping_last_name_field { order: 2 !important; }
.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout #shipping_phone_field { order: 3 !important; }
.woocommerce-checkout #billing_email_field { order: 4 !important; }
.woocommerce-checkout #billing_address_1_field,
.woocommerce-checkout #shipping_address_1_field { order: 5 !important; }
.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #shipping_address_2_field { order: 6 !important; }
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #shipping_postcode_field { order: 7 !important; }
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #shipping_city_field { order: 8 !important; }
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #shipping_state_field { order: 9 !important; }

/* Forgot password link: Gmail-style wording, sentence case. Same link, same destination. */
.woocommerce-my-account5 .woocommerce-LostPassword a {
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}
.woocommerce-my-account5 .woocommerce-LostPassword a::after {
  content: "Forgot password?" !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: #1a73e8 !important;
}
/* Google button and divider: sentence case, like Gmail. */
form.woocommerce-form-login.login .klb-social-login a.klb-btn-google::after,
form.woocommerce-form-register.register .klb-social-login a.klb-btn-google::after,
form.woocommerce-form-login.login .klb-social-login .social-divider span::after,
form.woocommerce-form-register.register .klb-social-login .social-divider span::after {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Login page: minimal intro line (text shown via CSS; original theme text hidden). */
.login-form > p:first-child {
  font-size: 0 !important;
  line-height: 0 !important;
  margin-bottom: 14px !important;
}
.login-form > p:first-child::after {
  content: "Welcome back." !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #222 !important;
  text-align: center !important;
}

/* Register page: minimal intro line (text shown via CSS; original theme text hidden). */
.register-form > p:first-child {
  font-size: 0 !important;
  line-height: 0 !important;
  margin-bottom: 14px !important;
}
.register-form > p:first-child::after {
  content: "You're one of us now." !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #222 !important;
  text-align: center !important;
}

/* Login and Register: balanced layout for mobile first, then desktop.
   Scoped to the My account page only. */
.woocommerce-my-account5 .site-login {
  padding: 28px 0 56px;
}
.woocommerce-my-account5 .site-login-inner,
.woocommerce-my-account5 .site-login-overflow {
  max-width: 440px;
  margin: 0 auto;
  padding: 0 18px;
  box-sizing: border-box;
}
.woocommerce-my-account5 .login-page-tab {
  display: flex;
  justify-content: center;
  gap: 28px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}
.woocommerce-my-account5 .login-page-tab a {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}
.woocommerce-my-account5 .login-form > p:first-child,
.woocommerce-my-account5 .register-form > p:first-child {
  margin-bottom: 18px;
}
.woocommerce-my-account5 form.woocommerce-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.woocommerce-my-account5 form .form-row {
  margin: 0 0 16px;
}
.woocommerce-my-account5 form input.input-text,
.woocommerce-my-account5 form input[type="text"],
.woocommerce-my-account5 form input[type="email"],
.woocommerce-my-account5 form input[type="password"] {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  font-size: 16px;
  border-radius: 4px;
  box-sizing: border-box;
}
.woocommerce-my-account5 .lost-password {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 18px;
  font-size: 13px;
}
.woocommerce-my-account5 form button.woocommerce-button,
.woocommerce-my-account5 form .woocommerce-Button {
  width: 100%;
  min-height: 48px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 4px;
}
.woocommerce-my-account5 .klb-social-login {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  .woocommerce-my-account5 .site-login {
    padding: 72px 0 96px;
  }
  .woocommerce-my-account5 .login-page-tab a {
    font-size: 26px;
  }
}

/* Login and Register (mobile first): fields first, then Log in, then a smaller Google option below.
   Final layout rules; they override earlier Google placement and sizing. */
form.woocommerce-form-login.login .klb-social-login,
form.woocommerce-form-register.register .klb-social-login {
  order: 2 !important;
  margin: 20px 0 0 !important;
}
form.woocommerce-form-login.login .klb-social-login .social-divider,
form.woocommerce-form-register.register .klb-social-login .social-divider {
  order: 0 !important;
  margin: 0 0 14px !important;
  gap: 10px !important;
}
form.woocommerce-form-login.login .klb-social-login .social-divider span::after,
form.woocommerce-form-register.register .klb-social-login .social-divider span::after {
  content: "or" !important;
  font-size: 13px !important;
  color: #666 !important;
}
form.woocommerce-form-login.login .klb-social-login a.klb-btn-google,
form.woocommerce-form-register.register .klb-social-login a.klb-btn-google {
  order: 1 !important;
  min-height: 44px !important;
  padding: 0 14px 0 12px !important;
  gap: 10px !important;
  margin: 0 !important;
  border-radius: 4px !important;
}
form.woocommerce-form-login.login .klb-social-login a.klb-btn-google::before,
form.woocommerce-form-register.register .klb-social-login a.klb-btn-google::before {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
}
form.woocommerce-form-login.login .klb-social-login a.klb-btn-google::after,
form.woocommerce-form-register.register .klb-social-login a.klb-btn-google::after {
  content: "Continue with Google" !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.woocommerce-my-account5 form .form-row {
  margin: 0 0 14px !important;
}
.woocommerce-my-account5 .lost-password {
  margin: 0 0 16px !important;
}
.woocommerce-my-account5 .klb-social-login {
  margin-bottom: 0 !important;
}

/* Draft-only: remove duplicate headings and the overlapping inner close icon from saved size-chart content. */
.site-size-box-holder .size-box-inner > .tab-content > .tab-pane .size-box-header > h4.entry-title,
.site-size-box-holder .size-box-inner > .tab-content > .tab-pane .size-box-header > h6.product_title,
.site-size-box-holder .size-box-inner > .tab-content > .tab-pane .size-box-header > .size-box-close {
  display: none !important;
}

/* Product cards: the theme adds its own green "VIEW CART" link after Add to cart.
   The bar already offers it, so hide the duplicate. Keep the link inside the message bar. */
a.added_to_cart {
  display: none !important;
}
.woocommerce-message a.added_to_cart {
  display: inline-flex !important;
}

/* Floating "Added to cart" bar fades out smoothly (script adds .ohgawd-toast-hide). */
.woocommerce-message {
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.4s ease, padding 0.4s ease, margin 0.4s ease !important;
}
html body .woocommerce-message.ohgawd-toast-hide {
  opacity: 0 !important;
  transform: translateY(-6px) !important;
  max-height: 0 !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .woocommerce-message {
    transition: none !important;
  }
}

/* OHGAWD checkout (approved layout): first and last name share one line, everything else full width. Layout only. */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  column-gap: 12px !important;
}
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_last_name_field,
.woocommerce-checkout #shipping_first_name_field,
.woocommerce-checkout #shipping_last_name_field {
  width: calc(50% - 6px) !important;
}

/* Added-to-cart message: one brand-red (#c8242b) success design for mobile and desktop.
   Solid brand-red box, white text, white "View cart" button with brand-red text.
   Mobile: slim one-line bar. Desktop: text left, button right. Look only; no cart logic touched. */
.woocommerce-message,
.woocommerce-message:before {
  background: #c8242b !important;
  background-color: #c8242b !important;
}
.woocommerce-message {
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(200, 36, 43, 0.25) !important;
}
.woocommerce-message:before {
  display: none !important;
}
body .woocommerce-message,
body.single-product .woocommerce-message,
body.woocommerce .woocommerce-message {
  border: 0 !important;
  outline: 0 !important;
}
.woocommerce-message {
  line-height: 1.45 !important;
  margin: 0 0 20px !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
.woocommerce-message .button,
.woocommerce-message a.wc-forward {
  order: 2 !important;
  flex: 0 0 auto !important;
  text-align: center !important;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 768px) {
  .woocommerce-message {
    gap: 24px !important;
    padding: 14px 20px !important;
  }
}
.woocommerce-message a:not(.button):not(.wc-forward) {
  color: #ffffff !important;
  text-decoration: underline !important;
}
.woocommerce-message .button,
.woocommerce-message a.wc-forward,
.woocommerce-message .button:visited {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #c8242b !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.woocommerce-message .button:hover,
.woocommerce-message .button:focus,
.woocommerce-message a.wc-forward:hover,
.woocommerce-message a.wc-forward:focus {
  background: #f9e9ea !important;
  background-color: #f9e9ea !important;
  color: #a01c22 !important;
}
@media (max-width: 767px) {
  /* Generic compact notices (coupon applied, cart updated, etc.) */
  .woocommerce-message {
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    margin: 0 0 14px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }
  .woocommerce-message .button,
  .woocommerce-message a.wc-forward {
    width: auto !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
  }

  /* "Added to cart" notice: one slim line, like Myntra / Amazon.
     "✓ Added to cart" on the left, VIEW CART on the right. */
  .woocommerce-message:has(a.wc-forward) {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 4px 6px 4px 14px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  }
  .woocommerce-message:has(a.wc-forward):before {
    display: block !important;
    position: static !important;
    content: "\2713  Added to cart" !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
  }
  .woocommerce-message:has(a.wc-forward) .button,
  .woocommerce-message:has(a.wc-forward) a.wc-forward {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  }
}

/* Brand colour #c8242b for the top announcement strip (Free shipping above ₹499 ...). */
.site-announcement.style-primary,
.site-announcement {
  background-color: #c8242b !important;
  color: #ffffff !important;
}
.site-announcement a {
  color: #ffffff !important;
}

/* OHGAWD India-first checkout polish — draft preview only. */
body.woocommerce-checkout .woocommerce form.checkout_coupon,
body.woocommerce-checkout .woocommerce form.login,
body.woocommerce-checkout .woocommerce form.woocommerce-form-login {
  border-color: #e5e7eb !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.woocommerce-checkout .woocommerce form.login,
body.woocommerce-checkout .woocommerce form.woocommerce-form-login {
  max-width: 560px;
  padding: 22px 24px !important;
  margin: 14px 0 24px !important;
}
body.woocommerce-checkout .woocommerce form.checkout_coupon {
  padding: 18px 20px !important;
  margin: 16px 0 24px !important;
}
body.woocommerce-checkout .woocommerce form .form-row label {
  color: #222 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
}
body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body.woocommerce-checkout .woocommerce form .form-row select {
  min-height: 44px !important;
  border: 1px solid #d7dbe0 !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #171717 !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}
body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
body.woocommerce-checkout .woocommerce form .form-row textarea:focus,
body.woocommerce-checkout .woocommerce form .form-row select:focus {
  border-color: #c8242b !important;
  outline: 2px solid rgba(200,36,43,.12) !important;
}
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
  border: 1px solid #e2e5e9 !important;
  border-radius: 4px !important;
  padding: 16px !important;
  background: #fff !important;
}
body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment ul.payment_methods {
  background: #fff !important;
}
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 0 !important;
  background: #c8242b !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button#place_order:hover {
  background: #a91d23 !important;
}
body.woocommerce-checkout .woocommerce-info {
  border-top-color: #c8242b !important;
  border-radius: 3px !important;
}
body.woocommerce-checkout .woocommerce-info::before {
  color: #c8242b !important;
}
@media (max-width: 767px) {
  body.woocommerce-checkout .woocommerce form.login,
  body.woocommerce-checkout .woocommerce form.woocommerce-form-login,
  body.woocommerce-checkout .woocommerce form.checkout_coupon {
    max-width: none !important;
    padding: 16px !important;
    margin: 12px 0 18px !important;
  }
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 12px !important;
  }
  body.woocommerce-checkout .woocommerce form .form-row-first,
  body.woocommerce-checkout .woocommerce form .form-row-last {
    width: 100% !important;
    float: none !important;
  }
}

/* Hide the duplicate coupon notice on checkout */
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .checkout_coupon,
body.woocommerce-checkout form.checkout_coupon {
  display: none !important;
}

/* OHGAWD Track Order: compact centered card, same look as the Login form */
.woocommerce-form-track-order.track_order {
  max-width: 420px;
  width: 100%;
  margin: 56px auto 80px;
  padding: 0 16px;
  box-sizing: border-box;
}
.woocommerce-form-track-order.track_order::before {
  content: "Track Order";
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  margin: 0 0 14px;
}
.woocommerce-form-track-order.track_order > p:first-of-type {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 0 24px !important;
}
.woocommerce-form-track-order.track_order > p:first-of-type::after {
  content: "Enter your order ID and email to see your order status." !important;
  display: block !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #666 !important;
}
.woocommerce-form-track-order.track_order .form-row,
.woocommerce-form-track-order.track_order .form-row-first,
.woocommerce-form-track-order.track_order .form-row-last {
  float: none !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}
.woocommerce-form-track-order.track_order label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0 0 6px;
}
.woocommerce-form-track-order.track_order .input-text {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid var(--color-gray-300, #d1d5db);
  border-radius: var(--site-site-radius, 4px);
  font-size: 16px;
}
.woocommerce-form-track-order.track_order .input-text:focus {
  outline: 0;
  border-color: rgb(var(--site-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, rgb(var(--site-primary)) 18%, transparent);
}
.woocommerce-form-track-order.track_order .input-text::placeholder {
  font-size: 0.85rem;
  color: #9ca3af;
}
.woocommerce-form-track-order.track_order button[name="track"] {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0;
  margin-top: 6px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #fff !important;
  background-color: rgb(var(--site-primary)) !important;
  border: 1px solid transparent !important;
  border-radius: var(--site-site-radius, 4px);
  cursor: pointer;
}
.woocommerce-form-track-order.track_order button[name="track"]:hover {
  color: #fff !important;
  background-color: rgb(var(--site-primary)) !important;
  filter: brightness(0.92);
}
.woocommerce-form-track-order.track_order .clear { display: none; }

/* My Account dashboard: minimal. Hide default greeting + long help text (header already says "Welcome back"). */
.woocommerce-MyAccount-content > p:has(a[href*="logout"]),
.woocommerce-MyAccount-content > p:has(a[href*="edit-account"]) {
  display: none !important;
}
.ohgawd-account-home { max-width: 520px; }
.ohgawd-account-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 18px;
}
.ohgawd-last-order {
  padding: 18px 20px;
  margin: 0 0 20px;
  border: 1px solid #e5e7eb;
  border-radius: var(--site-site-radius, 4px);
}
.ohgawd-last-order-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 8px;
}
.ohgawd-last-order-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
}
.ohgawd-last-order-status {
  font-size: 13px;
  font-weight: 600;
  color: rgb(var(--site-primary));
}
.ohgawd-last-order-meta {
  font-size: 14px;
  color: #555;
  margin: 4px 0 16px;
}
.ohgawd-account-empty { color: #555; margin: 0 0 16px; }
.ohgawd-account-shop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  background-color: rgb(var(--site-primary));
  color: #fff !important;
  border-radius: var(--site-site-radius, 4px);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-decoration: none;
}
.ohgawd-account-shop:hover { filter: brightness(.92); }
@media (max-width: 767px) {
  .ohgawd-account-title { font-size: 1.3rem; margin-bottom: 14px; }
  .ohgawd-last-order { padding: 16px; }
  .ohgawd-account-shop { display: flex; width: 100%; }
}

/* Order pages (view order + thank-you): shipping address only, full width. */
.woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-customer-details .woocommerce-column--1.col-1:has(+ .woocommerce-column--shipping-address) {
  display: none !important;
}
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column--shipping-address {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Order pages on phones: readable table, no sideways scroll, tidy address. */
@media (max-width: 767px) {
  .woocommerce-MyAccount-content,
  .woocommerce-order {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .woocommerce-table--order-details {
    width: 100%;
    table-layout: fixed;
  }
  .woocommerce-table--order-details th,
  .woocommerce-table--order-details td {
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.45;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .woocommerce-table--order-details th:last-child,
  .woocommerce-table--order-details td:last-child {
    width: 34%;
    text-align: right;
  }
  .woocommerce-order-details .woocommerce-order-details__title,
  .woocommerce-customer-details .woocommerce-column__title {
    font-size: 1.05rem;
    margin: 20px 0 10px;
  }
  .woocommerce-customer-details address {
    font-size: 14px;
    line-height: 1.55;
    padding: 12px 14px;
    word-break: break-word;
  }
}

/* Phones: fewer line breaks. One-line announcement, compact order status, tighter header spacing. */
@media (max-width: 767px) {
  /* Announcement bar: one line, drop the wrapped "Shop Now" link */
  .site-announcement .site-announcement-inner { padding-top: 6px !important; padding-bottom: 6px !important; }
  .site-announcement p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
    line-height: 1.4;
  }
  .site-announcement p a { display: none !important; }

  /* Account header: less empty space, name on one line */
  .woocommerce-my-account { margin-top: 6px !important; padding-top: 10px !important; }
  .my-account-user .user-detail { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
  .my-account-user .user-detail span,
  .my-account-user .user-detail p { margin: 0; font-size: 15px; }

  /* My Account > Orders: stacked cards on phones (up to 767px) */
@media (max-width: 767px) {
  .woocommerce-account .woocommerce-orders-table { display: block; border: 0; background: transparent; }
  .woocommerce-account .woocommerce-orders-table thead { display: none; }
  .woocommerce-account .woocommerce-orders-table tbody,
  .woocommerce-account .woocommerce-orders-table tr { display: block; }
  .woocommerce-account .woocommerce-orders-table tr.woocommerce-orders-table__row {
    background: #ffffff; border: 1px solid #e6e6e4; border-radius: 14px; margin: 0 0 14px; padding: 6px 14px 14px;
  }
  .woocommerce-account .woocommerce-orders-table td {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 0; border: 0; border-bottom: 1px solid #f0f0ee;
    text-align: right; font-size: 14px; color: #111111; white-space: normal;
  }
  .woocommerce-account .woocommerce-orders-table td:last-child { border-bottom: 0; }
  .woocommerce-account .woocommerce-orders-table td::before {
    content: attr(data-title); font-size: 11px; font-weight: 700; letter-spacing: .06em;
    text-transform: uppercase; color: #6b6f76; text-align: left;
  }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a { font-size: 16px; font-weight: 900; color: #e01a2b; }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { display: block; padding-top: 12px; }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before { display: none; }
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
    display: block; width: 100%; margin: 0; padding: 13px 16px; border: 0; border-radius: 0;
    background: #e01a2b; color: #ffffff; text-align: center; font-size: 14px; font-weight: 800;
    letter-spacing: .04em; text-transform: uppercase;
  }
}
/* Orders on phones: View button, text centred both ways, full-width bar */
@media (max-width: 767px) {
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button,
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    line-height: 1 !important;
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #ffffff !important;
    background: #e01a2b !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}
/* Orders on phones: card layout, order number + status on top, date + total below, full-width View */
@media (max-width: 767px) {
  .woocommerce-account .woocommerce-orders-table tr.woocommerce-orders-table__row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "num status" "date total" "act act";
    column-gap: 16px;
    row-gap: 14px;
    padding: 16px !important;
  }
  .woocommerce-account .woocommerce-orders-table tr td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    font-size: 14px;
    color: #111111;
    white-space: normal;
  }
  .woocommerce-account .woocommerce-orders-table tr td::before {
    display: block;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6b6f76;
  }
  .woocommerce-account .woocommerce-orders-table__cell-order-number { grid-area: num; }
  .woocommerce-account .woocommerce-orders-table__cell-order-number a { font-size: 16px; font-weight: 900; color: #e01a2b; }
  .woocommerce-account .woocommerce-orders-table__cell-order-date { grid-area: date; }
  .woocommerce-account .woocommerce-orders-table__cell-order-status { grid-area: status; }
  .woocommerce-account .woocommerce-orders-table__cell-order-total { grid-area: total; }
  .woocommerce-account .woocommerce-orders-table__cell-order-actions { grid-area: act; padding-top: 4px !important; }
  .woocommerce-account .woocommerce-orders-table__cell-order-actions::before { display: none !important; }
  .woocommerce-account .woocommerce-orders-table__cell-order-status {
    justify-self: start;
    align-self: start;
    font-weight: 700;
  }
  .woocommerce-account .woocommerce-orders-table__cell-order-status::before { display: none !important; }
  .woocommerce-account .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount { font-weight: 700; }
}
/* Order status sentence -> one tidy line: "Order #2762 · Oct 15, 2026  [CANCELLED]" */
  .woocommerce-MyAccount-content > p:has(mark.order-number) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    font-size: 0 !important;
    line-height: 1;
    margin: 0 0 14px;
  }
  .woocommerce-MyAccount-content > p:has(mark.order-number) mark {
    background: none !important;
    padding: 0 !important;
    color: #111;
    font-size: 15px;
    line-height: 1.3;
  }
  .woocommerce-MyAccount-content > p:has(mark.order-number) mark.order-number { order: 1; font-weight: 700; }
  .woocommerce-MyAccount-content > p:has(mark.order-number) mark.order-number::before { content: "Order #"; }
  .woocommerce-MyAccount-content > p:has(mark.order-number) mark.order-date { order: 2; font-size: 13px; color: #555; }
  .woocommerce-MyAccount-content > p:has(mark.order-number) mark.order-status {
    order: 3;
    padding: 3px 10px !important;
    background: #f3f4f6 !important;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
}

/* Mini-cart: no dark square when removing an item; smooth slide + fade instead.
   (WooCommerce's loading overlay defaulted to black.) Desktop and mobile. */
.site-mini-cart .blockUI.blockOverlay,
.widget_shopping_cart .blockUI.blockOverlay,
.woocommerce-mini-cart-item .blockUI.blockOverlay {
  background: #fff !important;
  opacity: .55 !important;
  border-radius: 0 !important;
  cursor: default !important;
}
.site-mini-cart .woocommerce-mini-cart-item {
  transition: height .28s ease, opacity .22s ease, margin .28s ease, padding .28s ease;
}
.site-mini-cart .woocommerce-mini-cart-item.is-removing {
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  pointer-events: none;
}
.site-mini-cart .woocommerce-mini-cart-item.is-removing > .blockUI {
  display: none !important;
}
@keyframes ohgawd-mini-cart-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}
.site-mini-cart .site-mini-cart-empty {
  animation: ohgawd-mini-cart-in .3s ease both;
}
@media (prefers-reduced-motion: reduce) {
  .site-mini-cart .woocommerce-mini-cart-item { transition: none; }
  .site-mini-cart .site-mini-cart-empty { animation: none; }
}

/* Track Order: label reads "Email" instead of "Billing email" */
.woocommerce-form-track-order.track_order label[for="order_email"] {
  font-size: 0 !important;
  line-height: 0 !important;
}
.woocommerce-form-track-order.track_order label[for="order_email"]::after {
  content: "Email" !important;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

/* Track Order: phone tweaks */
@media (max-width: 767px) {
  .woocommerce-form-track-order.track_order {
    margin: 28px auto 56px;
    padding: 0 4px;
  }
  .woocommerce-form-track-order.track_order::before {
    font-size: 1.65rem;
    margin-bottom: 10px;
  }
  .woocommerce-form-track-order.track_order > p:first-of-type {
    margin-bottom: 20px !important;
  }
  .woocommerce-form-track-order.track_order > p:first-of-type::after {
    font-size: 13px !important;
  }
  .woocommerce-form-track-order.track_order button[name="track"] {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
}

/* OHGAWD order confirmation redesign — draft only; reuse existing Cildank/OHGAWD theme colors. */
body.woocommerce-order-received {
  --og-ink: #171717;
  --og-accent: #c8242b;
}
body.woocommerce-order-received .site-content,
body.woocommerce-order-received .site-content > .container,
body.woocommerce-order-received .site-content .content-area,
body.woocommerce-order-received .site-content .site-main {
  width: 100%; max-width: none;
}
body.woocommerce-order-received .site-content .container {
  max-width: 1320px; margin-inline: auto; padding-inline: 24px;
}
body.woocommerce-order-received .woocommerce {
  max-width: 1320px; margin: 30px auto 76px; padding: 0 24px; color: #171717;
  font-size: 15px; line-height: 1.55;
}
body.woocommerce-order-received .woocommerce .woocommerce-notice--success {
  position: relative; display: block; margin: 0 0 24px; padding: 30px 34px 32px 34px;
  border: 1px solid #deded8; border-left: 5px solid #c8242b; border-radius: 10px; background: #fff; color: #171717;
  font-size: 15px; line-height: 1.6; box-shadow: 4px 4px 0 rgba(17,17,15,.08);
}
body.woocommerce-order-received .woocommerce .woocommerce-notice--success::before {
  content: "✓  PAYMENT SUCCESSFUL"; display: inline-flex; align-items: center; margin: 0 0 12px;
  padding: 6px 13px; border-radius: 999px; background: var(--og-accent); color: #fff;
  font-size: 11px; font-weight: 800; letter-spacing: .09em; line-height: 1.5;
}
body.woocommerce-order-received .woocommerce .woocommerce-notice--success::after {
  content: "ORDER CONFIRMED."; display: block; margin: 0 0 8px; color: #171717;
  font-size: clamp(28px, 4vw, 48px); font-weight: 900; letter-spacing: -.045em; line-height: 1.05;
}
body.woocommerce-order-received .woocommerce .woocommerce-order-overview {
  display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0 0 24px; padding: 16px 20px;
  list-style: none; border: 1px solid #deded8; border-radius: 8px; background: #fff;
}
body.woocommerce-order-received .woocommerce .woocommerce-order-overview li {
  float: none; margin: 0; padding: 0; border: 0; font-size: 12px; line-height: 1.5;
  text-transform: uppercase; letter-spacing: .05em; color: #686860;
}
body.woocommerce-order-received .woocommerce .woocommerce-order-overview li strong {
  display: block; margin-top: 3px; color: #111; font-size: 14px; font-weight: 750; letter-spacing: 0;
}
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
  margin: 0 0 22px; overflow: hidden; border: 1px solid #deded8; border-radius: 10px;
  background: #fff; box-shadow: 3px 3px 0 rgba(17,17,15,.08);
}
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
  margin: 0 !important; padding: 16px 20px !important; background: #171717; color: #fff !important;
  font-size: 15px !important; font-weight: 800 !important; letter-spacing: .04em; text-transform: uppercase;
}
body.woocommerce-order-received .woocommerce-order-details__title::before { content: "▣  "; color: var(--og-lime); }
body.woocommerce-order-received .woocommerce-column__title::before { content: "⌖  "; color: var(--og-lime); }
body.woocommerce-order-received table.woocommerce-table--order-details {
  width: calc(100% - 28px); margin: 14px; border-collapse: collapse; border: 1px solid #e8e8e3;
  border-radius: 5px; overflow: hidden; font-size: 14px;
}
body.woocommerce-order-received table.woocommerce-table--order-details thead th {
  background: #f5f5f1; color: #55554f; font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
}
body.woocommerce-order-received table.woocommerce-table--order-details th,
body.woocommerce-order-received table.woocommerce-table--order-details td {
  padding: 13px 14px; border: 1px solid #e8e8e3; vertical-align: middle;
}
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child td {
  background: #f0f0ec; color: #111; font-weight: 850; font-size: 16px;
}
body.woocommerce-order-received .woocommerce-customer-details address {
  margin: 0 !important; padding: 22px 24px !important; border: 0 !important; background: #fff;
  font-size: 14px; line-height: 1.8; color: #343430;
}
body.woocommerce-order-received .woocommerce-customer-details address p { margin: 10px 0 0; }
body.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--phone,
body.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--email { overflow-wrap: anywhere; }
body.woocommerce-order-received .woocommerce-order-details + .woocommerce-customer-details { margin-top: 22px; }
body.woocommerce-order-received .woocommerce a.button,
body.woocommerce-order-received .woocommerce .button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px;
  border: 1px solid var(--og-ink) !important; border-radius: 7px !important; background: rgb(var(--site-primary,204,36,44)) !important;
  color: #fff !important; font-size: 12px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase;
  box-shadow: 3px 3px 0 var(--og-ink); transition: transform .18s ease, box-shadow .18s ease;
}
body.woocommerce-order-received .woocommerce a.button:hover,
body.woocommerce-order-received .woocommerce .button:hover { transform: translate(2px,2px); box-shadow: 1px 1px 0 var(--og-ink); }
body.woocommerce-order-received .woocommerce a { text-underline-offset: 3px; }
@media (min-width: 900px) {
  body.woocommerce-order-received .woocommerce-order { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: 0 22px; align-items: start; }
  body.woocommerce-order-received .woocommerce .woocommerce-notice--success,
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview { grid-column: 1 / -1; }
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details { min-width: 0; }
  body.woocommerce-order-received .woocommerce-order-details + .woocommerce-customer-details { margin-top: 0; }
}
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce { margin: 18px auto 44px; padding: 0 14px; }
  body.woocommerce-order-received .woocommerce .woocommerce-notice--success { margin-bottom: 16px; padding: 22px 18px; font-size: 14px; }
  body.woocommerce-order-received .woocommerce .woocommerce-notice--success::after { font-size: 28px; }
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview { gap: 12px 18px; padding: 14px; margin-bottom: 16px; }
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview li { flex: 1 1 40%; min-width: 0; }
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details { margin-bottom: 16px; }
  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-column__title { padding: 14px 16px !important; font-size: 13px !important; }
  body.woocommerce-order-received table.woocommerce-table--order-details { width: calc(100% - 16px); margin: 8px; font-size: 12px; }
  body.woocommerce-order-received table.woocommerce-table--order-details th,
  body.woocommerce-order-received table.woocommerce-table--order-details td { padding: 9px 8px !important; font-size: 14px !important; line-height: 1.5; overflow-wrap: anywhere; }
  body.woocommerce-order-received .woocommerce-customer-details address { padding: 16px !important; font-size: 14px; line-height: 1.65; }
  body.woocommerce-order-received .woocommerce a.button,
  body.woocommerce-order-received .woocommerce .button { width: 100%; margin: 4px 0 8px; }
}

/* Modern UX polish — checkout confirmation only; draft theme, no live changes. */
body.woocommerce-order-received {
  --og-surface: #ffffff;
  --og-soft: #f7f7f5;
  --og-line: #e8e8e4;
  --og-muted: #686862;
}
body.woocommerce-order-received .woocommerce {
  color: var(--og-ink);
  font-family: inherit;
}
body.woocommerce-order-received .woocommerce .woocommerce-notice--success {
  padding: 28px 32px 30px;
  border: 1px solid var(--og-line);
  border-left: 4px solid var(--og-accent);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(20,20,20,.045);
}
body.woocommerce-order-received .woocommerce .woocommerce-notice--success::before {
  letter-spacing: .07em;
  padding: 7px 12px;
  margin-bottom: 15px;
}
body.woocommerce-order-received .woocommerce .woocommerce-notice--success::after {
  margin-bottom: 12px;
  letter-spacing: -.04em;
}
body.woocommerce-order-received .woocommerce .woocommerce-order-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--og-line);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(20,20,20,.035);
}
body.woocommerce-order-received .woocommerce .woocommerce-order-overview li {
  padding: 20px 22px;
  min-width: 0;
  border-right: 1px solid var(--og-line);
  font-size: 11px;
  letter-spacing: .06em;
}
body.woocommerce-order-received .woocommerce .woocommerce-order-overview li:last-child { border-right: 0; }
body.woocommerce-order-received .woocommerce .woocommerce-order-overview li strong {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
  border: 1px solid var(--og-line);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(20,20,20,.035);
}
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
  padding: 19px 22px !important;
  background: var(--og-soft);
  color: var(--og-ink) !important;
  border-bottom: 1px solid var(--og-line);
  font-size: 14px !important;
  letter-spacing: .015em;
  text-transform: none;
}
body.woocommerce-order-received .woocommerce-order-details__title::before,
body.woocommerce-order-received .woocommerce-column__title::before { color: var(--og-accent); }
body.woocommerce-order-received table.woocommerce-table--order-details {
  width: calc(100% - 32px);
  margin: 16px;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
}
body.woocommerce-order-received table.woocommerce-table--order-details thead th {
  padding-top: 14px;
  padding-bottom: 14px;
  background: var(--og-soft);
  border-color: var(--og-line);
  color: var(--og-muted);
}
body.woocommerce-order-received table.woocommerce-table--order-details th,
body.woocommerce-order-received table.woocommerce-table--order-details td {
  border-color: var(--og-line);
}
body.woocommerce-order-received table.woocommerce-table--order-details a {
  color: var(--og-ink);
  font-weight: 650;
  text-decoration-thickness: 1px;
}
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child td {
  background: #fff7f7;
  color: var(--og-ink);
}
body.woocommerce-order-received .woocommerce-customer-details address {
  padding: 24px !important;
  line-height: 1.85;
}
body.woocommerce-order-received .woocommerce a.button,
body.woocommerce-order-received .woocommerce .button {
  min-height: 48px;
  padding: 0 24px;
  border-radius: 8px !important;
  box-shadow: none;
  letter-spacing: .025em;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body.woocommerce-order-received .woocommerce a.button:hover,
body.woocommerce-order-received .woocommerce .button:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(200,36,43,.18);
  filter: brightness(.97);
}
@media (max-width: 900px) {
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview li:nth-child(2) { border-right: 0; }
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview li:nth-child(-n+2) { border-bottom: 1px solid var(--og-line); }
}
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce .woocommerce-notice--success {
    padding: 22px 18px 24px;
    border-radius: 12px;
  }
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview { border-radius: 12px; }
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview li { padding: 15px 13px; font-size: 10px; }
  body.woocommerce-order-received .woocommerce .woocommerce-order-overview li strong { font-size: 14px; }
  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-column__title { padding: 16px !important; }
  body.woocommerce-order-received table.woocommerce-table--order-details { width: calc(100% - 16px); margin: 8px; }
  body.woocommerce-order-received .woocommerce-customer-details address { padding: 17px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.woocommerce-order-received .woocommerce a.button,
  body.woocommerce-order-received .woocommerce .button { transition: none; }
}

/* My Account (phones): every WooCommerce button has the same height, full width and square shape.
   Address-book buttons (.og-addr) are styled in ohgawd-addresses.css. */
@media (max-width: 767px) {
  body.woocommerce-account .woocommerce-MyAccount-content .button,
  body.woocommerce-account .woocommerce-MyAccount-content button.button,
  body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 52px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
  }
}

/* OHGAWD My Account > Orders (phones): tidy card.
   Order number is plain text (no box), number + status share the top row, status is a pill aligned with TOTAL. */
@media (max-width: 767px) {
  .woocommerce-account .woocommerce-orders-table tr.woocommerce-orders-table__row {
    align-items: center;
    min-width: 0;
    box-sizing: border-box;
  }
  .woocommerce-account .woocommerce-orders-table tr.woocommerce-orders-table__row td {
    min-width: 0;
    box-sizing: border-box;
  }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number {
    display: block !important;
    justify-self: start;
    align-self: center;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: none !important;
  }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number::before {
    display: none !important;
  }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number *,
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: none !important;
    line-height: 1.2 !important;
  }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status {
    display: inline-flex !important;
    align-items: center;
    justify-self: start;
    align-self: center;
    width: max-content;
    box-sizing: border-box;
    padding: 5px 11px !important;
    background: #f3f4f6;
    border: 0 !important;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status::before {
    display: none !important;
  }
}

/* Cart badge: match discount colour */
.quick-button-count {
  background-color: #e01a2b !important;
}

/* Brand primary colour: #e01a2b (coupon button, coupon message, other primary elements) */
:root:root {
  --site-primary: 224 26 43;
}