/* ==========================================================================
   Réhabillage WooCommerce + Tutor LMS — premier passage, à affiner une fois
   les pages vues en vrai (boutique, panier, checkout, mon compte, dashboard).
   ========================================================================== */

/* ---------- boutons génériques des deux plugins ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.tutor-btn,
.tutor-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px !important;
	border-radius: 99px !important;
	font-weight: 600 !important;
	font-size: .92rem !important;
	font-family: 'Inter', sans-serif !important;
	background: var(--accent) !important;
	color: #fff !important;
	border: 1px solid transparent !important;
	box-shadow: none !important;
	text-transform: none !important;
	transition: transform .15s ease, background .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.tutor-btn:hover {
	background: var(--deep) !important;
	color: #fff !important;
	transform: translateY(-1px);
}
.woocommerce a.button.alt,
.woocommerce #respond input#submit.alt {
	background: var(--deep) !important;
}

/* ---------- typographie ---------- */
.woocommerce, .tutor-dashboard-layout, .tutor-wrap {
	font-family: 'Inter', sans-serif;
	color: var(--ink);
}
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.tutor-dashboard-layout h1, .tutor-dashboard-layout h2, .tutor-dashboard-layout h3 {
	font-family: 'Cardo', Georgia, serif;
	color: var(--ink);
}
.woocommerce .price {
	color: var(--accent);
	font-weight: 700;
}

/* ---------- produits / boutique ---------- */
.woocommerce ul.products li.product {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 20px;
	padding: 18px;
	box-shadow: var(--shadow);
}
.woocommerce ul.products li.product img {
	border-radius: 14px;
}
.woocommerce span.onsale {
	background: var(--accent) !important;
	border-radius: 99px !important;
	font-family: 'JetBrains Mono', monospace;
	font-size: .68rem;
}

/* ---------- tables (panier, commandes) ---------- */
.woocommerce table.shop_table,
.tutor-table {
	border: 1px solid var(--line);
	border-radius: 16px;
	overflow: hidden;
	border-collapse: separate !important;
	border-spacing: 0;
}
.woocommerce table.shop_table th {
	background: var(--surface);
	font-family: 'JetBrains Mono', monospace;
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--ink-soft);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-color: var(--line) !important;
	padding: 14px 16px;
}

/* ---------- formulaires (checkout, compte, inscriptions) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-checkout select,
.tutor-form-control,
.tutor-form-select {
	border: 1px solid var(--line) !important;
	border-radius: 12px !important;
	padding: 11px 14px !important;
	font-family: 'Inter', sans-serif !important;
	background: var(--card) !important;
	color: var(--ink) !important;
}
.woocommerce form .form-row input.input-text:focus,
.tutor-form-control:focus {
	outline: 2px solid var(--accent) !important;
	outline-offset: 1px;
	border-color: var(--accent) !important;
}

/* ---------- mon compte / dashboard formateur-apprenant ---------- */
.woocommerce-MyAccount-navigation ul,
.tutor-dashboard-sidebar ul {
	list-style: none;
	padding: 0;
}
.woocommerce-MyAccount-navigation li,
.tutor-dashboard-sidebar li {
	border-radius: 12px;
	overflow: hidden;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover,
.tutor-dashboard-sidebar li.active a,
.tutor-dashboard-sidebar li a:hover {
	background: var(--accent-dim);
	color: var(--accent);
}
.woocommerce-MyAccount-navigation a,
.tutor-dashboard-sidebar a {
	color: var(--ink);
	text-decoration: none;
	padding: 10px 14px;
	display: block;
	font-weight: 500;
}

/* ---------- messages / notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.tutor-alert {
	border-top-color: var(--accent) !important;
	border-radius: 14px;
	background: var(--accent-dim);
	color: var(--ink);
}
.woocommerce-error {
	border-top-color: #e0546b !important;
	background: #fdeef0;
}

/* ---------- pastilles / badges ---------- */
.tutor-badge,
.tutor-course-badge {
	background: var(--accent-dim) !important;
	color: var(--accent) !important;
	border-radius: 99px !important;
	font-family: 'JetBrains Mono', monospace;
}