/* add text in Registration form in My Account page */
.woocommerce-form-register p.woocommerce-form-row:first-child::after {
    content: "Please provide a correct email address.";
    display: block;
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
	margin: 0;
}
.site-branding {
	display: flex;
}
@media(max-width: 767px) {
.site-branding {
	flex-direction: column;
	align-items: center;
}	
}
.wp-block-search__inside-wrapper{
	width:100%!important;
}

/* Set the track color (background) */
::-webkit-scrollbar {
  width: 12px; /* Adjust the width as needed */
  background-color: #f0f0f0; /* Change to the desired background color */
}

/* Set the thumb color (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: red; /* Change to the desired color for the scrollbar thumb */
  border-radius: 6px; /* Optional: Rounded corners for the scrollbar thumb */
}
/* Remove sidebar from WooCommerce product pages */
.single-product #secondary {
    display: none !important;
}

.single-product #primary {
    width: 100% !important;
}
/* Hide footer on ALL WooCommerce-related pages */
.single-product #footer,
.single-product .site-footer,
.single-product .footer-widgets,
.woocommerce-cart #footer,
.woocommerce-cart .site-footer,
.woocommerce-cart .footer-widgets,
.woocommerce-checkout #footer,
.woocommerce-checkout .site-footer,
.woocommerce-checkout .footer-widgets {
    display: none !important;
}

/* Row 1: 3 fields in one row */
.javas-row1 {
  display: flex;
  justify-content: center;     /* center align horizontally */
  align-items: center;
  gap: 12px;                   /* spacing between fields */
  margin: 20px auto;
  flex-wrap: nowrap;
  max-width: 1000px;
}

/* Input fields */
.javas-row1 input {
  flex: 1 1 0;
  padding: 12px;
  border: 1px solid #CCC;
  border-radius: 6px;
  font-size: 16px;
  min-width: 220px;            /* ensures good size on desktop */
  box-sizing: border-box;
}

/* Row 2: button centered */
.javas-row2 {
  text-align: center;
  margin-top: 10px;
}

/* Button styling */
.javas-submit {
  background: #0055AA;
  color: #fff;
  padding: 14px 28px;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  min-width: 260px;
}

/* Mobile responsive: stack Row 1 into a column */
@media (max-width: 768px) {
  .javas-row1 {
    flex-direction: column;
    align-items: stretch;
  }
}
/* Hide footer on WooCommerce-related pages */
.woocommerce-page #footer,
.woocommerce #footer,
.woocommerce-cart #footer,
.woocommerce-checkout #footer {
    display: none !important;
}
/* Hide sidebar on WooCommerce pages */
.woocommerce-page #secondary,
.woocommerce #secondary,
.archive.tax-product_cat #secondary {
    display: none !important;
}

/* Let content stretch to full width when sidebar is removed */
.woocommerce-page #primary,
.woocommerce #primary,
.archive.tax-product_cat #primary {
    width: 100% !important;
}
/* Hide the footer on WooCommerce pages */
.woocommerce-page #footer,
.woocommerce #footer,
.archive.tax-product_cat #footer {
    display: none !important;
}
/* Hide comment block on WooCommerce pages */
.woocommerce-page #comments,
.tax-product_cat #comments,
.post-type-product #comments {
    display: none !important;
}
/* Improve spacing between newsletter blocks */
.ga-news-select-container {
    gap: 22px !important;
    margin-bottom: 35px !important;
}

/* Improve card padding */
.ga-news-box {
    padding: 20px 18px !important;
}

/* Add subtle elevation */
.ga-news-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
}

/* Slight spacing under titles */
.ga-news-title {
    margin-bottom: 8px !important;
}

/* Checkbox alignment improvement */
.ga-news-box label {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Make first name / last name / email spacing consistent */
.mc4wp-form p {
    margin-bottom: 18px !important;
}

/* Improve input field size */
.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"] {
    width: 100%;
    max-width: 350px;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

/* Improve Sign up button */
.mc4wp-form input[type="submit"] {
    background: #d3542a !important;
    color: white !important;
    padding: 12px 30px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}

.mc4wp-form input[type="submit"]:hover {
    background: #c0421a !important;
}

/* Make the card container feel balanced on mobile */
@media (max-width: 600px) {
    .ga-news-box {
        flex: 1 1 100% !important;
    }
}
/* Force newsletter cards into vertical layout */
.ga-news-box label {
    display: block !important;
}

/* Title always on its own line */
.ga-news-title {
    display: block !important;
    margin-bottom: 8px !important;
}

/* Description always under title */
.ga-news-desc {
    display: block !important;
    margin-bottom: 12px !important;
    max-width: 100% !important;
    text-align: left !important;
}

/* Checkbox line layout */
.ga-news-box input[type="checkbox"] {
    margin-right: 6px !important;
    vertical-align: middle !important;
}

/* The checkbox + "Subscribe" line */
.ga-news-box label input[type="checkbox"] + span,
.ga-news-box label input[type="checkbox"] {
    display: inline-block !important;
}

/* Fix card alignment and prevent 2-column squeeze */
.ga-news-box {
    text-align: left !important;
}

/* Enforce equal card width & spacing */
.ga-news-select-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px !important;
}

.ga-news-box {
    flex: 1 1 calc(50% - 20px);
    padding: 20px 18px !important;
}

/* Make mobile layout clean */
@media (max-width: 600px) {
    .ga-news-box {
        flex: 1 1 100% !important;
    }
    .ga-news-desc {
        text-align: left !important;
    }
}




/* One-line centered footer links */
.ga-footer-inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 10px auto 8px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow-x: auto;   /* allow smooth scrolling on very small screens */
}

.ga-footer-inline a {
    display: inline-block !important;
    color: #ddd !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

.ga-footer-inline a:hover {
    text-decoration: underline !important;
    color: #fff !important;
}

.ga-footer-copy {
    text-align: center !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    color: #999 !important;
}

.ga-footer-divider {
    width: 80%;
    margin: 25px auto 10px;
    border-top: 1px solid #444;
}

/* Left-align all footer block columns */
.site-footer .wp-block-column,
.site-footer .wp-block-group,
.site-footer .wp-block-group__inner-container {
    text-align: left !important;
}

/* Also fix alignment for list items in footer */
.site-footer ul,
.site-footer li {
    text-align: left !important;
}

/* One-line on desktop, allow wrapping on small screens */
.ga-footer-inline {
    display: flex !important;
    flex-wrap: wrap !important;  /* allow wrapping instead of forcing one line */
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 10px auto !important;
    padding: 0 !important;
    white-space: normal !important;  /* allow line wrap */
    overflow-x: visible !important;  /* no sliding */
}

/* Reduce gap slightly on mobile to look tidy */
@media (max-width: 480px) {
    .ga-footer-inline {
        gap: 10px !important;
    }
}
.home .sidebar,
.home #secondary,
.home .widget-area {
    display: none !important;
}

.home .content-area,
.home #primary {
    width: 100% !important;
    max-width: 100% !important;
}