/*
Theme Name: SCP Store
Theme URI: http://www.worp.com
Author: SCP Store
Author URI: http://www.worp.com
Description: A luxury fashion e-commerce theme for WooCommerce
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scpstore
*/

/* Base styles */
body {
  font-family: 'Montserrat', sans-serif;
}

/* Navigation styles */
.nav-transparent {
  background: transparent;
}

.nav-transparent a,
.nav-transparent button,
.nav-transparent i {
  color: white;
}

.nav-white {
  background: white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.nav-white a,
.nav-white button,
.nav-white i {
  color: #1a1a1a;
}

/* Hero slider styles */
.hero-slide {
  transition: opacity 0.8s ease-in-out;
}

.hero-content {
  transition: opacity 0.5s ease-in-out;
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

/* Line clamp */
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* WooCommerce overrides */
.woocommerce-message {
  background: #f9f9f9;
  border-left: 4px solid #C9A84C;
}

.woocommerce-error {
  background: #f9f9f9;
  border-left: 4px solid #e2401c;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Mobile menu styles */
.mobile-menu-open {
  overflow: hidden;
}

/* Product card hover effect */
.product-card:hover .product-image {
  transform: scale(1.05);
}

/* Custom button styles */
.btn-primary {
  background: #C9A84C;
  color: white;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background: #b8973e;
}

/* Form styles */
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #C9A84C;
}

/* Cart styles */
.cart-item {
  transition: all 0.3s ease;
}

.cart-item:hover {
  background: #f9f9f9;
}

/* Wishlist styles */
.wishlist-btn {
  transition: all 0.3s ease;
}

.wishlist-btn:hover {
  transform: scale(1.1);
}

/* Notification styles */
.notification {
  animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Loading spinner */
.spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #C9A84C;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Product meta styles */
.product_meta {
  font-size: 0.875rem;
  color: #666;
}

.product_meta a {
  color: #C9A84C;
}

.product_meta a:hover {
  text-decoration: underline;
}

/* Product price styles - ensure symbol and number same size */
.product-price {
  font-size: inherit;
}

.product-price .woocommerce-Price-currencySymbol,
.product-price .woocommerce-Price-amount {
  font-size: inherit;
}

.product-price ins {
  text-decoration: none;
  font-size: inherit;
}

.product-price del {
  color: #999;
  font-size: 0.85em;
  margin-right: 0.5em;
}