/**
 * Custom Styles - Border Radius & Modern UI
 * Styles globaux pour un design moderne et cohérent
 */

/* ==========================================================================
   Variables CSS
   ========================================================================== */
:root {
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 10px;
  --radius-xl: 16px;
  --radius-full: 50px;
  --primary-color: #cc9966;
  --primary-hover: #b38855;
}

/* ==========================================================================
   Cards & Panels
   ========================================================================== */
.product,
.product-default,
.product-7,
.product-sm {
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

.product-media,
.product figure {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
  overflow: hidden;
}

.product-image {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
}

.card,
.card-dashboard {
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

.banner {
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.btn {
  border-radius: var(--radius-sm) !important;
}

.btn-rounded {
  border-radius: var(--radius-full) !important;
}

.btn-primary,
.btn-outline-primary,
.btn-outline-primary-2 {
  border-radius: var(--radius-sm) !important;
}

.btn-product,
.btn-cart,
.btn-wishlist {
  border-radius: var(--radius-sm) !important;
}

.btn-product span {
  border-radius: var(--radius-sm) !important;
}

.btn-load-more {
  border-radius: var(--radius-full) !important;
}

/* ==========================================================================
   Form Inputs
   ========================================================================== */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
  border-radius: var(--radius-sm) !important;
}

.form-control:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.15) !important;
}

.input-group {
  border-radius: var(--radius-sm) !important;
  overflow: hidden;
}

.input-group .form-control {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
}

.input-group .btn,
.input-group-append .btn {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}

/* Custom checkbox & radio */
.custom-control-label::before,
.custom-control-label::after {
  border-radius: 4px !important;
}

.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after {
  border-radius: 50% !important;
}

/* ==========================================================================
   Modals
   ========================================================================== */
.modal-content {
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

.modal-header {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
}

.modal-footer {
  border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
}

.form-box {
  border-radius: var(--radius-lg) !important;
}

/* ==========================================================================
   Alerts & Notifications
   ========================================================================== */
.alert {
  border-radius: var(--radius-md) !important;
}

.toast {
  border-radius: var(--radius-md) !important;
}

/* ==========================================================================
   Badges & Labels
   ========================================================================== */
.badge,
.product-label {
  border-radius: 4px !important;
}

.badge-pill {
  border-radius: var(--radius-full) !important;
}

/* ==========================================================================
   Images & Thumbnails
   ========================================================================== */
.product-gallery-item img,
.product-main-image img {
  border-radius: var(--radius-md) !important;
}

.owl-carousel .owl-item img {
  border-radius: var(--radius-md) !important;
}

.intro-slide img,
.banner-slide img {
  border-radius: var(--radius-lg) !important;
}

/* ==========================================================================
   Navigation & Tabs
   ========================================================================== */
.nav-tabs .nav-link {
  border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important;
}

.nav-pills .nav-link {
  border-radius: var(--radius-sm) !important;
}

.dropdown-menu {
  border-radius: var(--radius-md) !important;
  overflow: hidden;
}

.dropdown-item:first-child {
  border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

.dropdown-item:last-child {
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}

/* ==========================================================================
   Cart & Checkout
   ========================================================================== */
.cart-product-img,
.cart-product-img img {
  border-radius: var(--radius-sm) !important;
}

.summary,
.summary-shipping {
  border-radius: var(--radius-lg) !important;
}

.address-card,
.pickup-card {
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

/* ==========================================================================
   Sidebar & Filters
   ========================================================================== */
.sidebar-shop,
.sidebar-filter {
  border-radius: var(--radius-lg) !important;
}

.widget {
  border-radius: var(--radius-md) !important;
}

/* ==========================================================================
   Search Box
   ========================================================================== */
.search-wrapper,
.header-search {
  border-radius: var(--radius-full) !important;
  overflow: hidden;
}

.header-search .form-control {
  border-radius: var(--radius-full) !important;
}

.header-search .btn {
  border-radius: 0 var(--radius-full) var(--radius-full) 0 !important;
}

/* ==========================================================================
   Product Action Buttons
   ========================================================================== */
.product-action,
.product-action-vertical {
  border-radius: var(--radius-sm) !important;
}

.product-action a,
.product-action-vertical a {
  border-radius: var(--radius-sm) !important;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.page-link {
  border-radius: var(--radius-sm) !important;
}

.page-item:first-child .page-link {
  border-radius: var(--radius-sm) !important;
}

.page-item:last-child .page-link {
  border-radius: var(--radius-sm) !important;
}

/* ==========================================================================
   Countdown Timer
   ========================================================================== */
.product-countdown {
  border-radius: var(--radius-sm) !important;
}

.countdown-section {
  border-radius: var(--radius-sm) !important;
}

/* ==========================================================================
   Ratings
   ========================================================================== */
.ratings-container {
  border-radius: var(--radius-sm) !important;
}

/* ==========================================================================
   Wishlist & Compare
   ========================================================================== */
.wishlist-table img,
.compare-table img {
  border-radius: var(--radius-sm) !important;
}

/* ==========================================================================
   User Account
   ========================================================================== */
.dashboard-content {
  border-radius: var(--radius-lg) !important;
}

.order-summary {
  border-radius: var(--radius-lg) !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-newsletter .form-control {
  border-radius: var(--radius-full) 0 0 var(--radius-full) !important;
}

.footer-newsletter .btn {
  border-radius: 0 var(--radius-full) var(--radius-full) 0 !important;
}

.footer a:hover,
.footer a:focus {
  color: var(--primary-color) !important;
}

/* ==========================================================================
   Page header title span
   ========================================================================== */
.page-header h1 span {
  color: var(--primary-color) !important;
}

/* ==========================================================================
   Titre produit hover
   ========================================================================== */
.product-title a:hover,
.product-title a:focus {
  color: var(--primary-color) !important;
}

/* ==========================================================================
   btn-outline-darker (bouton "Plus d'articles")
   ========================================================================== */
.btn-outline-darker:hover,
.btn-outline-darker:focus,
.btn-outline-darker:not(:disabled):not(.disabled):active,
.btn-outline-darker:not(:disabled):not(.disabled).active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* ==========================================================================
   Product Action Button Hover
   ========================================================================== */
.btn-product {
  color: var(--primary-color) !important;
}

.btn-product span {
  color: var(--primary-color) !important;
}

.btn-product:hover span,
.btn-product:focus span,
.product.product-4 .btn-product:hover span,
.product.product-4 .btn-product:focus span,
.product.product-5 .btn-product:hover span,
.product.product-5 .btn-product:focus span,
.product.product-7 .btn-product:hover span,
.product.product-7 .btn-product:focus span,
.product.product-8 .btn-product:hover span,
.product.product-8 .btn-product:focus span,
.product.product-10 .btn-product:hover span,
.product.product-10 .btn-product:focus span,
.product.product-11 .btn-product:hover span,
.product.product-11 .btn-product:focus span,
.product.product-list .btn-product:hover span,
.product.product-list .btn-product:focus span {
  color: #fff !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Hover Effects Enhancement
   ========================================================================== */
.product:hover {
  /*box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);*/
}

.product .product-body {
  margin-left: 1px;
}

.card:hover,
.card-dashboard:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   Scrollbar Styling
   ========================================================================== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

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

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

/* ==========================================================================
   Tooltip
   ========================================================================== */
.tooltip-inner {
  border-radius: var(--radius-sm) !important;
}

/* ==========================================================================
   Popover
   ========================================================================== */
.popover {
  border-radius: var(--radius-md) !important;
}

.popover-header {
  border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}