/* Minfoo Supermarché — brand color overrides for PrestaShop Classic child theme */
/* Update: Round product cards and set card background to beige; keep global green background. */

:root {
  --minfoo-primary: #C7322A;   /* deep red */
  --minfoo-accent:  #F17C2A;   /* orange accent */
  --minfoo-dark:    #7A1E1E;   /* dark red for text */
  --minfoo-bg:      #E6F3E4;   /* light green page background */
  --minfoo-nav-bg:  #FAF3E8;   /* beige navigation/header & footer background */
  --minfoo-link:    #C7322A;   /* link color */
  --minfoo-radius:  10px;      /* rounded corners for cards */
}

/* Body background = light green */
body { background-color: var(--minfoo-bg) !important; }

/* Make main layout wrappers transparent so the body background is visible */
#wrapper,
#content-wrapper,
#main { background: none !important; border: none !important; box-shadow: none !important; }

/* Header: beige, with green spacing below */
#header { background-color: var(--minfoo-nav-bg) !important; margin-bottom: 25px; }
#header .header-top, #header .header-nav { background-color: inherit !important; border: none; }

/* Sections: transparent, keep spacing; no shadow */
#content > section,
#main section { background: none !important; box-shadow: none !important; margin-bottom: 25px; }
#content > section:last-of-type { margin-bottom: 0; }

/* Footer: beige like nav (apply to inner containers as well) */
#footer,
#footer > div,
#footer .footer-container,
#footer .container { background-color: var(--minfoo-nav-bg) !important; box-shadow: none !important; }

/* Submenu under top navigation: use beige background like nav */
#desktop_top_menu .sub-menu,
#desktop_top_menu .sub-menu ul,
#header .header-nav .sub-menu,
#header .header-nav .dropdown-menu,
#header .header-nav .menu-dropdown { background-color: var(--minfoo-nav-bg) !important; }
#desktop_top_menu .sub-menu li > a,
#header .header-nav .sub-menu li > a { color: var(--minfoo-dark) !important; }
#desktop_top_menu .sub-menu li > a:hover,
#header .header-nav .sub-menu li > a:hover { color: var(--minfoo-primary) !important; }

/* Newsletter block inside footer: remove forced white background so beige shows */
#footer .block_newsletter,
#footer #block-newsletter,
#footer #ps_emailsubscription,
#footer .block_newsletter .block_content,
#footer .block_newsletter .row,
#footer .block_newsletter .container,
#footer .block_newsletter form { background: none !important; box-shadow: none !important; border: none !important; }
/* Keep inputs white for readability */
#footer .block_newsletter input,
#footer #ps_emailsubscription input { background-color: #fff !important; }

/* --- BRAND COLORS (unchanged) --- */
/* Links */
a { color: var(--minfoo-link); }
a:hover, a:focus { color: #A52520; }

/* Top menu (desktop) */
#desktop_top_menu .top-menu > li > a { color: var(--minfoo-dark); }
#desktop_top_menu .top-menu > li > a:hover { color: var(--minfoo-primary); }
#desktop_top_menu .top-menu > li:hover > a,
#desktop_top_menu .top-menu > li.current > a { border-bottom: 3px solid var(--minfoo-accent); }

/* Buttons */
.btn-primary { background-color: var(--minfoo-primary) !important; border-color: var(--minfoo-primary) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: #A52520 !important; border-color: #A52520 !important; }
.btn-outline-primary { color: var(--minfoo-primary) !important; border-color: var(--minfoo-primary) !important; }
.btn-outline-primary:hover { color: #fff !important; background-color: var(--minfoo-primary) !important; }

/* Product titles & prices */
.product-miniature .product-title a { color: var(--minfoo-dark); }
.product-miniature .product-title a:hover { color: var(--minfoo-primary); }
.product-price, .current-price > span { color: var(--minfoo-primary) !important; }

/* Product flags (badges) */
.product-flags .new { background-color: var(--minfoo-accent) !important; }
.product-flags .on-sale, .product-flags .discount { background-color: var(--minfoo-primary) !important; }

/* Newsletter button accent */
#footer .block_newsletter .btn-primary { background-color: var(--minfoo-accent) !important; border-color: var(--minfoo-accent) !important; }
#footer .block_newsletter .btn-primary:hover { background-color: #d56b1f !important; border-color: #d56b1f !important; }

/* Product cards: rounded + beige */
.card,
.product-miniature {
  background-color: var(--minfoo-nav-bg) !important;
  border-radius: var(--minfoo-radius);
  overflow: hidden; /* ensure image corners follow */
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
/* Ensure inner sections of product card follow the beige and rounding */
.product-miniature .thumbnail-container,
.product-miniature .product-description { background-color: var(--minfoo-nav-bg) !important; }

/* Spacing between product grid rows (16px) */
.products .row > [class*='col-'],
.featured-products .row > [class*='col-'],
#products .row > [class*='col-'] { margin-bottom: 16px; }

/* Extra safety: ensure individual product miniatures also add space */
.products .product-miniature,
.featured-products .product-miniature,
#products .product-miniature { margin-bottom: 16px; }