/*
 * PX - WooCommerce My Account
 * Scoped to body.px-account-page to avoid site-wide impact.
 */

/* Container */
body.px-account-page .woocommerce{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

body.px-account-page .px-myaccount{
	--px-border: #d5d9d9;
	--px-bg: #f7fafa;
	--px-card: #ffffff;
	--px-text: #0f1111;
	--px-muted: #565959;
	--px-link: #000000;
	--px-link-hover: #c7511f;
	--px-active: #f0f2f2;
	--px-focus: #007185;

	/* Orange Amazon-ish */
	--px-orange: #E95B09;
	--px-orange-soft: #fff3e6;
	--px-orange-soft-2: #ffe7d6;

	color: var(--px-text);
}

body.px-account-page .px-myaccount__container{
	padding: 24px 16px 40px;
}

/* Layout */
body.px-account-page .px-myaccount__layout{
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

/* Sidebar */
body.px-account-page .px-myaccount__sidebar{
	background: var(--px-card);
	border: 1px solid var(--px-border);
	border-radius: 10px;
	overflow: hidden;
}

body.px-account-page .px-account-nav{
	padding: 8px;
}

body.px-account-page .px-account-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

body.px-account-page .px-account-nav li{
	margin: 0;
}

body.px-account-page .px-account-nav a{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 8px;
	color: var(--px-text);
	text-decoration: none;
	font-size: 15px;
	line-height: 1.3;
	transition: background .15s ease, color .15s ease;
}

/* Hover FULL orange */
body.px-account-page .px-account-nav a:hover{
	background: var(--px-orange-soft);
	color: var(--px-orange);
}

body.px-account-page .px-account-nav a:hover .px-account-nav__icon{
	color: var(--px-orange);
}

/* Active */
body.px-account-page .px-account-nav li.is-active a,
body.px-account-page .px-account-nav li.px-is-active a{
	background: var(--px-orange-soft-2);
	color: var(--px-orange);
	box-shadow: inset 3px 0 0 var(--px-orange);
}

/* Sidebar: gauche carré seulement sur hover + actif
body.px-account-page .px-account-nav a:hover,
body.px-account-page .px-account-nav li.is-active a,
body.px-account-page .px-account-nav li.px-is-active a{
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
} */

body.px-account-page .px-account-nav li.is-active a .px-account-nav__icon,
body.px-account-page .px-account-nav li.px-is-active a .px-account-nav__icon{
	color: var(--px-orange);
}

body.px-account-page .px-account-nav__icon{
	width: 18px;
	height: 18px;
	font-size: 18px;
	color: #37475a;
	flex: 0 0 18px;
}

body.px-account-page .px-account-nav__label{
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Main */
body.px-account-page .px-myaccount__main{
	background: var(--px-card);
	border: 1px solid var(--px-border);
	border-radius: 10px;
	padding: 18px;
	min-height: 220px;
}

/* Links */
body.px-account-page .px-myaccount a,
body.px-account-page .woocommerce-MyAccount-content a{
	color: var(--px-link);
}

body.px-account-page .px-myaccount a:hover,
body.px-account-page .woocommerce-MyAccount-content a:hover{
	color: var(--px-link-hover);
}

/* Woo notices */
body.px-account-page .woocommerce .woocommerce-info,
body.px-account-page .woocommerce .woocommerce-message,
body.px-account-page .woocommerce .woocommerce-error{
	border-radius: 12px;
	border: 1px solid var(--px-border);
}

/* "info" plus sobre */
body.px-account-page .woocommerce .woocommerce-info{
	background: var(--px-bg);
	color: var(--px-text);
}

/* Tidy Woo content */
body.px-account-page .woocommerce-MyAccount-content > p:first-child{
	margin-top: 0;
}

body.px-account-page .woocommerce-MyAccount-content h2,
body.px-account-page .woocommerce-MyAccount-content h3{
	margin-top: 0;
	font-size: 18px;
}

/* Cards Woo */
body.px-account-page .woocommerce-MyAccount-content .woocommerce-Address,
body.px-account-page .woocommerce-MyAccount-content .woocommerce-MyAccount-orders,
body.px-account-page .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads{
	background: var(--px-bg);
	border: 1px solid var(--px-border);
	border-radius: 10px;
	padding: 14px;
}

/* Tables */
body.px-account-page .woocommerce table.my_account_orders,
body.px-account-page .woocommerce table.shop_table{
	border: 1px solid var(--px-border);
	border-radius: 10px;
	overflow: hidden;
}

body.px-account-page .woocommerce table.shop_table thead th{
	background: #f0f2f2;
    padding-top: 10px;
    padding-left: 10px !important;
}

/* Forms */
body.px-account-page .woocommerce form .form-row input.input-text,
body.px-account-page .woocommerce form .form-row textarea,
body.px-account-page .woocommerce form select{
	border: 1px solid var(--px-border);
	border-radius: 8px;
	padding: 10px 12px;
	outline: none;
}

body.px-account-page .woocommerce form .form-row input.input-text:focus,
body.px-account-page .woocommerce form .form-row textarea:focus,
body.px-account-page .woocommerce form select:focus{
	border-color: var(--px-focus);
	box-shadow: 0 0 0 3px rgba(0,113,133,0.18);
}

/* Buttons Woo (Amazon-like) */
body.px-account-page .woocommerce a.button,
body.px-account-page .woocommerce button.button,
body.px-account-page .woocommerce input.button{
	/*display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	height: 44px !important;
	padding: 0 18px !important;
	line-height: 1 !important;

	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .02em !important;
	text-transform: uppercase !important;

	border-radius: 999px !important;
	background: #ffd814 !important;
	border: 1px solid #fcd200 !important;
	color: #0f1111 !important;

	text-decoration: none !important;
	vertical-align: middle !important;
	*/
	display: inline;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 10px !important;
    margin-right: 5px;
    line-height: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    border-radius: 999px !important;
    background: #ffd814 !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

body.px-account-page .woocommerce a.button:hover,
body.px-account-page .woocommerce button.button:hover,
body.px-account-page .woocommerce input.button:hover{
	background: #f7ca00 !important;
	border-color: #f2c200 !important;
	text-decoration: none !important;
}

body.px-account-page .woocommerce a.button,
body.px-account-page .woocommerce a.button *{
	text-decoration: none !important;
	border-bottom: 0 !important;
}

body.px-account-page .woocommerce a.button:focus{
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0,113,133,.25) !important;
}

/* Dashboard sections */
body.px-account-page .px-section{
	margin-bottom: 18px;
}

body.px-account-page .px-section__title{
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 10px;
}

/* Shortcuts row */
body.px-account-page .px-shortcuts{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

body.px-account-page .px-shortcut{
	display: flex;
	gap: 10px;
	align-items: center;
	border: 1px solid var(--px-border);
	border-radius: 12px;
	padding: 12px;
	background: #fff;
	text-decoration: none;
	color: var(--px-text);
}

body.px-account-page .px-shortcut:hover{
	box-shadow: 0 6px 18px rgba(15,17,17,0.08);
}

body.px-account-page .px-shortcut__icon{
	font-size: 20px;
	width: 20px;
	height: 20px;
	color: #37475a;
	flex: 0 0 20px;
}

body.px-account-page .px-shortcut__body{
	min-width: 0;
}

body.px-account-page .px-shortcut__title{
	display: block;
	font-weight: 600;
	font-size: 14px;
}

body.px-account-page .px-shortcut__desc{
	display: block;
	font-size: 12px;
	color: var(--px-muted);
}

body.px-account-page .px-shortcut__chev{
	margin-left: auto;
	color: var(--px-muted);
	font-size: 18px;
	line-height: 1;
}

/* Tiles grid */
body.px-account-page .px-dashboard__grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

body.px-account-page .px-tile{
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 18px;                /* tuile plus grande */
	border: 1px solid var(--px-border);
	border-radius: 14px;          /* un peu plus premium */
	background: #fff;
	text-decoration: none;
	color: var(--px-text);
	transition: box-shadow .15s ease, transform .15s ease;
	position: relative;
}

body.px-account-page .px-tile:hover{
	box-shadow: 0 6px 18px rgba(15,17,17,0.08);
	transform: translateY(-1px);
}

body.px-account-page .px-tile__icon{
	font-size: 28px;
	width: 28px;
	height: 28px;
	color: #37475a;
	margin-top: 2px;
	flex: 0 0 28px;
}

/* OPTION (désactivée) : badge derrière l’icône
   -> décommente si tu veux un look encore plus pro
*/

/* body.px-account-page .px-tile__icon{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7fafa;
	border-radius: 10px;
} */


body.px-account-page .px-tile__body{
	min-width: 0;
}

body.px-account-page .px-tile__title{
	display: block;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 4px;
}

body.px-account-page .px-tile__desc{
	display: block;
	font-size: 13px;
	color: var(--px-muted);
	line-height: 1.35;
}

/* Chevron like Amazon */
body.px-account-page .px-tile::after{
	content: "›";
	margin-left: auto;
	color: var(--px-muted);
	font-size: 22px;
	line-height: 1;
}

/* Responsive */
@media (max-width: 1024px){
	body.px-account-page .px-dashboard__grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	body.px-account-page .px-shortcuts{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px){
	body.px-account-page .px-myaccount__layout{
		grid-template-columns: 1fr;
	}
	body.px-account-page .px-myaccount__sidebar{
		position: sticky;
		top: 10px;
		z-index: 2;
	}
	body.px-account-page .px-account-nav{
		padding: 8px 10px;
	}
	body.px-account-page .px-account-nav ul{
		display: flex;
		gap: 8px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
	}
	body.px-account-page .px-account-nav li{
		flex: 0 0 auto;
	}
	body.px-account-page .px-account-nav a{
		white-space: nowrap;
		padding: 10px 12px;
	}
	body.px-account-page .px-account-nav__label{
		max-width: 140px;
	}
}

@media (max-width: 640px){
	body.px-account-page .px-dashboard__grid{
		grid-template-columns: 1fr;
	}
	body.px-account-page .px-shortcuts{
		grid-template-columns: 1fr;
	}
}


/* ================================
   Amazon Business – BIG tiles
   ================================ */

/* Tuile plus grande */
body.px-account-page .px-tile{
	min-height: 130px;              /* hauteur carte */
	padding: 22px;                 /* plus respirant */
	border-radius: 16px;
}

/* Icône encore plus visible */
body.px-account-page .px-tile__icon{
	font-size: 30px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius:50%;
}

/* Titre plus présent */
body.px-account-page .px-tile__title{
	font-size: 16px;
	font-weight: 600;
}

/* Description limitée à 2 lignes (clean Amazon) */
body.px-account-page .px-tile__desc{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Chevron un peu plus visible */
body.px-account-page .px-tile::after{
	font-size: 24px;
	margin-top: 4px;
}

/* Hover encore plus premium */
body.px-account-page .px-tile:hover{
	box-shadow: 0 10px 24px rgba(15,17,17,0.12);
	transform: translateY(-2px);
}




/* Notice ShopEngine : icône à côté du texte + bouton en bas centré */
body.px-account-page .px-myaccount__main
.shopengine-woocommerce-info.woocommerce-info{
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	line-height: 1.5;
	padding: 18px 20px;
}

/* Notice ShopEngine : ligne 1 = icône + texte, ligne 2 = bouton centré */
body.px-account-page .px-myaccount__main
.shopengine-woocommerce-info.woocommerce-info{
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center;
	gap: 10px 12px;
	padding: 18px 20px;
	line-height: 1.5;
}

/* Force l’icône info AVANT le texte */
body.px-account-page .px-myaccount__main
.shopengine-woocommerce-info.woocommerce-info{
	position: relative;
	padding-left: 44px; /* réserve la place pour l’icône */
}

/* Icône info positionnée à gauche du texte */
body.px-account-page .px-myaccount__main
.shopengine-woocommerce-info.woocommerce-info::before{
	position: absolute !important;
	left: 16px;
	top: 50%;
	transform: translateY(-50%) scale(0.9);
	margin: 0 !important;
}