/* Targets single product pages */

body.single-product #sidebar,
body.single-product .sidebar {
  display: none;
}

/* Optional: Expand content to full width */

body.single-product #primary,
body.single-product .content-area {
  width: 100%;

  float: none;
}

.bg-body-tertiary {
  background: #d72a2d14; /* Semi-transparent background */

  backdrop-filter: blur(10px); /* Glass morphism effect */

  padding: 20px;

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);

  transition: all 0.4s ease;
}

.bg-body-tertiary {
  background: white; /* Light background */

  padding: 15px 20px;

  border-radius: 12px;

  border: 1px solid rgba(0, 0, 0, 0.1); /* Subtle border */

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Very soft shadow */

  transition: all 0.3s ease;
}

.bg-body-tertiary:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Slightly stronger shadow on hover */
}

.breadcrumb {
  display: flex;

  align-items: center;

  margin: 0;

  padding: 0;

  list-style: none;
}

.breadcrumb-item {
  font-size: 14px;

  color: #555;

  text-transform: uppercase;

  font-weight: 500;

  margin-right: 10px;

  position: relative;

  transition: all 0.3s ease;
}

.breadcrumb-item:not(:last-child)::after {
  margin-left: 10px;

  color: #999;

  font-weight: 400;
}

.breadcrumb-item a {
  color: #d72a2d;

  text-decoration: none;

  transition: all 0.3s ease;

  padding: 5px 8px;

  border-radius: 6px;
}

.breadcrumb-item a:hover {
  color: #2071c8;

  background: rgba(0, 123, 255, 0.1); /* Subtle hover background */
}

.breadcrumb-item.active {
  color: #333;

  font-weight: 600;

  background: rgba(255, 255, 255, 0.8);

  padding: 5px 8px;

  border-radius: 6px;
}

/****single-product-review.php**/

/* Modern Reviews Section */

#reviews.woocommerce-Reviews {
  margin-top: 10px;

  padding: 20px;

  background-color: #f9f9f9;

  border-radius: 10px;
}

#reviews .woocommerce-Reviews-title {
  font-size: 24px;

  font-weight: 600;

  margin-bottom: 20px;

  color: #333;
}

#reviews .commentlist {
  list-style: none;

  padding: 0;
}

#reviews .commentlist li {
  background: #fff;

  padding: 20px;

  margin-bottom: 20px;

  border-radius: 8px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#reviews .commentlist li .comment-text {
  margin-left: 80px;
}

#reviews .commentlist li .meta {
  font-size: 14px;

  color: #777;

  margin-bottom: 10px;
}

#reviews .commentlist li .description {
  font-size: 16px;

  color: #333;
}

#reviews .woocommerce-pagination {
  text-align: center;

  margin-top: 20px;
}

#reviews .woocommerce-pagination .page-numbers {
  display: inline-block;

  padding: 10px 20px;

  background: #fff;

  border-radius: 5px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#reviews .woocommerce-pagination .page-numbers li {
  display: inline-block;

  margin: 0 5px;
}

#reviews .woocommerce-pagination .page-numbers li a {
  color: #333;

  text-decoration: none;
}

#reviews .woocommerce-pagination .page-numbers li a:hover {
  color: #d72a2d;
}

#reviews .woocommerce-noreviews {
  font-size: 16px;

  color: #777;

  text-align: center;
}

/* Modern Review Form */

#review_form_wrapper {
  margin-top: 40px;
}

#review_form {
  background: #fff;

  padding: 20px;

  border-radius: 10px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#review_form .comment-reply-title {
  font-size: 22px;

  font-weight: 600;

  margin-bottom: 20px;

  color: #333;
}

#review_form .comment-form-rating {
  margin-bottom: 20px;
}

#review_form .comment-form-rating label {
  font-size: 16px;

  color: #333;

  margin-bottom: 10px;

  display: block;
}

#review_form .comment-form-rating select {
  width: 100%;

  padding: 10px;

  border-radius: 5px;

  border: 1px solid #ddd;

  font-size: 16px;

  color: #333;
}

#review_form .comment-form-comment textarea {
  width: 100%;

  padding: 10px;

  border-radius: 5px;

  border: 1px solid #ddd;

  font-size: 16px;

  color: #333;

  resize: vertical;
}

#review_form .comment-form-author,
#review_form .comment-form-email {
  margin-bottom: 20px;
}

#review_form .comment-form-author input,
#review_form .comment-form-email input {
  width: 100%;

  padding: 10px;

  border-radius: 5px;

  border: 1px solid #ddd;

  font-size: 16px;

  color: #333;
}

#review_form .form-submit {
  text-align: right;
}

#review_form .form-submit input {
  background-color: #d72a2d;

  color: #fff;

  padding: 10px 20px;

  border: none;

  border-radius: 5px;

  font-size: 16px;

  cursor: pointer;

  transition: background-color 0.3s ease;
}

#review_form .form-submit input:hover {
  background-color: #005177;
}

#review_form .must-log-in {
  font-size: 16px;

  color: #777;

  text-align: center;
}

#review_form .woocommerce-verification-required {
  font-size: 16px;

  color: #777;

  text-align: center;
}

/****single-product-review.php**/

/**reveiw.php**/

/* Custom CSS for WooCommerce Reviews */

.comment_container {
  background-color: white;

  border-radius: 8px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  padding: 20px;

  margin-bottom: 20px;
}

.comment-text {
  color: #333;
}

.comment-text .star-rating {
  color: #ffc107;

  margin-bottom: 10px;
}

.comment-text .meta {
  font-size: 0.9em;

  color: #666;

  margin-bottom: 10px;
}

.comment-text .description {
  font-size: 1em;

  line-height: 1.6;

  color: #444;
}

.comment-text .description p {
  margin-bottom: 0;
}

/**reveiw.php**/

/** related.php**/

.product-section {
  text-align: center;

  padding: 50px 0px;
}

.product-grid {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 20px;
}

/* .product-item {

  background: #ffffff;

  padding: 20px;

  border-radius: 15px;

  text-align: center;

  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);

  width: 22%;

  min-width: 250px;

  transition: transform 0.3s ease;

  display: flex;

  flex-direction: column;

  align-items: center;

} */

.product-item {
  background: #ffffff;

  padding: 20px;

  border-radius: 15px;

  text-align: center;

  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);

  transition: transform 0.3s ease;

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 23%;

  min-width: 250px;

  overflow: hidden; /* Ensure content doesn't overflow */
}

.product-item:hover {
  transform: translateY(-5px);
}

/* .product-item img {

  width: 100%;

  height: 200px;

  object-fit: contain;

  border-radius: 10px;

  margin-bottom: 20px;

} */

.product-item img {
  width: 100%;

  height: 300px; /* Increased height for images */

  object-fit: contain;

  border-radius: 10px;

  margin-bottom: 20px;
}

/* .product-title {

  font-size: 1.2rem;

  margin: 10px 0;

  font-weight: 600;

  color: #333;

} */

.product-title {
  font-size: 1.2rem;

  margin: 10px 0;

  font-weight: 600;

  color: #333;

  display: -webkit-box;

  -webkit-line-clamp: 2; /* Limit title to 2 lines */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis; /* Add ellipsis for overflow */

  height: 3em; /* Adjust height to fit 2 lines */

  line-height: 1.5em; /* Ensure proper line spacing */
}

.product-price {
  font-size: 1.3rem;

  font-weight: bold;

  color: #d72a2d;

  margin-bottom: 20px;
}

.custom-cart-btn {
  display: flex;

  align-items: center;

  justify-content: center;

  background: #d72a2d;

  color: white;

  padding: 12px 25px;

  font-size: 1rem;

  font-weight: 600;

  border-radius: 8px;

  border: none;

  text-decoration: none;

  width: 100%;

  transition: all 0.3s ease;

  gap: 15px;
}

.custom-cart-btn:hover {
  background: #2071c8;

  transform: translateY(-2px);
}

.cart-icon {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 35px;

  height: 35px;

  background-color: white;

  border-radius: 50%;

  margin-right: 12px;
}

.cart-icon i {
  font-size: 16px;

  color: #004080;
}

@media (max-width: 768px) {
  .product-grid {
    flex-direction: column;

    align-items: center;
  }

  .product-item {
    width: 100%;

    /* max-width: 300px; */
  }
}

/** related.php **/

/**rating.php **/

/* Modern Product Rating Section */

.woocommerce-product-rating {
  display: flex;

  align-items: center;

  margin-bottom: 20px;
}

.woocommerce-product-rating .star-rating {
  font-size: 18px;

  color: #ffb900; /* Star color */

  margin-right: 10px;
}

.woocommerce-product-rating .woocommerce-review-link {
  font-size: 14px;

  color: #d72a2d; /* Link color */

  text-decoration: none;

  transition: color 0.3s ease;
}

.woocommerce-product-rating .woocommerce-review-link:hover {
  color: #005177; /* Link hover color */
}

.woocommerce-product-rating .woocommerce-review-link .count {
  font-weight: 600;

  color: #333; /* Count color */
}

/* Responsive Design */

@media (max-width: 768px) {
  .woocommerce-product-rating {
    flex-direction: column;

    align-items: flex-start;
  }

  .woocommerce-product-rating .star-rating {
    margin-bottom: 10px;
  }
}

/** rating.php **/

/** product-image.php **/

/* Modern and Clean Design for WooCommerce Single Product Image Gallery */

.product-gallery-modern {
  background: rgba(
    255,
    255,
    255,
    0.9
  ); /* Light background with slight transparency */

  border: 1px solid rgba(0, 0, 0, 0.1); /* Subtle border */

  border-radius: 15px; /* Rounded corners */

  padding: 20px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Very soft shadow */

  transition: all 0.3s ease;
}

.product-gallery-modern:hover {
  transform: translateY(-3px); /* Slight lift on hover */

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); /* Slightly stronger shadow on hover */
}

.woocommerce-product-gallery__wrapper {
  display: flex;

  flex-wrap: wrap;

  gap: 10px; /* Space between images */

  justify-content: center;
}

.flex-viewport > .woocommerce-product-gallery__wrapper {
  justify-content: flex-start;
}

.woocommerce-product-gallery__wrapper img {
  border-radius: 10px; /* Rounded corners for images */

  transition: all 0.3s ease;

  max-width: 100%;

  height: auto;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Very subtle shadow for images */
}

.woocommerce-product-gallery__wrapper img:hover {
  transform: scale(1.03); /* Slight zoom on hover */

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Slightly stronger shadow on hover */
}

.woocommerce-product-gallery__image--placeholder {
  background: rgba(255, 255, 255, 0.8); /* Light background for placeholder */

  border-radius: 10px;

  padding: 20px;

  text-align: center;

  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05); /* Inner glow */
}

.woocommerce-product-gallery__image--placeholder img {
  max-width: 80%;

  height: auto;

  opacity: 0.7;
}

/* Active Image Highlight */

.woocommerce-product-gallery__wrapper img.active {
  border: 2px solid rgba(0, 123, 255, 0.5); /* Subtle border for active image */

  box-shadow: 0 0 15px rgba(0, 123, 255, 0.2); /* Soft glow for active image */
}

/* Responsive Design */

@media (max-width: 768px) {
  .product-gallery-modern {
    padding: 15px;
  }

  .woocommerce-product-gallery__wrapper {
    gap: 8px;
  }

  .woocommerce-product-gallery__wrapper img {
    border-radius: 8px;
  }
}

/** product-image.php **/

/** meta.php **/

.product_meta {
  margin-top: 15px;

  font-size: 14px;
}

.product_categories {
  margin-top: 10px;
}

.category-list {
  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 5px;
}

.category-box {
  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border: 1px solid #ddd;

  padding: 8px;

  border-radius: 5px;

  background: #f8f9fa;

  width: 80px;

  text-align: center;

  transition: all 0.3s ease;
}

.category-box img {
  width: 50px;

  height: 50px;

  object-fit: cover;

  border-radius: 5px;

  margin-bottom: 5px;
}

.category-box span {
  font-size: 12px;

  font-weight: bold;

  color: #333;
}

.category-box:hover {
  background: #007bff;

  color: #fff;
}

.category-box:hover span {
  color: #fff;
}

/** meta.php **/

/** tabs/tab.php **/

.nav-tabs .nav-link {
  border: 1px solid #ddd;

  color: #333;

  font-weight: 600;

  padding: 10px 15px;

  transition: all 0.3s ease-in-out;

  margin-right: 2px;
}

.nav-tabs .nav-link:hover {
  background-color: #f8f9fa;
}

.nav-tabs .nav-link.active {
  background-color: #d72a2d;

  color: #fff;

  border-color: #d72a2d;
}

/* Desktop layout and styling */
@media (min-width: 769px) {
  .col-lg-9 {
    width: 100%;
  }

  #wpgs-gallery {
    width: 50% !important;
  }

  .entry-summary {
    width: 50% !important;
  }

  .spswiper-slide {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin: 8px 4px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border: 2px solid transparent;
    background-clip: padding-box;
  }

  /* Create border effect with gradient */
  .spswiper-slide::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #d72a2d, #ff6b6b, #d72a2d, #ff6b6b);
    z-index: -1;
    border-radius: 12px;
  }

  /* Remove the existing after pseudo-element */
  .spswiper-slide::after {
    display: none;
  }
}

/* Mobile styling */
@media (max-width: 768px) {
  #wpgs-gallery,
  .entry-summary {
    width: 100% !important;
  }

  .spswiper-slide {
    position: relative;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    margin: 6px 2px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #d72a2d;
  }

  /* No gradient border on mobile */
  .spswiper-slide::before,
  .spswiper-slide::after {
    display: none;
  }
}

.tab-content {
  border: 1px solid #ddd;

  border-top: none;

  padding: 15px;

  background: #fff;

  border-radius: 5px;
}

/** tabs/tab.php **/

/** tabs/description.php **/

.description-heading {
  font-size: 26px;

  font-weight: bold;

  text-transform: uppercase;

  color: #333;

  margin-bottom: 10px;

  position: relative;
}

.description-heading::after {
  content: "";

  display: block;

  width: 60px;

  height: 4px;

  background-color: #d72a2d !important;

  margin-top: 5px;
}

.product-description-content {
  font-size: 17px;

  line-height: 1.8;

  color: #444;

  font-weight: 400;
}

/** simple.php and variation-add-product.php **/

.single_add_to_cart_button {
  padding: 8px !important;
  background-color: #d72a2d !important;
  border-color: #d72a2d !important;
}

.quantity {
  display: flex;

  align-items: center;

  border: 1px solid #ddd;

  border-radius: 5px;

  overflow: hidden;

  padding: 5px;

  background: #f8f9fa;
}

.quantity input {
  text-align: center;

  border: none;

  width: 40px;

  font-size: 14px;

  padding: 5px;

  outline: none;

  background: white;
}

.quantity button {
  background: rgb(80, 139, 12);

  color: white;

  border: none;

  padding: 6px 10px;

  font-size: 14px;

  cursor: pointer;
}

.quantity button.minus {
  background: #dc3545;
}

.quantity button.plus:hover {
  background: #0056b3;
}

.quantity button.minus:hover {
  background: #c82333;
}

/**product-thumbnail**/

.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;

  gap: 1rem;

  max-width: 400px;

  margin-top: 20px;
}

/** Add to cart button variation-add-to-cart-button.php**/

@media (max-width: 440px) {
  /* Adjust for mobile screens */

  .single_add_to_cart_button {
    width: 50px; /* Reduce button size */

    height: 45px; /* Keep it square */

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  i.fas.fa-arrow-right {
    display: none;
  }

  .cart-icon {
    display: none;
  }

  .single_add_to_cart_button i {
    font-size: 20px; /* Adjust icon size */
  }
}

/* .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {

  justify-content: center;

} */

/** additional-information.php **/

.card {
  border-radius: 12px;

  overflow: hidden;
}

.card-header {
  border-top-left-radius: 12px;

  border-top-right-radius: 12px;

  font-size: 1.2rem;

  font-weight: bold;

  background: white;
}

.card-body {
  font-size: 1rem;

  line-height: 1.6;

  color: #333;
}

.card-header h3 {
  color: var(--bs-primary);

  font-weight: 500;
}

table.woocommerce-product-attributes {
  width: 100%;

  border-collapse: collapse;
}

table.woocommerce-product-attributes th,
table.woocommerce-product-attributes td {
  padding: 12px;

  border-bottom: 1px solid #ddd;
}

table.woocommerce-product-attributes th {
  background: #f8f9fa;

  font-weight: 600;

  text-align: left;
}

/* Make tab list horizontally scrollable */
.woocommerce-tabs .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  white-space: nowrap;
  border-bottom: 1px solid #dee2e6; /* Keep tab border */
}

/* Ensure tab buttons don't shrink */
.woocommerce-tabs .nav-tabs .nav-item {
  flex: 0 0 auto;
}

/* Optional: style scrollbar (for Webkit browsers) */
.woocommerce-tabs .nav-tabs::-webkit-scrollbar {
  height: 6px;
}

.woocommerce-tabs .nav-tabs::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

span.woocommerce-Price-amount.amount {
  color: #d72a2d;
  font-weight: bold;
}