/*
Theme Name:   Shoptimizer Child — iPhone Kin
Theme URI:    https://iphone-kin.com
Description:  Thème enfant de Shoptimizer. Accueille le gabarit de fiche produit d'iPhone Kin. Shoptimizer charge lui-même cette feuille via get_stylesheet_uri() : ne pas réenfiler le style parent.
Author:       iPhone Kin
Template:     shoptimizer
Version:      1.0.0
License:      GNU General Public License v2 or later
Text Domain:  shoptimizer-child
*/

/* ================================================================
   Fiche produit — mobile d'abord
   Pile système uniquement : aucune police web n'est chargée.
   ================================================================ */

:root {
	--ipk-vert: #11803A;
	--ipk-vert-fonce: #11632e;
	--ipk-vert-clair: #E6F4EA;
	--ipk-or: #E39B17;
	--ipk-or-clair: #F5B83D;
	--ipk-or-fond: #FFF4DC;
	--ipk-or-texte: #8a5a00;
	--ipk-texte: #1d1d1f;
	--ipk-gris: #6e6e73;
	--ipk-bord: #e5e5ea;
}

/* --- prix en francs congolais --- */
.ipk-cdf {
	margin: -4px 0 12px;
	line-height: 1.2;
}
.ipk-cdf__montant {
	font-size: 18px;
	font-weight: 700;
	color: var(--ipk-texte);
	font-variant-numeric: tabular-nums;
}
.ipk-cdf__note {
	font-size: 13px;
	color: var(--ipk-gris);
	font-weight: 400;
}

/* --- repères de confiance --- */
.ipk-confiance {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
}
.ipk-confiance li {
	margin: 0;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--ipk-texte);
	display: flex;
	align-items: center;
	gap: 5px;
}
.ipk-confiance li::before {
	content: "✓";
	color: var(--ipk-vert);
	font-weight: 800;
}

/* --- délai de livraison --- */
.ipk-delai {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--ipk-vert-fonce);
}
.ipk-delai__point {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ipk-vert);
	flex: 0 0 8px;
	animation: ipk-pulse 2s ease-in-out infinite;
}
@keyframes ipk-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%      { opacity: .45; transform: scale(.8); }
}

/* --- bouton WhatsApp (rendu par oneclick-whatsapp-order) --- */
.single-product a.wa-order-class {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 54px;
	margin: 14px 0 6px;
	padding: 0 18px;
	border-radius: 14px;
	background: var(--ipk-vert);
	color: #fff !important;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none !important;
	box-sizing: border-box;
	transition: background .2s ease;
}
.single-product a.wa-order-class:hover,
.single-product a.wa-order-class:focus { background: var(--ipk-vert-fonce); color: #fff !important; }
.single-product a.wa-order-class img,
.single-product a.wa-order-class svg { flex: 0 0 22px; width: 22px; height: 22px; }

.ipk-tel {
	margin: 0 0 16px;
	font-size: 13.5px;
	color: var(--ipk-gris);
	text-align: center;
}
.ipk-tel a {
	color: var(--ipk-texte);
	font-weight: 700;
	text-decoration: none;
}

/* --- cadeau offert --- */
.ipk-cadeau {
	position: relative;
	margin: 0 0 18px;
	padding: 14px 16px;
	border-radius: 15px;
	background: var(--ipk-or-fond);
	border: 1.5px solid var(--ipk-or-clair);
	overflow: hidden;
}
.ipk-cadeau__sur {
	margin: 0 0 4px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--ipk-or-texte);
}
.ipk-cadeau__titre {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--ipk-texte);
	line-height: 1.35;
}
/* reflet qui balaie la carte */
.ipk-cadeau::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 -60%;
	width: 50%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.75), transparent);
	animation: ipk-reflet 4.5s ease-in-out infinite;
	pointer-events: none;
}
@keyframes ipk-reflet {
	0%, 70%, 100% { left: -60%; }
	85%           { left: 110%; }
}

/* --- on respecte le réglage « moins de mouvement » du téléphone --- */
@media (prefers-reduced-motion: reduce) {
	.ipk-delai__point,
	.ipk-cadeau::after { animation: none; }
	.ipk-cadeau::after { display: none; }
}

/* --- à partir de la tablette --- */
@media (min-width: 768px) {
	.single-product a.wa-order-class { max-width: 420px; }
	.ipk-tel { text-align: left; max-width: 420px; }
}