.main-navigation a {
	letter-spacing: 0;
	font-weight: 100;
}

ul.sub-menu li.menu-item a {
	font-size: 16px;
	text-align: center;
	font-weight: 100;
}

.main-navigation ul li.menu-item-has-children > a::after, .main-navigation ul li.page_item_has_children > a::after {
	content: none;
}

.main-navigation .sub-menu .menu-item a::before {
	display: none;
}

.single-product span.sku_wrapper {
    display: none !important;
}

/* Hide cart price and item count, keep cart icon clickable */

.woocommerce-cart-link .woocommerce-Price-amount,
.woocommerce-cart-link .woocommerce-cart-count {
    display: none !important;
}

/* Slim header */

/* Fallback for theme-generated empty entry headers */
.page .site-main > article > .entry-header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page .site-main > article > .entry-content {
    margin-top: 0 !important;
}

header,/* Slim header pt 2 */
.site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 70px !important;
}

header nav a,
.site-header nav a {
    padding-top: 12px !important;
    padding-bottom: -5px !important;
    line-height: 1.25 !important;
}

header img.custom-logo {
    max-height: 42px !important;
    width: auto !important;
} /* end slim header*/


.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: darksalmon !important;

background-color: darksalmon !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background: darksalmon !important;

background-color: darksalmon !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: darksalmon !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: darksalmon !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}



/* ==================================================
   TRANSPARENT WHITE HEADER + MATCHING DROPDOWNS
   ================================================== */

/* Main header */
#masthead {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;

    background: rgba(255, 255, 255, 0.45) !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove separate backgrounds inside the main menu */
#masthead .main-navigation,
#masthead .main-navigation > div,
#masthead .main-navigation > div > ul,
#masthead .main-navigation > div > ul > li {
    background: transparent !important;
    background-image: none !important;
}

/* Main menu text and cart icon */
#masthead .main-navigation > div > ul > li > a,
#masthead .woocommerce-cart-link,
#masthead .woocommerce-cart-link svg {
    color: #111111 !important;
    fill: currentColor !important;
}

/* Dropdown: exact same transparent white as the header */
#masthead .sub-menu {
    background: rgba(255, 255, 255, 0.82) !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove theme backgrounds from dropdown rows */
#masthead .sub-menu li,
#masthead .sub-menu a {
    background: transparent !important;
    background-image: none !important;
}

/* Dropdown text */
#masthead .sub-menu a {
    color: #111111 !important;
}

/* Subtle hover without changing the overall transparency */
#masthead .sub-menu a:hover,
#masthead .main-navigation > div > ul > li > a:hover {
    background: rgba(255, 255, 255, 0.20) !important;
    color: #111111 !important;
}

/* Make transparent header span the full page width */

#masthead.site-header.responsive-max-width {
    width: 100% !important;
    max-width: none !important;

    left: 0 !important;
    right: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* Desktop only: prevent header and dropdown transparency from stacking */
@media (min-width: 769px) {
    #masthead .main-navigation .sub-menu {
        top: 80% !important;
        margin-top: 0 !important;
        transform: none !important;

        padding-top: 17px !important;
        box-sizing: border-box !important;

        background:
            linear-gradient(
                to bottom,
                transparent 0,
                transparent 17px,
                rgba(255, 255, 255, 0.6) 17px,
                rgba(255, 255, 255, 0.6) 100%
            ) !important;

        border-top: 0 !important;
    }
}

/* Mobile: return dropdown to normal menu layout */
@media (max-width: 768px) {
    #masthead .main-navigation .sub-menu {
        position: static !important;
        top: auto !important;
        margin: 0 !important;
        padding-top: 0 !important;
        transform: none !important;

        background: rgba(255, 255, 255, 0.6) !important;
        border-top: 0 !important;
    }
}
/* Prevent extra background layers */
#masthead .main-navigation .sub-menu li,
#masthead .main-navigation .sub-menu a {
    background: transparent !important;
}

/* Keep dropdown text centered */
#masthead .main-navigation .sub-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}/* all good */


/* =========================================
   REFINED MENU + DROPDOWN HOVER EFFECTS
   ========================================= */

/* Smooth transition */
#masthead .main-navigation a {
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease !important;
}

/* Main menu:
   keep the same background/transparency,
   only lift the text slightly more */
#masthead .main-navigation > div > ul > li > a:hover,
#masthead .main-navigation > div > ul > li:hover > a,
#masthead .main-navigation > div > ul > li > a:focus {
    background: transparent !important;
    color: #111111 !important;
    transform: translateY(-3px) !important;
}

/* Dropdown:
   keep text centered and stationary,
   only change the transparency on hover */
#masthead .main-navigation .sub-menu a:hover,
#masthead .main-navigation .sub-menu a:focus {
    background: rgba(255, 255, 255, 0.99) !important;
    color: #111111 !important;
    transform: none !important;
}

/* Keyboard accessibility */
#masthead .main-navigation a:focus-visible {
    outline: 1px solid rgba(17, 17, 17, 0.5) !important;
    outline-offset: -3px;
}/* all good */

/* Hide only the text of the first menu item */

#masthead .main-navigation > div > ul > li:first-child > a {
    font-size: 0 !important;
}



/* Adjust only the first menu item's logo */

#masthead .main-navigation > div > ul > li:first-child img {
    position: relative !important;
    transform: translateY(-3.9px) !important;
}

/* Make only the first menu logo larger */

#masthead .main-navigation > div > ul > li:first-child img {
    width: 63px !important;
    height: auto !important;
}

/* Solid mobile navigation panel */
@media screen and (max-width: 500px) {

    /* Main opened menu area */
    #masthead .main-navigation > div,
    #masthead .main-navigation > div > ul,
    #masthead .main-navigation .sub-menu {
    background: #ffffff !important;
			
        background-image: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Continue the white panel behind the cart */
    #masthead .woocommerce-menu-container,
    #masthead .woocommerce-cart-link,
    #masthead .site-header-cart {
        background: #ffffff !important;
        background-image: none !important;
			
    }

    /* Give the opened panel enough room beneath its contents */
    #masthead .main-navigation > div {
        padding-bottom: 10px !important;
        box-sizing: border-box !important;
    }

    /* Black text and icons */
    #masthead .main-navigation a,
    #masthead .woocommerce-cart-link,
    #masthead .woocommerce-cart-link svg {
        color: #111111 !important;
        fill: currentColor !important;
    }
}

/* One outer box around the entire menu and cart — only while the menu is open */
@media screen and (max-width: 559px) {

    #masthead #site-navigation:has(#toggle:checked) {

        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px 10px 10px !important;
        background: #ffffff !important;
        border: 2px solid rgba(204, 95, 151, 0.55) !important;
        border-radius: 5px 5px 5px 5px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
}



@media screen and (min-width: 559px) and (max-width: 888px) {

    /* Let the header rows wrap normally */
    #masthead .main-navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    /* Keep the regular menu area flexible */
    #masthead .menu-main-menu-container {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* Keep the cart on the second row instead of a third */
    #masthead .woocommerce-menu-container {
        flex: 0 0 auto !important;
        align-self: flex-end !important;
        margin-left: auto !important;
			        margin-right: 10px  !important;
        margin-top: -42px !important;
    }
}


/* Cart dropdown - single border */

.widget_shopping_cart_content {

    background: #ffffff !important;

    padding: 18px !important;

    border: 1px solid rgba(0,0,0,.08) !important;

    border-radius: 8px !important;

    box-shadow: 0 12px 30px rgba(0,0,0,.12) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove borders from everything inside */

.widget_shopping_cart_content *,
.widget_shopping_cart_content ul,
.widget_shopping_cart_content li,
.widget_shopping_cart_content .woocommerce-mini-cart,
.widget_shopping_cart_content .woocommerce-mini-cart__total,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {

    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Keep spacer heights on mobile (fixes top menu spacer) */
@media only screen and (max-width: 559px) {
  .wp-block-spacer[style] { height: 52px !important; }
}

/* Osc hero - pull-over reveal (v2: spacer-proof, no white lip) */
#osc-hero{ position:sticky !important; top:0; z-index:0; }
#osc-hero + .wp-block-spacer{
  height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important;
  background:transparent !important; box-shadow:none !important; border-radius:0 !important;
}
#osc-hero + *:not(.wp-block-spacer),
#osc-hero + .wp-block-spacer + *{
  position:relative; z-index:2; background:#fff;
  border-radius:28px 28px 0 0;
  box-shadow:0 -26px 60px rgba(53,26,58,.16);
  overflow:hidden;
}
#osc-hero + *:not(.wp-block-spacer) > :first-child,
#osc-hero + .wp-block-spacer + * > :first-child{ margin-top:0 !important; }

/* Slim Subscribe section — compact cow + tight box */
#mailpoet_form_1 { max-width: 1020px !important; margin: 12px auto !important; }
#mailpoet_form_1 .mailpoet_form_column img { max-width: 300px !important; height: auto !important; display: block; margin: 0 auto; }
#mailpoet_form_1 .mailpoet_paragraph { margin-bottom: 10px !important; }
.wp-block-cover:has(#mailpoet_form_1) { min-height: 0 !important; padding-top: 5px !important; padding-bottom: 5px !important; }
.wp-block-cover:has(#mailpoet_form_1) .wp-block-cover__inner-container > p:empty { display: none !important; }


/* Menu fades solid white on hover (desktop) */
@media screen and (min-width: 560px){
  #masthead{ transition: background-color .35s ease; }
  #masthead:hover{ background-color: #ffffff !important; }
  #masthead .main-navigation .sub-menu{
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(53,26,58,.12);
    border-radius: 0 0 10px 10px;
    padding-bottom: 14px !important;   /* <-- the new line */
  }
}


/* Sub-menu: text nudges right on hover, bg box stays put */
#masthead .main-navigation .sub-menu li:hover {
    background: rgba(255, 255, 255, 0.99) !important;
}
#masthead .main-navigation .sub-menu a:hover,
#masthead .main-navigation .sub-menu a:focus {
    background: transparent !important;
    transform: translateX(8px) !important;
}

/* ==================================================
   C&K HEADER + CART — complete block
   ================================================== */

/* ----- 1. CART ICON (custom image) ----- */
.woocommerce-cart-link svg.svg-icon { display: none !important; }
.woocommerce-cart-link::before {
  content: "" !important;
  display: inline-block !important;
  width: 38px !important;              /* ⬅ cart icon size */
  height: 38px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -6.5px !important;              /* ⬅ cart icon: negative = up, positive = down */
  background: url("https://clayandkelsy.com/wp-content/uploads/2026/07/cart-machine-512.png") no-repeat center / contain !important;
}

/* ----- 2. ACCOUNT BUTTON (icon only + hover label) ----- */
.menu-item-6206 a span { display: none !important; }
.menu-item-6206 a img {
  width: 35px !important;              /* ⬅ account icon size — keep both equal */
  height: 35px !important;
  position: relative !important;
  top: -4.2px !important;              /* ⬅ account icon: negative = up, positive = down */
}
.menu-item-6206 a { position: relative !important; }
.menu-item-6206 a::after {
  content: "My Account" !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-top: 6px !important;
  width: auto !important;              /* theme forces 0 — this restores it */
  height: auto !important;
  background: #666 !important;         /* ⬅ tooltip: lower = darker */
  color: #fff !important;
  padding: 4px 9px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .15s ease !important;
  z-index: 9999 !important;
}
.menu-item-6206 a:hover::after { opacity: 1 !important; }

/* ----- 3. CART JOINS THE MENU — one centered row (desktop only) ----- */
@media (min-width: 560px) {
  .main-navigation {
    display: flex !important;
    flex-wrap: wrap !important;          /* wraps gracefully on resize, no clashing */
    align-items: center !important;
    justify-content: center !important;  /* whole row stays centered */
  }
  .main-navigation .menu-main_menu-container,
  .main-navigation .woocommerce-menu-container,
  .main-navigation ul.main-menu {
    display: contents !important;        /* dissolves wrappers — cart joins the row */
  }
  /* FIX: theme makes <li> inherit 'contents' — restore their boxes
     so every dropdown anchors under its own tab */
  .main-navigation ul.main-menu > li {
    display: flex !important;
    align-items: center !important;
  }
  /* cart item: box + anchor for its dropdown, small gap after account */
  .main-navigation li.woocommerce-menu-item {
    display: flex !important;
    position: relative !important;
    margin-left: 8px !important;         /* ⬅ gap: account → cart */
  }
  .main-navigation li.woocommerce-menu-item .sub-menu {
    left: auto !important;
    right: -10px !important;             /* ⬅ cart dropdown position vs icon */
    top: 100% !important;
  }
  /* gap separating icons from the menu items */
  .menu-item-6206 { margin-left: 26px !important; }  /* ⬅ gap: menu → account */
}

/* ----- 4. MINI-CART DROPDOWN — roomy, premium (doubled ID beats old CSS) ----- */
#masthead#masthead .woocommerce-cart-widget {
  min-width: min(400px, calc(100vw - 40px)) !important;  /* ⬅ dropdown width */
  padding: 8px 24px !important;
  font-size: 15px !important;
}
#masthead#masthead .woocommerce-cart-widget * {
  font-size: 15px !important;
  line-height: 1.5 !important;
}
#masthead#masthead .woocommerce-mini-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}
#masthead#masthead .woocommerce-mini-cart-item:last-of-type { border-bottom: none !important; }
#masthead#masthead .woocommerce-mini-cart-item a.remove_from_cart_button {
  position: static !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  font-size: 18px !important;
}
#masthead#masthead .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
}
#masthead#masthead .woocommerce-mini-cart-item img {
  float: none !important;
  margin: 0 !important;
  width: 44px !important;                /* ⬅ thumbnail size */
  height: 44px !important;
  border-radius: 6px !important;
}
#masthead#masthead .woocommerce-mini-cart-item .quantity {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  text-align: right !important;
}
#masthead#masthead .woocommerce-mini-cart-item .quantity del { opacity: .45 !important; }
#masthead#masthead .woocommerce-mini-cart-item .quantity ins {
  text-decoration: none !important;
  font-weight: 700 !important;
}
#masthead#masthead .woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  border-top: 2px solid rgba(0,0,0,.12) !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons {
  display: flex !important;
  gap: 10px !important;
  padding: 4px 0 14px !important;
  margin: 0 !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons a.button {
  flex: 1 1 0 !important;
  text-align: center !important;
  padding: 10px 0 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background: transparent !important;
  color: #cc5f97 !important;
  border: 2px solid #cc5f97 !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons a.button.checkout {
  background: #cc5f97 !important;
  color: #fff !important;
  border: 2px solid #cc5f97 !important;
}

/* ----- 5. LOGO GAP — mirrors the icons' gap on the right ----- */
@media (min-width: 560px) {
  .main-navigation .menu-main_menu-container ul.main-menu > li:first-child {
    margin-right: 26px !important;   /* ⬅ keep equal to the menu → account gap */
  }
}

/* [Add-on 4] Level all top-level nav labels */
.main-navigation ul.main-menu > li > a{
  display:flex !important; align-items:center !important; line-height:1.2 !important;
  padding-top:11px !important; padding-bottom:11px !important;
}

/* [Add-on 5] Center each dropdown under its button */
.main-navigation ul.main-menu > li.menu-item-has-children > ul.sub-menu{
  width:170px !important; left:calc(50% - 85px) !important; right:auto !important; text-align:center !important;
}

/* ============================================================================
   Clay & Kelsy — My Account restyle · LAYER 1 (CSS only)
   Paste into: Appearance → Customize → Additional CSS
   VERIFIED live on clayandkelsy.com/my-account/ (Varia/Maywood theme).

   Notes on the fixes that were needed for THIS theme:
   • Scoped to `.entry-content > .woocommerce` so it does NOT touch the header
     mini-cart (which is also a `.woocommerce` element).
   • Uses flex + !important for the column layout, because the theme applies its
     own width rules that otherwise collapse the two columns into a stack.
   ============================================================================ */

.woocommerce-account{
  --ck-paper:#ffffff;
  --ck-bg:#f1f0ec;
  --ck-ink:#141414;
  --ck-ink-2:#4d4a44;   /* body + nav labels — darkened for readability */
  --ck-ink-3:#706c63;   /* "> " prefix, secondary text — darkened */
  --ck-line:#e4e2db;
  --ck-line-2:#d7d4cb;
  --ck-acc:#FFD707;
  --ck-pink:#D63A70;    /* links — deepened slightly for contrast */
}

/* ---- two-column shell: sidebar + content (theme-proof) ------------------ */
.woocommerce-account .entry-content > .woocommerce{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:28px !important;
  width:100% !important;
  max-width:1120px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  flex:0 0 232px !important;
  width:232px !important;
  max-width:232px !important;
  float:none !important;
  margin:0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  float:none !important;
  margin:0 !important;
}
@media (max-width:782px){
  .woocommerce-account .entry-content > .woocommerce{
    flex-wrap:wrap !important;
    padding-top:48px !important;   /* clears the absolute site header on tablets */
  }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    flex:1 1 100% !important; width:100% !important; max-width:100% !important;
  }
}
@media (max-width:600px){
  .woocommerce-account .entry-content > .woocommerce{
    padding-top:72px !important;   /* header wraps taller on phones — more clearance */
  }
}

/* ---- sidebar nav -------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:0;
  border:1px solid var(--ck-line);
  background:var(--ck-paper);
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:0;
  border-top:1px solid var(--ck-line);
}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child{ border-top:0; }

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block !important;           /* theme forces inline-table — !important wins */
  width:100% !important;              /* fill the whole row so all of it is clickable */
  box-sizing:border-box;
  white-space:nowrap;                 /* keeps "> Payment methods" on one line */
  padding:12px 16px;
  font-family:"Courier New",Courier,monospace;
  font-size:14px;
  line-height:1.3;
  color:var(--ck-ink-2);
  text-decoration:none;
  border-left:3px solid transparent;
  transition:color .15s, background .15s, border-color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"> ";
  color:var(--ck-ink-3);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  color:var(--ck-ink);
  background:rgba(0,0,0,.03);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  color:var(--ck-ink);
  font-weight:700;
  border-left-color:var(--ck-acc);
  background:rgba(255,215,7,.10);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{
  color:var(--ck-ink);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--ck-ink-3);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  color:var(--ck-pink);
}

/* ---- content area ------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content{
  font-family:"Courier New",Courier,monospace;
  color:var(--ck-ink);
}
.woocommerce-account .woocommerce-MyAccount-content p{
  color:var(--ck-ink-2);
  line-height:1.6;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button){
  color:var(--ck-pink);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover{
  border-bottom-color:var(--ck-pink);
}
/* hide WooCommerce's redundant dashboard blurb — the sidebar nav already covers it.
   Scoped to the dashboard page only (body.woocommerce-dashboard); keeps the greeting. */
.woocommerce-dashboard .woocommerce-MyAccount-content > p:nth-of-type(2){
  display:none;
}

/* ---- tables (orders / downloads) --------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table{
  border:1px solid var(--ck-line);
  border-collapse:collapse;
  width:100%;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
  border:1px solid var(--ck-line);
  padding:12px 14px;
  font-size:13px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th{
  background:#faf9f6;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  color:var(--ck-ink-3);
  text-align:left;
}

/* ---- buttons ------------------------------------------------------------ */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button{
  display:inline-block;
  font-family:"Courier New",Courier,monospace;
  font-weight:700;
  font-size:13px;
  letter-spacing:.02em;
  padding:9px 14px;
  border:1px solid var(--ck-ink);
  background:var(--ck-ink);
  color:var(--ck-paper);
  border-radius:0;
  text-decoration:none;
  transition:background .15s, color .15s, border-color .15s;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover{
  background:var(--ck-acc);
  border-color:var(--ck-acc);
  color:var(--ck-ink);
}

/* ---- forms (edit account / addresses) ---------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content form input.input-text,
.woocommerce-account .woocommerce-MyAccount-content form select,
.woocommerce-account .woocommerce-MyAccount-content form textarea{
  font-family:"Courier New",Courier,monospace;
  border:1px solid var(--ck-line-2);
  border-radius:0;
  padding:10px 12px;
  background:var(--ck-paper);
  color:var(--ck-ink);
}
.woocommerce-account .woocommerce-MyAccount-content form label{
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ck-ink-3);
}

/* [Add-on 1] Greeting: keep "Hello <name>", drop "(not <name>? Log out)" */
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type{ font-size:0 !important; }
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type::before{ content:"Hello "; font-size:20px; font-weight:400; }
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type strong:first-of-type{ font-size:20px; }

/* [Add-on 2] Addresses page — clean two-card layout */
.woocommerce-account .woocommerce-Addresses{ display:grid !important; grid-template-columns:1fr 1fr; gap:24px; }
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after{ display:none !important; }
.woocommerce-account .woocommerce-Address{ float:none !important; width:auto !important; border:1px solid var(--ck-line); padding:24px; }
.woocommerce-account .woocommerce-Address-title{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:16px; }
.woocommerce-account .woocommerce-Address-title h2{ font-size:13px !important; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ck-ink-3); margin:0; white-space:nowrap; }
.woocommerce-account .woocommerce-Address-title .edit{ font-size:12px; white-space:nowrap; }
.woocommerce-account .woocommerce-Address address{ font-style:normal; line-height:1.7; color:var(--ck-ink-2); }
@media(max-width:600px){ .woocommerce-account .woocommerce-Addresses{ grid-template-columns:1fr; } }

/* [Add-on 3] Exclamation after the greeting name */
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type::after{ content:"!"; font-size:20px; font-weight:700; }

/* ---- END OF ACCOUNT EDIT ---------------------------------------------------------------------------------------------------------------- */


/* [Add-on 7] Thank-you overview strip — clean bordered card, no stray lines */
.woocommerce-order-received ul.woocommerce-order-overview{
  display:grid !important; grid-template-columns:1fr 1fr; gap:18px 24px;
  padding:24px !important; border:1px solid #e4e2db;
}
.woocommerce-order-received ul.woocommerce-order-overview li{
  border:0 !important; padding:0 !important; margin:0 !important;
  float:none !important; text-align:left !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li,
.woocommerce-order-received ul.woocommerce-order-overview li *{
  word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-order-received .woocommerce-order-overview__email{ grid-column:1 / -1; }
@media (max-width:600px){
  .woocommerce-order-received ul.woocommerce-order-overview{ grid-template-columns:1fr; }
}
/* [Add-on 8] Thank-you tables — refined type + word-break fix that wins */
.woocommerce-order-received .woocommerce-table th,
.woocommerce-order-received .woocommerce-table td,
.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td{
  word-break:normal !important; overflow-wrap:normal !important;
  font-size:15px !important; padding:12px 14px !important;
}
.woocommerce-order-received .woocommerce-table thead th,
.woocommerce-order-received table.shop_table thead th{
  white-space:nowrap !important; font-size:12px !important;
  text-transform:uppercase; letter-spacing:.08em; color:#706c63;
}
.woocommerce-order-received .woocommerce-table--order-downloads th,
.woocommerce-order-received .woocommerce-table--order-downloads td,
.woocommerce-order-received td.download-product,
.woocommerce-order-received td.download-remaining,
.woocommerce-order-received td.download-expires,
.woocommerce-order-received td.download-file{ white-space:nowrap !important; }
.woocommerce-order-received .woocommerce-MyAccount-downloads-file{ white-space:nowrap !important; }


/* [Add-on 9] The order ticket — premium confirmation stub */
.woocommerce-order-received ul.woocommerce-order-overview{
  background:#fff;
  border:1px solid #e4e2db !important;
  border-top:3px solid #FFD707 !important;
  padding:26px 28px 28px !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li{
  font-size:11px !important; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:#9a978e;
  line-height:1.4 !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong{
  display:block; margin-top:7px;
  font-size:18px; font-weight:700; letter-spacing:.01em;
  text-transform:none; color:#141414;
}
.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__email{
  border-top:1px dashed #d7d4cb !important;
  padding-top:18px !important;
}
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received{
  font-size:12px !important; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:#141414 !important;
  margin-bottom:14px !important;
}

/* [Add-on 10] Cart page — house style */
.woocommerce-cart table.shop_table{ border:1px solid #e4e2db !important; }
.woocommerce-cart table.shop_table th{
  font-size:12px !important; text-transform:uppercase; letter-spacing:.08em;
  color:#706c63; white-space:nowrap !important; padding:14px !important;
}
.woocommerce-cart table.shop_table td{
  font-size:15px !important; padding:12px 14px !important;
  word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-cart td.product-remove a.remove{
  color:#9a978e !important; background:transparent !important;
  font-size:20px !important; font-weight:400 !important;
}
.woocommerce-cart td.product-remove a.remove:hover{ color:#D63A70 !important; background:transparent !important; }
.woocommerce-cart input.qty, .woocommerce-cart #coupon_code{
  font-family:"Courier New",Courier,monospace !important;
  border:1px solid #d7d4cb !important; border-radius:0 !important;
  background:#fff !important; color:#141414 !important; padding:9px 10px !important;
}
.woocommerce-cart .woocommerce button.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  font-family:"Courier New",Courier,monospace !important; font-weight:700 !important;
  font-size:13px !important; letter-spacing:.02em;
  background:#141414 !important; color:#fff !important;
  border:1px solid #141414 !important; border-radius:0 !important;
  transition:background .15s,color .15s,border-color .15s;
}
.woocommerce-cart .woocommerce button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:#FFD707 !important; border-color:#FFD707 !important; color:#141414 !important;
}
.woocommerce-cart .woocommerce button.button:disabled{
  background:#f1f0ec !important; border-color:#e4e2db !important; color:#9a978e !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  font-size:15px !important; padding:16px 20px !important;
}
.woocommerce-cart .cart_totals h2{
  font-size:12px !important; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:#141414;
}
.woocommerce-cart .cart_totals table.shop_table{
  border:1px solid #e4e2db !important;
  border-top:3px solid #FFD707 !important;
  background:#fff;
}
.woocommerce-cart .cart_totals th{
  font-size:11px !important; text-transform:uppercase; letter-spacing:.14em; color:#9a978e;
}
.woocommerce-cart .cart_totals td{ font-weight:700; }

/* [Add-on 11] Checkout page — house style, cosmetic-only.
   No display/visibility/layout rules, so conditional fields
   (virtual vs free vs shipping) are never affected. */
.woocommerce-checkout .entry-content h3{
  font-size:13px !important; font-weight:700 !important; letter-spacing:.18em;
  text-transform:uppercase; color:#141414;
}
.woocommerce-checkout form.checkout label{
  font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#706c63;
}
.woocommerce-checkout form.checkout label:has(input[type="checkbox"]),
.woocommerce-checkout form.checkout label:has(input[type="radio"]),
.woocommerce-checkout form.checkout .save-details label,
.woocommerce-checkout form.checkout [class*="woopay"] label,
.woocommerce-checkout form.checkout [class*="wcpay"] label{
  text-transform:none !important; letter-spacing:0 !important; font-size:14px !important; color:#4d4a44 !important;
}
.woocommerce-checkout form.checkout input.input-text:not(.phone-input),
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea{
  font-family:"Courier New",Courier,monospace !important;
  border:1px solid #d7d4cb !important; border-radius:0 !important;
  background:#fff !important; color:#141414 !important; padding:11px 12px !important;
}
.woocommerce-checkout form.checkout input.input-text:not(.phone-input):focus,
.woocommerce-checkout form.checkout select:focus,
.woocommerce-checkout form.checkout textarea:focus{
  border-color:#141414 !important; outline:2px solid #FFD707 !important; outline-offset:0 !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table{
  border:1px solid #e4e2db !important;
  border-top:3px solid #FFD707 !important;
  background:#fff;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table th{
  font-size:12px !important; text-transform:uppercase; letter-spacing:.1em;
  color:#706c63; word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td{
  font-size:15px !important; word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th{
  font-weight:700; color:#141414;
}
.woocommerce-checkout #payment{
  background:#faf9f6 !important; border:1px solid #e4e2db !important; border-radius:0 !important;
}
.woocommerce-checkout #place_order{
  font-family:"Courier New",Courier,monospace !important; font-weight:700 !important;
  font-size:15px !important; letter-spacing:.02em;
  background:#141414 !important; color:#fff !important;
  border:1px solid #141414 !important; border-radius:0 !important;
  padding:16px 22px !important;
  transition:background .15s,color .15s;
}
.woocommerce-checkout #place_order:hover{
  background:#FFD707 !important; border-color:#FFD707 !important; color:#141414 !important;
}
.woocommerce-checkout form.checkout_coupon input#coupon_code{
  font-family:"Courier New",Courier,monospace !important;
  border:1px solid #d7d4cb !important; border-radius:0 !important;
  background:#fff !important; color:#141414 !important; padding:10px 12px !important;
}
.woocommerce-checkout form.checkout_coupon button.button{
  font-family:"Courier New",Courier,monospace !important; font-weight:700 !important;
  font-size:13px !important; background:#141414 !important; color:#fff !important;
  border:1px solid #141414 !important; border-radius:0 !important;
  transition:background .15s,color .15s;
}
.woocommerce-checkout form.checkout_coupon button.button:hover{
  background:#FFD707 !important; border-color:#FFD707 !important; color:#141414 !important;
}

/* [Add-on 12] Place-order face lift + free-cart Download Now flow */
.woocommerce-checkout #payment{ padding:26px !important; }
.woocommerce-checkout #place_order{
  display:block !important; width:100% !important; box-sizing:border-box;
  background:#FFD707 !important; color:#141414 !important; border:1px solid #FFD707 !important;
  font-size:17px !important; padding:18px 24px !important; letter-spacing:.04em;
  margin-top:14px;
}
.woocommerce-checkout #place_order:hover{
  background:#141414 !important; color:#fff !important; border-color:#141414 !important;
}
#ck-download-now{
  display:inline-block; font-family:"Courier New",Courier,monospace; font-weight:700;
  font-size:15px; letter-spacing:.03em; background:#FFD707; color:#141414;
  border:1px solid #FFD707; padding:13px 20px; margin:6px 0 0; cursor:pointer;
  transition:background .15s,color .15s,border-color .15s;
}
#ck-download-now:hover{ background:#141414; border-color:#141414; color:#fff; }
@media (max-width:600px){
  #ck-download-now{ display:block; width:100%; box-sizing:border-box; }
}

/* [Add-on 13] Order/download button above the newsletter signup */
.woocommerce-checkout #payment .form-row.place-order{
  display:flex; flex-direction:column;
}
.woocommerce-checkout #payment .form-row.place-order #place_order{
  order:-1;
  margin:0 0 18px !important;
}

/* [Add-on 14] Button row above the WooPay save box */
.woocommerce-checkout #payment{ display:flex; flex-direction:column; }
.woocommerce-checkout #payment > *{ order:1; }
.woocommerce-checkout #payment > .form-row.place-order{ order:2; }
.woocommerce-checkout #payment > .woopay-save-new-user-container{ order:3; }

/* [Add-on 15] Even padding in the payment box */
.woocommerce-checkout #payment{ padding:28px !important; }
.woocommerce-checkout #payment > .form-row.place-order{ margin:0 !important; padding:0 !important; }
.woocommerce-checkout #payment > .woopay-save-new-user-container{ margin:18px 0 0 !important; }
.woocommerce-checkout #payment ul.wc_payment_methods{ margin:0 0 18px !important; padding:0 !important; }
.woocommerce-checkout #payment > .form-row.place-order > :last-child{ margin-bottom:0 !important; }
.woocommerce-checkout #payment > .woopay-save-new-user-container :last-child{ margin-bottom:0 !important; }