/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: A child theme of Astra
Author: Your Name
Author URI: http://ecopak.solar/
Template: astra
Version: 1.0.0
*/

/* You can add custom CSS below */


h2.woocommerce-loop-product__title {
  font-size: 34px !important;
}

.astra-shop-summary-wrap .ast-woo-product-category {
  display: none !important;
}

span.price {
  font-size: 18px !important;
}

/* Button Style */
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
  padding: 17px 32px;
  background: linear-gradient(to right, #003b73, #007172);
  color: #ffffff;
  font-weight: bold;
  border: none;
  border-radius: 999px;
  transition: all 0.3s ease;
}

/* Hover effect - needs same specificity */
.woocommerce-js div.product form.cart .button.single_add_to_cart_button:hover {
  background: #ffffff;
  color: #003b73;
  border: 2px solid #003b73;
}


.elementor-element.elementor-element-3e0bc12.e-con-full.e-flex.e-con.e-child {
  border-radius: 15px;
}

.elementor-4387 .elementor-element.elementor-element-3e0bc12::before,
.elementor-4387 .elementor-element.elementor-element-3e0bc12>.elementor-background-video-container::before,
.elementor-4387 .elementor-element.elementor-element-3e0bc12>.e-con-inner>.elementor-background-video-container::before,
.elementor-4387 .elementor-element.elementor-element-3e0bc12>.elementor-background-slideshow::before,
.elementor-4387 .elementor-element.elementor-element-3e0bc12>.e-con-inner>.elementor-background-slideshow::before,
.elementor-4387 .elementor-element.elementor-element-3e0bc12>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
  border-radius: 15px;
}

.elementor-element.elementor-element-d6c86e9.e-con-full.e-flex.e-con.e-child {
  border-radius: 15px;
}

.elementor-4387 .elementor-element.elementor-element-d6c86e9::before,
.elementor-4387 .elementor-element.elementor-element-d6c86e9>.elementor-background-video-container::before,
.elementor-4387 .elementor-element.elementor-element-d6c86e9>.e-con-inner>.elementor-background-video-container::before,
.elementor-4387 .elementor-element.elementor-element-d6c86e9>.elementor-background-slideshow::before,
.elementor-4387 .elementor-element.elementor-element-d6c86e9>.e-con-inner>.elementor-background-slideshow::before,
.elementor-4387 .elementor-element.elementor-element-d6c86e9>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
  border-radius: 15px;
}

.elementor-element.elementor-element-857ac25.e-con-full.e-flex.e-con.e-child {
  border-radius: 15px;
}

.elementor-4387 .elementor-element.elementor-element-857ac25::before,
.elementor-4387 .elementor-element.elementor-element-857ac25>.elementor-background-video-container::before,
.elementor-4387 .elementor-element.elementor-element-857ac25>.e-con-inner>.elementor-background-video-container::before,
.elementor-4387 .elementor-element.elementor-element-857ac25>.elementor-background-slideshow::before,
.elementor-4387 .elementor-element.elementor-element-857ac25>.e-con-inner>.elementor-background-slideshow::before,
.elementor-4387 .elementor-element.elementor-element-857ac25>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
  border-radius: 15px;
}

/* Product Image */

.woocommerce-js ul.products li.product a img {
  width: auto !important;
}

/* Hide Cart */

form.cart {
  display: none;
}

/* Hide cart icon  */
a.ast-on-card-button.ast-select-options-trigger.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none;
}

a.ast-on-card-button.ast-select-options-trigger.product_type_simple {
  display: none;
}

/* Shipping Text */
.ast-shipping-text {
  display: none;
}

/* contact form */

/* Contact Form 7 – Container Styling */
.product-contact-form {
  /* background: #f4f8fc; */
  padding: 40px 30px !important;
  border-radius: 12px;
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
  max-width: 600px;
  margin: 40px auto;
  font-family: inherit;
}

/* Label Styling */
.product-contact-form label {
  display: block;
  margin-bottom: -42px;
  font-weight: 600;
  color: #003b73;
  font-size: 16px;
}

/* Input, Textarea Styling */
.product-contact-form input[type="text"],
.product-contact-form input[type="email"],
.product-contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  transition: border 0.3s ease;
  margin-top: 6px;
  margin-bottom: 20px;
}

.product-contact-form input:focus,
.product-contact-form textarea:focus {
  border-color: #007172;
  outline: none;
}

/* Submit Button */
.product-contact-form input[type="submit"] {
  background: linear-gradient(to right, #003b73, #007172);
  color: #fff;
  border: none;
  /* padding: 14px 30px; */
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.product-contact-form input[type="submit"]:hover {
  background: #fff;
  color: #003b73;
  border: 2px solid #003b73;
}

/* Remove CF7 spinner if needed */
/* .wpcf7-spinner {
  display: none !important;
} */

.site-content .ast-container {
  display: block;
}

.ast-separate-container.ast-right-sidebar #secondary,
.ast-separate-container.ast-left-sidebar #secondary {
  display: none;
}

#primary {
  width: 100%;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  border: 1px solid #004a80;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.astra-shop-summary-wrap {
  text-align: center;
  margin-top: 20px;
}

.ast-site-header-cart-li {
  display: none;
}

.elementor-element-1d45057>.e-con-inner {
  padding-block-start: 20px !important;
}

.ast-button-wrap {
  display: none;
}

nav.woocommerce-breadcrumb {
  display: none;
}

span.single-product-category a {
  display: none;
}

.product_meta {
  display: none;
}

/* inquiry_button style  */

.inquiry_button {
  padding: 17px 32px;
  background: linear-gradient(to right, #003b73, #007172);
  color: #ffffff;
  font-weight: bold;
  border: none;
  border-radius: 999px;
  transition: all 0.3s ease;
}

.inquiry_button:hover {
  background: #ffffff;
  color: #003b73;
  border: 2px solid #003b73;
}

/* form Design */

/* Form container styling */
#product-inquiry-form {
  background: #f8f9fa;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  max-width: 800px;
  margin: 30px auto;
  font-family: Arial, sans-serif;
}

/* Headline */
#product-inquiry-form h2 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #003b73;
}

/* Arrange first and last name in two columns */
.wpcf7-form p {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0px !important;
}

.wpcf7-form p label {
  flex: 1 1 100%;
  font-weight: 600;
  color: #003b73;
}

.wpcf7-form p:nth-child(1) label,
.wpcf7-form p:nth-child(2) label {
  flex: 1 1 calc(50% - 10px);
  /* Two column */
}

/* Input styling */
.wpcf7-form-control {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
}

/* Textarea specific */
.wpcf7-textarea {
  height: 120px;
  resize: vertical;
}

/* Submit button */
input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: linear-gradient(to right, #003b73, #007172);
  color: white;
  padding: 14px 30px;
  border: none;
  border-radius: 50px;
  font-weight: bold;
  width: 140px;
  cursor: pointer;
  transition: all 0.3s ease;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background: white;
  color: #003b73;
  border: 2px solid #003b73;
}

.elementor-4387 .elementor-element.elementor-element-1d45057 {
  --padding-top: 50px !important;
  --padding-bottom: 0px !important;
}

.astra-shop-thumbnail-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
    max-width: 200% !important;
    width: 220%;
} */
.elementor-element-5e370e0 h2 {
  max-width: 200% !important;
  width: 220%;
}

.elementor-element-1f905f6 h5 {
  max-width: 200% !important;
  width: 220%;
}

.elementor-4387 .elementor-element.elementor-element-dcec449 {
  --content-width: 50% !important;
  width: 300% !important;
}

h2.elementor-heading-title.elementor-size-default {
  font-size: 50px;
}

a.elementor-button.elementor-button-link.elementor-size-sm {
  background: linear-gradient(to right, #003b73, #007172);
  color: white;
  padding: 14px 30px;
  border: none;
  border-radius: 50px;
  font-weight: bold;
  width: 140px;
  cursor: pointer;
  transition: all 0.3s ease;
}

a.elementor-button.elementor-button-link.elementor-size-sm:hover {
  background: white;
  color: #003b73;
  border: 2px solid #003b73;
}

img.swiper-slide-image {
  border: 1px solid #004a80;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

a.elementor-button.elementor-button-link.elementor-size-sm {
  font-size: 18px !important;
  width: 100%;
}

/* Responsive fix */
@media screen and (max-width: 768px) {

  .wpcf7-form p:nth-child(1) label,
  .wpcf7-form p:nth-child(2) label {
    flex: 1 1 100%;
  }
}

.elementor-element.elementor-element-7416149.elementor-widget.elementor-widget-heading {
  margin-top: 30px;
}

.elementor-element.elementor-element-0f4cda2.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
  margin-bottom: 50px;
}

h1.product_title.entry-title {
  font-size: 45px !important;
}

.woocommerce-product-details__short-description {
  font-size: 18px !important;
}

div#tab-description p {
  font-size: 18px !important;
}

.hfe-infocard-text.elementor-inline-editing {
  font-size: 18px !important;
}

.elementor-widget-container {
  font-size: 18px !important;
}

.e-n-accordion-item-title-text {
  font-size: 18px !important;
}

.elementor-4387 .elementor-element.elementor-element-be97f60 {
  --padding-bottom: 50px;
  --padding-top: 50px;
}

@media (max-width: 767px) {
  .elementor-1165 .elementor-element.elementor-element-dee9afb {
    width: 100%;
    height: 174px;
  }

  .elementor-1165 .elementor-element.elementor-element-f474c86 {
    width: 100%;
    height: 174px;
  }

  .elementor-1165 .elementor-element.elementor-element-e6bcc0e {
    width: 100%;
    height: 174px;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: block !important;
  }

  .ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link {
    display: block;
  }

  .site-branding.ast-site-identity {
    margin-top: 20px !important;
  }

  h2.elementor-heading-title.elementor-size-default {
    font-size: 30px;
  }

  a.elementor-button.elementor-button-link.elementor-size-sm {
    font-size: 14px !important;
    margin-left: 175px;
    width: 30% !important;
  }

  .elementor-element-5e370e0 h2 {
    max-width: 200% !important;
    width: 100%;
  }

  .elementor-element-1f905f6 h5 {
    max-width: 200% !important;
    width: 100%;
  }

  .elementor-widget-heading h5.elementor-heading-title {
    line-height: 2.2em;
  }
}
/* Animation */
.product_title {
  animation: rotateIn 1.2s ease-out forwards;
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}

.woocommerce-product-details__short-description {
  animation: slideInLeft 1.4s ease-out forwards;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.woocommerce-Tabs-panel--description {
  animation: fadeInRight 1.6s ease-out forwards;
  animation-delay: 0.4s;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Base animation style */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease-out;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}
/* Zoom animation base */
.animate-zoom {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.8s ease;
}

/* Add this class when in view */
.animate-zoom.visible {
  opacity: 1;
  transform: scale(1);
}