/*
Theme Name: Irving Books
Theme URI: https://cloud-industry.com
Template: astra
Author: Cloud Industry
Author URI: https://cloud-industry.com/about/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.6.4.1748392058
Updated: 2025-05-28 00:27:38

*/

/
/* --- Custom Styles for Homepage improvements by ChatGPT Designer --- */

/* Consistent section spacing across the site */
body .elementor-section {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  body .elementor-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 768px) {
  body .elementor-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/* Always show slider navigation arrows and improve their appearance */
.slick-slider .slick-prev,
.slick-slider .slick-next,
.swiper-button-prev,
.swiper-button-next {
  opacity: 1 !important;
  visibility: visible !important;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
  color: #B40000;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(0,0,0,0.2);
}

/* Secondary styling for Add to Cart buttons to differentiate from Buy Now buttons */
.woocommerce ul.products li.product a.button:not(.single_add_to_cart_button),
.woocommerce a.add_to_cart_button {
  background-color: #333333 !important;
  color: #ffffff !important;
}
.woocommerce ul.products li.product a.button:not(.single_add_to_cart_button):hover,
.woocommerce a.add_to_cart_button:hover {
  background-color: #555555 !important;
  color: #ffffff !important;
}

/* Add spacing around product CTA buttons */
.woocommerce ul.products li.product a.button {
  margin-top: 12px;
}

/* Ensure hero and section images scale properly on smaller screens */
@media (max-width: 768px) {
  .elementor-section .elementor-widget-image img {
    width: 100%;
    height: auto;
  }
}
*/