/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.2.1750870013
Updated: 2025-06-25 22:16:53

*/

.wp-block-navigation-item__content:hover {
  color: #ff7c09 !important;
}

footer .wp-block-navigation-item__content:hover {
  color: #143e52 !important; /* Or set it to your footer’s default color */
}
.wc-block-mini-cart__icon {font-size: 40px;}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{
    width:40px!important;
    height:40px!important;
}
span.onsale {
    line-height: 1.6 !important;
    vertical-align: top;
    padding: 10px !important;
    background-color: #C92426 !important;
}
/*.wc-block-components-product-image img,.woocommerce-product-gallery__image, ol.flex-control-nav.flex-control-thumbs li img {*/
/*border-radius:20px!important;*/
/*}*/
/*ol.flex-control-nav.flex-control-thumbs {*/
/*    padding: 10px 20px !important;*/
/*}*/
/*ol.flex-control-nav.flex-control-thumbs li {*/
/*    margin-right: 15px !important;*/
/*}*/

.wp-element-button,
.wp-block-button__link {
  transition: background-color 1s cubic-bezier(0.25, 0.1, 0.25, 1), 
              color 1s ease, 
              border-color 1s ease;
}

/* Keep the button content visible */
.wp-block-button__link {
  position: relative;
  overflow: hidden;
}

/* Ensure inner content (text or spans) is above the ripple */
.wp-block-button__link * {
  position: relative;
  z-index: 2;
}

/* Ripple base */
.ripple {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(18, 18, 18, 0.5);
  transform: scale(0);
  pointer-events: none;
  z-index: 1;
}

/* Animate in */
.ripple-in {
  animation: ripple-grow 5s ease-out forwards;
}

/* Animate out */
.ripple-out {
  animation: ripple-shrink 0.8s ease-in forwards;
}

/* Grow animation */
@keyframes ripple-grow {
  to {
    transform: scale(6);
    opacity: 0.5;
  }
}

/* Shrink + fade animation */
@keyframes ripple-shrink {
  from {
    transform: scale(6);
    opacity: 0.5;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}

.footer_wave {
  margin-top: -200px;
  margin-bottom: -30px;
}

@media (min-width: 1024px) {
div#payuWidget iframe, div#payuWidget iframe .widgetbox_container {
    max-width: unset !important;
}
}

/* Tablet (typically widths between 768px and 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
  .footer_wave {
    margin-top: -120px;
    margin-bottom: -20px;
  }
}

/* Mobile (below 768px) */
@media (max-width: 767px) {
  .footer_wave {
    margin-top: -80px;
    margin-bottom: -10px;
  }
  footer > .wp-block-image {
    margin-bottom: -10px !important;
}
form#commentform input[type=text], form#commentform input[type=email] {
    max-width: 90%;
    min-width: 90%;
}
.order-journey {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
}

/* Target the 3rd .order-step if it's the only one in its row */
.mobile-full {
    grid-column: span 2 !important;
}

.order-connector{
    display:none !important;
}
.order-step small {
    font-size: 0.7rem !important;
}
}

.order-journey {
  display: grid;
  grid-template-columns: repeat(7, auto);
  align-items: center;
  gap: 0;
  margin-top: 2rem;
  overflow-x: auto;
}

.order-step {
    position: relative;
    padding: 1rem;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    border:2px dashed #c92426;
}

.order-step::before {
    content: attr(data-step);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 28px;
    height: 28px;
    background: #ff7c09;
    color: white;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

.order-step h3 {
    margin: 0;
    font-size: 1.2rem;
}
.order-step small {
    font-size: 0.8rem;
}

.order-connector {
  height: 40px;
  width: 100%;
  background: url("data:image/svg+xml,%3Csvg width='100%25' height='40' viewBox='0 0 120 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12 Q 30 0, 60 12 T 120 12' stroke='%23ccc' stroke-width='2' fill='none' stroke-dasharray='5 5'/%3E%3C/svg%3E") center/cover no-repeat;
}

a.buy-now-btn.button {
    display: flex;
    align-items: stretch;
    border-style: none;
    justify-content: center;
    font-family: "Burbank Big Regular";
    font-size: 18px;
    margin-top: 10px;
        width: auto;
}