/*
  Theme Name: ErfanCore
  Theme URI: https://erfan-alin.vercel.app/
  Author: Erfan Alin
  Author URI: https://erfan-alin.vercel.app/
  Description: ErfanCore WordPress Theme
  Version: 1.4.0
  License: GNU General Public License v2 or later
  License URI: LICENSE
  Text Domain: erfancore
  */

  /* Fix Horizontal Scrolling */
  html {
      overflow-x: hidden;
  }

  body {
      overflow-x: hidden;
      max-width: 100vw;
  }
  
  
/* Complete New Product Page Styles */
  .product-hero-banner {
      background-color: #0c1a22;
      padding: 80px 0;
      position: relative;
      overflow: hidden;
  }

  .product-hero-banner .product-hero-content .hero-title {
      color: #ffffff !important;
      font-size: 48px;
      font-weight: 700;
      margin-bottom: 30px;
      line-height: 1.2;
  }

  .product-hero-banner .product-hero-content .tv-subscription-features .features-list {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .product-hero-banner .product-hero-content .tv-subscription-features .features-list li {
      color: #ffffff;
      font-size: 18px;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
  }

  .product-hero-banner .product-hero-content .tv-subscription-features .features-list li i
   {
      color: #f51e5a;
      margin-right: 15px;
      font-size: 20px;
  }

  .product-details-section {
      background-color: #0c1a22;
      padding: 80px 0;
  }

  .product-details-section .new-product-layout .product-image-section
  .woocommerce-product-gallery .woocommerce-product-gallery__wrapper
  .woocommerce-product-gallery__image img {
      border-radius: 20px;
      background-color: #1a2832;
      padding: 20px;
  }

  .product-details-section .new-product-layout .product-info-section {
      padding-left: 40px;
  }

  .product-details-section .new-product-layout .product-info-section .product-title {
      color: #ffffff !important;
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 15px;
  }

  .subscription-options .variations-wrapper .variations select {
      background-color: #1a2832;
      border: 2px solid #2a3844;
      color: #ffffff;
      padding: 15px 20px;
      border-radius: 8px;
      width: 100%;
      font-size: 16px;
  }

  .single_add_to_cart_button {
      background-color: #f51e5a !important;
      color: #ffffff !important;
      border: none !important;
      padding: 15px 30px !important;
      border-radius: 8px !important;
      font-weight: 600 !important;
  }
  
  
  
  
  
  
  
  
  /* Override Bootstrap's bg-secondary class specifically for product pages */
  body.single-product .bg-secondary {
      background-color: #0c1a22 !important;
  }

  /* Target the specific banner area */
  .overflow-hidden.page-banner-area {
      background-color: #0c1a22 !important;
      background: #0c1a22 !important;
  }