/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* =========================
   Custom WooCommerce Styling
   ========================= */

/* Product loop container styling */
.woocommerce ul.products li.product {
  background: #f9f9f9;
  margin-bottom: 20px;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #eee;
  border-radius: 4px;
}

/* Product thumbnail styling */
.woocommerce .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px;
  transition: box-shadow 0.3s ease;
}

.woocommerce .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Product title classes */
.woocommerce-loop-product__title, 
.product-title {
  font-family: 'Almarai', sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #1F1F1F;
}

/* Change product title color on hover */
.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
.woocommerce-loop-product__link:hover .product-title {
  color: #8FB94F;
}

/* Change price color on hover */
.woocommerce-loop-product__link:hover .price {
  color: #8FB94F;
}

/* Add smooth transition for color changes */
.woocommerce-loop-product__title,
.product-title,
.price {
  transition: color 0.3s ease;
}

/* Pricing and Add to Cart buttons */
.price {
  color: #111;
  font-weight: bold;
  white-space: nowrap;
  font-size: 1.2em;
  font-family: 'Almarai', sans-serif;
}

/*
.button {
  background-color: #004C97;
  color: #fff;
  padding: 8px 12px;
  text-transform: uppercase;
  font-size: 0.9rem;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.button:hover {
  background-color: #003870;
}
*/

/* =========================
   Product Image
   ========================= */

.woocommerce-loop-product__link img {
  border: 1px solid transparent;
  transition: border 0.3s ease, transform 0.3s ease;
  border-radius: 20px;
}

/* Add 1px border on hover */
.woocommerce-loop-product__link:hover img {
  border: 1px solid #8FB94F;
  transform: scale(1.02);
}

/* =========================
   LTR vs RTL Adjustments
   ========================= */

/* For LTR layouts */
body:not([dir="rtl"]) .woocommerce-loop-product__title, 
body:not([dir="rtl"]) .product-title {
  /* Additional LTR-specific styles can go here */
}

body:not([dir="rtl"]) .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  /* Additional LTR-specific styles can go here */
}

/* For RTL layouts */
body[dir="rtl"] .woocommerce-loop-product__title, 
body[dir="rtl"] .product-title {
  /* Additional RTL-specific styles can go here */
}

body[dir="rtl"] .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  /* Additional RTL-specific styles can go here */
}

body[dir="rtl"] .woocommerce ul.products li.product {
  /* Additional RTL-specific styles can go here */
}




/* Cart Page */

.card {
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* General container styling */
.aiit-cart-items-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Card styling */
.aiit-cart-item-card {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    gap: 15px;
}

/* Product image */
.aiit-cart-item-image img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
}

/* Product details */
.aiit-cart-item-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.aiit-cart-item-name a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.aiit-cart-item-price {
    font-size: 14px;
    color: #555;
}

/* Quantity input */
.aiit-cart-item-quantity input {
    width: 50px;
    text-align: center;
}

/* Remove button */
.aiit-cart-item-remove a {
    color: red;
    font-size: 18px;
    text-decoration: none;
}

/* Cart actions */
.aiit-cart-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.aiit-button {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-transform: uppercase;
}

.aiit-update-cart {
    background-color: #ddd;
}

.aiit-checkout {
    background-color: #0073aa;
    color: white;
}