/* ==========================================================================
   Merci Bokku — WooCommerce layer
   MBK Core styles the shop, product, cart and checkout. Everything here uses
   :where() (zero specificity) so MBK Core's rules always win; it only gives
   sensible app defaults to the parts MBK Core does not draw.
   ========================================================================== */

/* WooCommerce wrappers keep #primary/.site-main for MBK Core; give them the container */
:where(.mbkt-woo-shell) { width: 100%; max-width: var(--mbkt-max); margin-inline: auto; padding: 0 var(--mbkt-gutter) 40px; }
:where(.mbkt-woo-shell #primary, .mbkt-woo-shell .site-main) { width: 100%; }

/* ---------- Notices ---------- */
:where(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) {
	list-style: none; margin: 0 0 16px; padding: 14px 16px; border-radius: var(--mbkt-radius);
	background: #fff; box-shadow: var(--mbkt-shadow-sm); border-left: 4px solid var(--mbkt-secondary);
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 14.5px;
}
:where(.woocommerce-info) { border-left-color: var(--mbkt-primary); }
:where(.woocommerce-error) { border-left-color: var(--mbkt-danger); flex-direction: column; align-items: flex-start; }
:where(.woocommerce-message, .woocommerce-info) :where(.button) { order: 2; margin-left: auto; }
:where(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before { display: none; }

/* ---------- Generic buttons & fields (account, order pages, forms MBK Core leaves alone) ---------- */
:where(.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce-Button) {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px;
	background: var(--mbkt-dark); color: #fff; font-weight: 650; font-size: 14.5px; line-height: 1;
	text-decoration: none; cursor: pointer;
}
:where(.woocommerce .button.alt, .woocommerce button[type=submit].button, .woocommerce-Button) { background: var(--mbkt-primary); }
:where(.woocommerce .button):hover { filter: brightness(1.06); color: #fff; }
:where(.woocommerce form .form-row) { margin: 0 0 14px; padding: 0; }
:where(.woocommerce form .form-row label) { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
:where(.woocommerce form .input-text, .woocommerce form select, .woocommerce-account input[type=text], .woocommerce-account input[type=email], .woocommerce-account input[type=password], .woocommerce-account input[type=tel]) {
	width: 100%; min-height: 48px; padding: 12px 14px; border-radius: var(--mbkt-r-sm);
	border: 1.5px solid var(--mbkt-line); background: #fff; font-size: 16px;
}
:where(.woocommerce form .input-text:focus, .woocommerce form select:focus) { outline: none; border-color: var(--mbkt-primary); box-shadow: 0 0 0 4px rgba(var(--mbkt-primary-rgb), .15); }
:where(.woocommerce .required) { color: var(--mbkt-danger); text-decoration: none; }
:where(.woocommerce-password-strength) { font-size: 13px; padding: 6px 10px; border-radius: 8px; margin-top: 6px; }

/* ---------- Product grid from shortcodes (Flash Deals, Tendances, Business, favourites, 404) ----------
   Scoped to the theme's own templates (.mbkt-main); MBK Core's shop and category pages are untouched. */
.mbkt-main .woocommerce ul.products {
	list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mbkt-main .woocommerce ul.products::before, .mbkt-main .woocommerce ul.products::after { display: none; content: none; }
@media (min-width: 768px) { .mbkt-main .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1024px) { .mbkt-main .woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.mbkt-main .woocommerce ul.products li.product,
.mbkt-main .woocommerce ul.products[class*=columns-] li.product {
	position: relative; width: auto; margin: 0; padding: 0 0 12px; float: none; clear: none;
	background: #fff; border-radius: var(--mbkt-radius); overflow: hidden; box-shadow: var(--mbkt-shadow-sm);
	display: flex; flex-direction: column; text-align: left; transition: transform .25s var(--mbkt-ease), box-shadow .25s;
}
.mbkt-main .woocommerce ul.products li.product:hover { transform: translateY(-2px); box-shadow: var(--mbkt-shadow); }
.mbkt-main .woocommerce ul.products li.product a img { width: 100%; aspect-ratio: 1; object-fit: cover; margin: 0 0 10px; display: block; background: var(--mbkt-bg); border-radius: 0; }
.mbkt-main .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 13.5px; font-weight: 550; line-height: 1.35; margin: 0 10px 6px; padding: 0; color: var(--mbkt-dark);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em;
}
.mbkt-main .woocommerce ul.products li.product .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; margin: 0 10px 10px; font-weight: 800; font-size: 15px; color: var(--mbkt-dark); }
.mbkt-main .woocommerce ul.products li.product .price del { color: var(--mbkt-muted); font-weight: 400; font-size: 12.5px; opacity: 1; order: 2; }
.mbkt-main .woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--mbkt-danger); font-weight: 800; }
.mbkt-main .woocommerce ul.products li.product .star-rating { margin: 0 10px 6px; font-size: 12px; }
.mbkt-main .woocommerce ul.products li.product .button {
	margin: auto 10px 0; min-height: 38px; padding: 0 12px; border-radius: 999px; font-size: 13.5px; font-weight: 650;
	display: flex; align-items: center; justify-content: center; background: var(--mbkt-soft); color: var(--mbkt-primary); text-align: center; line-height: 1.1;
}
.mbkt-main .woocommerce ul.products li.product .button:hover { background: var(--mbkt-primary); color: #fff; }
.mbkt-main .woocommerce ul.products li.product .button.loading { opacity: .6; }
.mbkt-main .woocommerce ul.products li.product .button.added { background: var(--mbkt-soft-green); color: var(--mbkt-secondary); }
.mbkt-main .woocommerce ul.products li.product .button.loading::after,
.mbkt-main .woocommerce ul.products li.product .button.added::after { display: none; }
.mbkt-main .woocommerce ul.products li.product .added_to_cart { display: none; }
.mbkt-main .woocommerce span.onsale,
.mbkt-main .woocommerce ul.products li.product .onsale {
	position: absolute; top: 8px; left: 8px; right: auto; z-index: 2; min-height: 0; line-height: 1.3; width: auto; height: auto; min-height: 0; min-width: 0; padding: 4px 9px; margin: 0;
	border-radius: 999px; background: var(--mbkt-danger); color: #fff; font-size: 11.5px; font-weight: 700; line-height: 1.3;
}
:where(.woocommerce-result-count) { color: var(--mbkt-muted); font-size: 13.5px; margin: 0 0 10px; }
:where(.woocommerce-ordering) { margin: 0 0 14px; }
:where(.woocommerce-pagination) { margin: 28px 0 8px; }
.mbkt-main .woocommerce nav.woocommerce-pagination ul { border: 0; }
.mbkt-main .woocommerce nav.woocommerce-pagination ul li { border: 0; margin: 0 3px; overflow: visible; }
.mbkt-main .woocommerce nav.woocommerce-pagination ul li .page-numbers { min-width: 42px; height: 42px; padding: 0 10px; display: inline-grid; place-items: center; border-radius: 12px; background: #fff; box-shadow: var(--mbkt-shadow-sm); font-weight: 600; }
.mbkt-main .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--mbkt-primary); color: #fff; }
:where(.woocommerce-pagination ul) { display: flex; justify-content: center; gap: 6px; list-style: none; margin: 0; padding: 0; border: 0; }
:where(.woocommerce-pagination ul li) { border: 0; }
:where(.woocommerce-pagination .page-numbers) { min-width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 12px; background: #fff; box-shadow: var(--mbkt-shadow-sm); font-weight: 600; }
:where(.woocommerce-pagination .page-numbers.current) { background: var(--mbkt-primary); color: #fff; }

/* ==========================================================================
   Mon compte
   ========================================================================== */
:where(.woocommerce-account .woocommerce) { display: grid; gap: 16px; }
@media (min-width: 1024px) {
	:where(.woocommerce-account.logged-in .woocommerce) { grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; padding-top: 24px; }
}
:where(.woocommerce-MyAccount-navigation) { background: #fff; border-radius: var(--mbkt-r-lg); box-shadow: var(--mbkt-shadow-sm); padding: 6px; }
:where(.woocommerce-MyAccount-navigation ul) { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
:where(.woocommerce-MyAccount-navigation ul)::-webkit-scrollbar { display: none; }
:where(.woocommerce-MyAccount-navigation li a) {
	display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 12px;
	font-weight: 600; font-size: 14px; white-space: nowrap; color: var(--mbkt-muted);
}
:where(.woocommerce-MyAccount-navigation li a)::before {
	content: ""; width: 20px; height: 20px; flex: none; background: currentColor;
	-webkit-mask: var(--mbkt-ic) center / contain no-repeat; mask: var(--mbkt-ic) center / contain no-repeat;
}
:where(.woocommerce-MyAccount-navigation li.is-active a) { background: var(--mbkt-soft); color: var(--mbkt-primary); }
:where(.woocommerce-MyAccount-navigation li a):hover { color: var(--mbkt-dark); background: var(--mbkt-bg); }
:where(.woocommerce-MyAccount-navigation-link--customer-logout a) { color: var(--mbkt-danger); }
@media (min-width: 1024px) {
	:where(.woocommerce-MyAccount-navigation) { position: sticky; top: calc(var(--mbkt-header-h) + 70px); padding: 10px; }
	:where(.woocommerce-MyAccount-navigation ul) { flex-direction: column; overflow: visible; }
}
/* Icons for the account menu (SVG masks, same stroke set as the theme) */
.mbkt-accnav__item--home { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V20a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1V9.5'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--box { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 7.5 8.5-4.5 8.5 4.5v9L12 21l-8.5-4.5z'/%3E%3Cpath d='m3.5 7.5 8.5 4.5 8.5-4.5M12 12v9'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--heart { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S3.5 15.4 3.5 9.2A4.6 4.6 0 0 1 12 6.8a4.6 4.6 0 0 1 8.5 2.4c0 6.2-8.5 11.3-8.5 11.3Z'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--bell { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 1 1 12 0v5l1.5 2h-15L6 16Z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--pin { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21Z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--cash { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--user { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.2-4 4.3-6 8-6s6.8 2 8 6'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--download { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--logout { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/%3E%3Cpath d='M10 16l-4-4 4-4'/%3E%3Cpath d='M6 12h10'/%3E%3C/svg%3E"); }
.mbkt-accnav__item--chevron { --mbkt-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E"); }

:where(.woocommerce-MyAccount-content) { min-width: 0; }
:where(.woocommerce-MyAccount-content > p:first-of-type) { color: var(--mbkt-muted); font-size: 14px; }
.woocommerce-account .woocommerce-MyAccount-content > p:has(~ .mbkt-acchome) { display: none; }

.mbkt-acchome { display: grid; gap: 14px; }
.mbkt-acchome__hello { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: var(--mbkt-r-lg); background: linear-gradient(120deg, var(--mbkt-primary), #f26b1d); color: #fff; }
.mbkt-acchome__hello b { display: block; font-size: 18px; }
.mbkt-acchome__hello span { opacity: .85; font-size: 13.5px; word-break: break-all; }
.mbkt-acchome__hello .mbkt-avatar--lg { background: #fff; color: var(--mbkt-primary); }
.mbkt-lastorder { display: block; padding: 16px 18px; border-radius: var(--mbkt-r-lg); background: #fff; box-shadow: var(--mbkt-shadow-sm); }
.mbkt-lastorder:hover { color: inherit; box-shadow: var(--mbkt-shadow); }
.mbkt-lastorder__head, .mbkt-lastorder__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-weight: 650; }
.mbkt-lastorder__foot { font-size: 14px; color: var(--mbkt-muted); font-weight: 500; }
.mbkt-lastorder__foot span:first-child { color: var(--mbkt-dark); font-weight: 800; font-size: 16px; }
.mbkt-lastorder__foot span:last-child { display: inline-flex; align-items: center; gap: 4px; color: var(--mbkt-primary); font-weight: 600; }
.mbkt-status { padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--mbkt-soft); color: var(--mbkt-primary); white-space: nowrap; }
.mbkt-status--completed { background: var(--mbkt-soft-green); color: var(--mbkt-secondary); }
.mbkt-status--cancelled, .mbkt-status--failed, .mbkt-status--refunded { background: #fdeceb; color: var(--mbkt-danger); }

.mbkt-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
@media (min-width: 768px) { .mbkt-tiles { grid-template-columns: repeat(6, 1fr); } }
.mbkt-tile { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px 8px; border-radius: var(--mbkt-radius); background: #fff; box-shadow: var(--mbkt-shadow-sm); text-align: center; font-size: 13px; font-weight: 600; line-height: 1.25; }
.mbkt-tile:hover { color: var(--mbkt-dark); box-shadow: var(--mbkt-shadow); }
.mbkt-tile__icon { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--mbkt-soft); color: var(--mbkt-primary); }
.mbkt-tile:nth-child(even) .mbkt-tile__icon { background: var(--mbkt-soft-green); color: var(--mbkt-secondary); }
.mbkt-tile__count { position: absolute; top: 8px; right: 8px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 99px; background: var(--mbkt-dark); color: #fff; font-size: 11.5px; line-height: 22px; }

/* Order tracker */
.mbkt-tracker { list-style: none; margin: 16px 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }
.mbkt-tracker__step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-size: 12px; color: var(--mbkt-muted); font-weight: 600; }
.mbkt-tracker__step::before { content: ""; position: absolute; top: 18px; left: -50%; right: 50%; height: 3px; background: var(--mbkt-line); z-index: 0; }
.mbkt-tracker__step:first-child::before { display: none; }
.mbkt-tracker__step.is-done::before, .mbkt-tracker__step.is-current::before { background: var(--mbkt-secondary); }
.mbkt-tracker__dot { position: relative; z-index: 1; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: inset 0 0 0 2px var(--mbkt-line); color: var(--mbkt-muted); }
.mbkt-tracker__dot .mbkt-icon { width: 18px; height: 18px; }
.mbkt-tracker__step.is-done .mbkt-tracker__dot { background: var(--mbkt-secondary); color: #fff; box-shadow: none; }
.mbkt-tracker__step.is-current { color: var(--mbkt-dark); }
.mbkt-tracker__step.is-current .mbkt-tracker__dot { background: var(--mbkt-primary); color: #fff; box-shadow: 0 0 0 5px rgba(var(--mbkt-primary-rgb), .2); animation: mbkt-pulse 2s infinite; }
@keyframes mbkt-pulse { 50% { box-shadow: 0 0 0 9px rgba(var(--mbkt-primary-rgb), .08); } }
.mbkt-tracker--stopped { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: #fdeceb; color: var(--mbkt-danger); font-weight: 650; }

.mbkt-thanks { display: grid; gap: 14px; margin: 0 0 24px; padding: 18px; border-radius: var(--mbkt-r-lg); background: #fff; box-shadow: var(--mbkt-shadow-sm); }
.mbkt-thanks__push { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px; border-radius: var(--mbkt-radius); background: var(--mbkt-soft); }
.mbkt-thanks__push > div { flex: 1; min-width: 180px; font-size: 14px; }
.mbkt-thanks__push b { display: block; }
.mbkt-thanks__icon { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--mbkt-primary); color: #fff; }

/* Orders table → cards on phones */
:where(.woocommerce-orders-table, .woocommerce-table--order-details, .shop_table) { width: 100%; border-collapse: collapse; background: #fff; border-radius: var(--mbkt-r-lg); overflow: hidden; box-shadow: var(--mbkt-shadow-sm); font-size: 14.5px; }
:where(.woocommerce-orders-table th, .woocommerce-orders-table td, .woocommerce-table--order-details th, .woocommerce-table--order-details td) { padding: 12px 14px; border-bottom: 1px solid var(--mbkt-line); text-align: left; }
:where(.woocommerce-orders-table .button) { min-height: 36px; padding: 0 14px; font-size: 13px; margin: 2px; }
@media (max-width: 767px) {
	:where(.woocommerce-account table.shop_table_responsive) { background: transparent; box-shadow: none; }
	:where(.woocommerce-account table.shop_table_responsive thead) { display: none; }
	:where(.woocommerce-account table.shop_table_responsive tr) { display: block; margin-bottom: 12px; padding: 6px 14px; background: #fff; border-radius: var(--mbkt-radius); box-shadow: var(--mbkt-shadow-sm); }
	:where(.woocommerce-account table.shop_table_responsive td) { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--mbkt-line); text-align: right; }
	:where(.woocommerce-account table.shop_table_responsive td:last-child) { border: 0; }
	:where(.woocommerce-account table.shop_table_responsive td)::before { content: attr(data-title); font-weight: 600; color: var(--mbkt-muted); text-align: left; }
	:where(.woocommerce-account table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions)::before { display: none; }
}

:where(.woocommerce-Addresses) { display: grid; gap: 14px; }
@media (min-width: 768px) { :where(.woocommerce-Addresses) { grid-template-columns: 1fr 1fr; } }
:where(.woocommerce-Address) { background: #fff; border-radius: var(--mbkt-r-lg); padding: 18px; box-shadow: var(--mbkt-shadow-sm); }
:where(.woocommerce-Address-title) { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
:where(.woocommerce-Address-title h2) { font-size: 17px; margin: 0; }
:where(.woocommerce-Address address) { font-style: normal; color: var(--mbkt-muted); margin-top: 8px; }
:where(.woocommerce-EditAccountForm, .woocommerce-address-fields) { background: #fff; border-radius: var(--mbkt-r-lg); padding: 18px; box-shadow: var(--mbkt-shadow-sm); }
:where(.woocommerce-EditAccountForm fieldset) { border: 0; padding: 0; margin: 18px 0; }
:where(.woocommerce-EditAccountForm legend) { font-weight: 700; font-size: 16px; margin-bottom: 10px; }

.mbkt-accsection { min-width: 0; }
.mbkt-notifset { display: grid; gap: 14px; }
.mbkt-notifset__card { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 18px; border-radius: var(--mbkt-r-lg); background: #fff; box-shadow: var(--mbkt-shadow-sm); }
.mbkt-notifset__card > div { flex: 1; min-width: 200px; }
.mbkt-notifset__card h2 { font-size: 17px; margin: 0 0 2px; }
.mbkt-notifset__card p { margin: 0; color: var(--mbkt-muted); font-size: 14px; }
.mbkt-notifset__icon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--mbkt-soft); color: var(--mbkt-primary); }
.mbkt-notifset__topics { display: grid; gap: 14px; margin: 0; padding: 18px; border: 0; border-radius: var(--mbkt-r-lg); background: #fff; box-shadow: var(--mbkt-shadow-sm); }
.mbkt-notifset__topics[disabled] { opacity: .5; }
.mbkt-notifset__topics legend { float: left; width: 100%; font-weight: 700; margin-bottom: 4px; padding: 0; }

/* Thank-you / order pages */
:where(.woocommerce-order-overview) { list-style: none; margin: 0 0 20px; padding: 16px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; background: #fff; border-radius: var(--mbkt-r-lg); box-shadow: var(--mbkt-shadow-sm); }
:where(.woocommerce-order-overview li) { font-size: 12.5px; color: var(--mbkt-muted); text-transform: uppercase; letter-spacing: .04em; }
:where(.woocommerce-order-overview li strong) { display: block; font-size: 15px; color: var(--mbkt-dark); text-transform: none; letter-spacing: 0; margin-top: 2px; }
:where(.woocommerce-thankyou-order-received) { font-size: 20px; font-weight: 700; color: var(--mbkt-secondary); }
:where(.woocommerce-customer-details address) { font-style: normal; background: #fff; border-radius: var(--mbkt-r-lg); padding: 16px; box-shadow: var(--mbkt-shadow-sm); }

/* Order tracking form (Aide page) */
:where(.woocommerce-form-track-order) { display: grid; gap: 4px; }
@media (min-width: 768px) { :where(.woocommerce-form-track-order) { grid-template-columns: 1fr 1fr; column-gap: 14px; } :where(.woocommerce-form-track-order > p:first-child, .woocommerce-form-track-order .clear) { grid-column: 1 / -1; } }

/* Star rating font fallback when WooCommerce's font is not loaded */
:where(.star-rating) { color: #f5a623; }

/* Theme templates have their own sorting tabs */
.mbkt-main--deals .woocommerce-result-count, .mbkt-main--deals .woocommerce-ordering,
.mbkt-main--trending .woocommerce-result-count, .mbkt-main--trending .woocommerce-ordering { display: none; }
:where(.woocommerce-account .woocommerce) { grid-template-columns: minmax(0, 1fr); }
.mbkt-notifset__topics { min-width: 0; }

/* Cart & checkout: no button may be wider than its panel (MBK Core summary "Passer la commande"). */
body.woocommerce-cart .mbkt-main :is(button, .button, input[type=submit], a[class*="btn"], a[class*="button"]),
body.woocommerce-checkout .mbkt-main :is(button, .button, input[type=submit], a[class*="btn"], a[class*="button"]) { max-width: 100%; box-sizing: border-box; }
.mbkt-fitfix { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; transform: none !important; }