/* Taigh Ryan Co - Hover zoom for Kadence Advanced Image */

/* Make sure the wrapper hides overflow so the zoom stays inside */
.kb-adv-image-wrap {
  overflow: hidden;
}

/* The visible “image” is actually this div with the background image */
.kb-image-has-overlay {
  transition: transform 0.35s ease;
}

/* Zoom when hovering the Kadence image block */
.wp-block-kadence-image:hover .kb-image-has-overlay {
  transform: scale(1.08);
}

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

body .wp-block-cover {
    margin-top: 0 !important;
}

body .entry-content > *:first-child {
    margin-top: 0 !important;
}

/* Taigh Ryan Co — Hero Typography */
.trc-hero h1 {
  font-size: clamp(42px, 4.5vw, 78px);
  line-height: 1.05;
  margin-bottom: 18px;
}

.trc-hero h2 {
  font-size: clamp(22px, 2.4vw, 36px);
  margin-top: 22px;
  margin-bottom: 10px;
}

.trc-hero p {
  font-size: clamp(15px, 1.2vw, 18px);
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}


/* Hero buttons */
.trc-hero .wp-block-buttons {
  gap: 16px;
}

/* Stack buttons on mobile */
@media (max-width: 768px) {
  .trc-hero .wp-block-buttons {
    flex-direction: column;
    align-items: center;
  }
}

/* Hero outline button hover (matches brand + feels premium) */
.trc-hero .trc-hero-outline a,
.trc-hero .trc-hero-outline .wp-element-button {
  border: 2px solid #F7F6F2 !important;
  color: #F7F6F2 !important;
  background: transparent !important;
}

.trc-hero .trc-hero-outline a:hover,
.trc-hero .trc-hero-outline .wp-element-button:hover {
  background: #F7F6F2 !important;
  color: #1a1a1a !important;
}




/* Taigh Ryan Co – fix huge product gallery space */
.single-product div.product .woocommerce-product-gallery {
    height: auto !important;
    min-height: 0 !important;
}


/* Force mobile menu toggle icon to stay visible (all states) */
.header-trigger .menu-toggle-icon svg,
.header-trigger .menu-toggle-icon svg *,
.off-canvas-trigger .menu-toggle-icon svg,
.off-canvas-trigger .menu-toggle-icon svg *,
button.menu-toggle svg,
button.menu-toggle svg *,
button[class*="trigger"] svg,
button[class*="trigger"] svg * {
    stroke: #F7F4EF !important;
    fill: #F7F4EF !important;
    color: #F7F4EF !important;
    opacity: 1 !important;
}



/* Taigh Ryan Co – Quote of the Week formatting */

.taigh-quote-week {
  text-align: center; /* remove if you want left-aligned */
}

.taigh-week-label {
  font-size: 0.75em;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 0.75rem;
}

.taigh-quote-text {
  font-size: 1.15em;
  font-weight: 600;
  line-height: 1.5;
}


/* Taigh Ryan Co – Cart Checkout Button */
.wp-block-woocommerce-proceed-to-checkout {
  margin-bottom: 2px !important;
}

.cart-secure-text {
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.cart-secure-text svg,
.cart-secure-text .dashicons {
  opacity: 0.8;
}


/* Taigh Ryan Co – Empty Cart Hide Sad Face-  */
.with-empty-cart-icon.wc-block-cart__empty-cart__title::before {
  display: none !important;
  content: none !important;
}


/* Limit filter width */
.wpc-filters-widget-wrapper select {
    max-width: 260px;
}

/* Better spacing between filters for Filter Everything */
.wpc-filters-widget-wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
}

/* Dropdown styling */
.wpc-filters-widget-wrapper select {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-size: 14px;
}

/* Hover/focus for Filter Everything*/
.wpc-filters-widget-wrapper select:focus {
    border-color: #c7772c;
    outline: none;
}

/* Reduce space under filters for Filter Everything */
.wpc-filters-widget-wrapper {
    margin-bottom: 10px;
}


/* More space between the search banner and filters for Filter Everything */
.wpc-filters-widget-wrapper {
    margin-top: 20px !important;
}

/* Tighten filter area spacing overall for Filter Everything */
.wpc-filters-widget-wrapper,
.wpc-filters-section {
    padding-top: 8px;
}


.tax-product_cat .entry-hero-container-inner,
.tax-product_cat .title-align-inherit {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}

.tax-product_cat .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header__title,
.tax-product_cat .term-description {
  margin-top: 0 !important;
}

.tax-product_cat .term-description {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}


.kb-navigation .menu-spacer,
.kb-navigation .menu-spacer > a,
.kb-navigation .menu-spacer a {
  pointer-events: none !important;
  cursor: default !important;
  color: transparent !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.kb-navigation .menu-spacer > a,
.kb-navigation .menu-spacer a,
.kb-navigation .menu-spacer {
  position: relative;
  display: block !important;
  min-height: 20px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.kb-navigation .menu-spacer > a::after,
.kb-navigation .menu-spacer a::after,
.kb-navigation .menu-spacer::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 50%;
  height: 1px;
  background: rgba(255,255,255,0.08);
  transform: translateY(-50%);
}

.kb-navigation .menu-spacer:hover,
.kb-navigation .menu-spacer:hover > a,
.kb-navigation .menu-spacer:hover a {
  background: transparent !important;
}

@media (max-width: 768px) {
  .mobile-brand-text {
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-block !important;
    min-width: max-content !important;
  }
}

/* Remove underline + keep clean look */
.mobile-brand-text a {
  text-decoration: none !important;
  color: inherit !important;
}

.mobile-brand-text a:hover,
.mobile-brand-text a:focus,
.mobile-brand-text a:active {
  text-decoration: none !important;
  color: inherit !important;
}

.mobile-brand-text a:hover {
  opacity: 0.85;
}

/* WooBot Pro input text visibility */
#wp-chatbot-editor,
input#wp-chatbot-editor.wp-chatbot-editor {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #1b2740 !important;
    caret-color: #ffffff !important;
    font-weight: 500 !important;
}

#wp-chatbot-editor::placeholder,
input#wp-chatbot-editor.wp-chatbot-editor::placeholder {
    color: rgba(255,255,255,0.85) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.85) !important;
}

/* WooBot Pro start menu button text color */
#wp-chatbot-board-container .qcld-chatbot-wildcard,
#wp-chatbot-board-container .qcld-chatbot-buttonlink,
#wp-chatbot-board-container span.qcld-chatbot-wildcard {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

/* Keep hover readable too */
#wp-chatbot-board-container .qcld-chatbot-wildcard:hover,
#wp-chatbot-board-container .qcld-chatbot-buttonlink:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Fix active / selected WPBot button text (like Get Help) */
#wp-chatbot-board-container .qcld-chatbot-wildcard:active,
#wp-chatbot-board-container .qcld-chatbot-wildcard:focus,
#wp-chatbot-board-container .qcld-chatbot-wildcard.qcld-active,
#wp-chatbot-board-container .qcld-chatbot-buttonlink:active,
#wp-chatbot-board-container .qcld-chatbot-buttonlink:focus,
#wp-chatbot-board-container .qcld-chatbot-buttonlink.qcld-active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* WooBot Get Help / Send Email button text color */
#wp-chatbot-board-container .qcld-chatbot-suggest-email,
#wp-chatbot-board-container span.qcld-chatbot-suggest-email {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

#wp-chatbot-board-container .qcld-chatbot-suggest-email:hover,
#wp-chatbot-board-container .qcld-chatbot-suggest-email:focus,
#wp-chatbot-board-container .qcld-chatbot-suggest-email:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.woocommerce-store-notice {
    background: linear-gradient(90deg, #0D1B2A, #1B263B);
    color: #F5F5F5;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 12px 10px;
}

.woocommerce-store-notice a {
    color: #C4622D;
    font-weight: 600;
    margin-left: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.woocommerce-store-notice a:hover {
    color: #E07A3F; /* slightly lighter orange */
    text-decoration: underline;
}