/*! Beranda GenOne - stylesheet eksternal.
    Diekstrak dari resources/views/user/home/index_new.blade.php
    (blok <style> inline di dalam <body>).
    Isi & urutan Aturan dipertahankan apa adanya - tidak ada perubahan fungsi.
    DILARANG mengedit file ini via cache: gunakan?v={{ now()->format('ymdHis') }} */

      /* Promo Carousel Controls Styling */
      #promoCarousel .carousel-control-prev,
      #promoCarousel .carousel-control-next {
        width: 45px !important;
        height: 45px !important;
        background: rgba(220, 53, 69, 0.8) !important;
        border-radius: 50% !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        opacity: 1 !important;
        z-index: 10 !important;
        transition: all 0.3s ease !important;
        border: 2px solid white !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
      }
      
      #promoCarousel .carousel-control-prev {
        left: 10px !important;
      }
      
      #promoCarousel .carousel-control-next {
        right: 10px !important;
      }
      
      #promoCarousel .carousel-control-prev:hover,
      #promoCarousel .carousel-control-next:hover {
        background: #dc3545 !important;
        transform: translateY(-50%) scale(1.1) !important;
      }
      
      #promoCarousel .carousel-control-prev-icon,
      #promoCarousel .carousel-control-next-icon {
        width: 20px !important;
        height: 20px !important;
      }
      
      /* Mobile adjustments */
      @media (max-width: 768px) {
        #promoCarousel .carousel-control-prev,
        #promoCarousel .carousel-control-next {
          width: 35px !important;
          height: 35px !important;
        }
        
        #promoCarousel .carousel-control-prev {
          left: 5px !important;
        }
        
        #promoCarousel .carousel-control-next {
          right: 5px !important;
        }
        
        #promoCarousel .carousel-control-prev-icon,
        #promoCarousel .carousel-control-next-icon {
          width: 16px !important;
          height: 16px !important;
        }
      }
      
      /* Modal Lokasi Popup Styling */
      .location-selector-popup:hover {
        border-color: #dc3545 !important;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
      }
      
      .modal-lokasi-popup .card {
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
      }
      
      .modal-lokasi-popup .lokasi-list {
        border: 1px solid #eee;
        border-radius: 8px;
        background: white;
      }
      
      .modal-lokasi-popup .lokasi-list li:first-child {
        border-top: none;
      }
      
      .modal-lokasi-popup .lokasi-list li:last-child {
        border-bottom: none;
        border-radius: 0 0 8px 8px;
      }
      
      .modal-lokasi-popup .lokasi-list li:hover {
        background-color: #f8f9fa !important;
      }
      
      .modal-lokasi-popup .lokasi-list li:active {
        background-color: #e9ecef !important;
      }
      
      /* Force Theme Color Button Styles */
      .btn-compare {
        background: linear-gradient(45deg, #dc3545, #e74c3c) !important;
        border: 1px solid #dc3545 !important;
        color: white !important;
        font-weight: 600 !important;
        border-radius: 20px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3) !important;
      }
      
      .btn-compare {
        background: #000000 !important;
        border: 2px solid #000000 !important;
        color: white !important;
        font-weight: 600 !important;
        border-radius: 20px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
      }
      
      .btn-compare:hover {
        background: linear-gradient(45deg, #dc3545, #e74c3c) !important;
        border-color: #dc3545 !important;
        color: white !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4) !important;
      }
      
      /* Pastikan tombol "Lihat Diskon Terbaik" menggunakan style tema */
      button[type="submit"]:contains("Lihat Diskon Terbaik"),
      button[type="submit"]:contains("Bandingkan"),
      .btn-compare,
      .motor-card .btn-compare,
      .motor-card button.btn-compare {
        background: #000000 !important;
        background-color: #000000 !important;
        border: 2px solid #000000 !important;
        border-color: #000000 !important;
        color: white !important;
        font-weight: 600 !important;
        border-radius: 20px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
      }
      
      button[type="submit"]:contains("Lihat Diskon Terbaik"):hover,
      button[type="submit"]:contains("Bandingkan"):hover,
      .btn-compare:hover,
      .motor-card .btn-compare:hover,
      .motor-card button.btn-compare:hover {
        background: linear-gradient(45deg, #dc3545, #e74c3c) !important;
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        color: white !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4) !important;
      }
      
      /* More Product Button Theme Color */
      .btn-more-product {
        background: linear-gradient(45deg, #dc3545, #e74c3c) !important;
        border: none !important;
        color: white !important;
        font-weight: 600 !important;
        padding: 12px 30px !important;
        border-radius: 25px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3) !important;
      }
      
      .btn-more-product:hover {
        background: linear-gradient(45deg, #c82333, #dc3545) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4) !important;
        color: white !important;
      }
      
      /* ===== MOBILE MOTOR CARD SIZE BOOST (HOME ONLY) ===== */
      @media (max-width: 768px) {
        /* Bigger image */
        .motor-card .motor-image-container {
          height: 160px !important;
        }
        .motor-card .motor-image-container img {
          object-fit: cover !important;
          transform: scale(1.15) !important;
          transition: transform 0.4s ease !important;
        }
        /* Bigger title */
        .motor-card .card-title {
          font-size: 1rem !important;
        }
        /* Bigger label texts */
        .motor-card .otr-section small.text-muted,
        .motor-card .row.g-0 small.text-muted {
          font-size: 0.85rem !important;
        }
        /* Bigger values */
        .motor-card .otr-section .fs-5 {
          font-size: 1.2rem !important;
        }
        .motor-card .row.g-0 .fw-bold {
          font-size: 1.15rem !important;
        }
      }
      
      /* Price Info Styling */
      .price-info {
        background: #f8f9fa;
        border-radius: 10px;
        padding: 15px;
        margin: 15px 0;
      }
      
      .price-info .mb-2 {
        padding: 5px 0;
        border-bottom: 1px solid #e9ecef;
      }
      
      .price-info .mb-2:last-child {
        border-bottom: none;
      }
      
      .price-info small {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }
      
      .price-info .fw-bold {
        font-size: 14px;
        margin-top: 2px;
      }
    /* FINAL OVERRIDE - HOME MOTOR GRID (UNIQUE SCOPE) */
  .home-motor-grid .motor-card .motor-image-container {
      position: relative !important;
      height: 280px !important;
      padding: 18px 18px 6px 18px !important;
      box-sizing: border-box !important;
      background: white !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }

  .home-motor-grid .motor-card .motor-image-container > div {
      position: relative !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
  }
  
  .home-motor-grid .motor-card .motor-image-container img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      object-position: center !important;
      transform: none !important;
      transform-origin: center center !important;
      transition: all 0.5s ease-in-out !important;
  }
  
  .home-motor-grid .motor-card:hover .motor-image-container img {
      transform: none !important;
  }
  
  /* Remove any extra padding in card body for image */
  .home-motor-grid .motor-card .card-body {
      padding: 0 !important;
  }
  
  .home-motor-grid .motor-card .motor-name-section {
      padding: 6px 12px 10px 12px !important;
  }
  
  .home-motor-grid .motor-card .motor-name-section h5.card-title {
      margin: 0 !important;
      line-height: 1.15 !important;
  }
  
  /* Mobile adjustments for ultimate fix */
  @media (max-width: 768px) {
      .home-motor-grid .motor-card .motor-image-container {
          height: 200px !important;
      }
      
      .home-motor-grid .motor-card .motor-image-container img {
          transform: none !important;
          object-fit: contain !important;
          object-position: center !important;
      }
  }