/* ===== MacPofoz checkout — design illesztve a sales page-hez ===== */
:root{
	/* === Aktív paletta: A — Grafit / lime === */
	--mp-paper:#F8F8F4; --mp-ink:#191A1E; --mp-soft:#5b5d63;
	--mp-accent:#4E7A1F; --mp-accent-d:#3F6418; --mp-pop:#B6E04A; --mp-mint:#4E7A1F;
	--mp-ring:rgba(22,21,27,.10); --mp-shadow:0 18px 40px -22px rgba(22,21,27,.32); --mp-r:16px;
}
body.woocommerce-checkout{background:var(--mp-paper);color:var(--mp-ink);font-family:'Inter',system-ui,-apple-system,sans-serif}
body.woocommerce-checkout h1,body.woocommerce-checkout h2,body.woocommerce-checkout h3,
.mp-co-head,.mp-co-aside-title{font-family:'Baloo 2',cursive}
/* Téma fejléc logó (site custom_logo) méret-korlát a checkouton */
body.woocommerce-checkout .site-header .custom-logo,
body.woocommerce-checkout .site-logo img,
body.woocommerce-checkout .site-branding img{max-height:54px!important;width:auto!important;height:auto!important}

/* Fő tartalom konténer levegőztetése */
.woocommerce-checkout .woocommerce{max-width:1080px;margin:0 auto}

/* Fejléc sáv */
.mp-co-head{max-width:1080px;margin:14px auto 26px;text-align:center}
.mp-co-slogan{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(1.6rem,3.4vw,2.3rem);color:var(--mp-ink);line-height:1.1}
.mp-co-slogan:after{content:"";display:block;width:64px;height:5px;border-radius:5px;background:var(--mp-pop);margin:12px auto 0}
.mp-co-intro{color:var(--mp-soft);font-size:1.05rem;margin:14px auto 0;max-width:34rem}
.mp-co-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px auto 0;max-width:1080px}
.mp-co-badge{background:#fff;border:1px solid var(--mp-ring);border-radius:var(--mp-r);box-shadow:var(--mp-shadow);padding:16px 14px;text-align:center}
.mp-co-badge span{font-size:1.5rem;display:block;margin-bottom:6px;color:var(--mp-accent)}
.mp-co-badge span svg{width:34px;height:34px;display:inline-block}
.mp-co-badge strong{display:block;font-family:'Baloo 2',cursive;font-size:.98rem;color:var(--mp-ink)}
.mp-co-badge small{display:block;color:var(--mp-soft);font-size:.8rem;margin-top:3px;line-height:1.35}

/* Form kártyásítása */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
	background:#fff;border:1px solid var(--mp-ring);border-radius:var(--mp-r);box-shadow:var(--mp-shadow);
	padding:24px;margin-bottom:18px
}
.woocommerce-checkout h3{font-weight:700;font-size:1.25rem;margin-bottom:14px}

/* CSAK a számlázási adatok modul: kompakt, szűkebb ablak (megjegyzés-blokk elrejtve). A többi szekció érintetlen. */
.woocommerce-checkout #customer_details{max-width:620px;margin-left:auto;margin-right:auto}
.woocommerce-checkout #customer_details .col-1{width:100%!important;max-width:none!important;float:none!important;padding:22px}
.woocommerce-checkout #customer_details .col-2{display:none!important}
.woocommerce-checkout #customer_details .form-row{margin:0 0 11px}
.woocommerce-checkout #customer_details label{margin-bottom:4px}
.woocommerce-checkout #customer_details input.input-text,
.woocommerce-checkout #customer_details .select2-container .select2-selection{min-height:44px!important;padding:10px 13px!important}
.woocommerce-checkout #customer_details h3{margin-bottom:10px}

/* Mezők */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection,
.woocommerce-checkout .form-row .select2-selection__rendered{
	border:1px solid var(--mp-ring)!important;border-radius:12px!important;padding:12px 14px!important;
	min-height:48px;font-size:1rem;background:#fff;color:var(--mp-ink);box-shadow:none
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus{
	border-color:var(--mp-accent)!important;outline:none;box-shadow:0 0 0 3px rgba(78,122,31,.18)!important
}
.woocommerce-checkout label{font-weight:500;color:var(--mp-ink)}

/* Összegzés táblázat */
.woocommerce-checkout #order_review .shop_table{border:0}
.woocommerce-checkout .order-total .amount{color:var(--mp-accent-d);font-family:'Baloo 2',cursive;font-size:1.3rem}

/* Fizetési módok */
.woocommerce-checkout #payment{background:transparent;border-radius:var(--mp-r)}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce-checkout #payment .payment_box{background:var(--mp-paper);border-radius:12px}

/* "Megrendelés" gomb */
.woocommerce-checkout #place_order,
.woocommerce-checkout button.button.alt{
	background:var(--mp-pop)!important;color:var(--mp-ink)!important;font-family:'Baloo 2',cursive;font-weight:700;
	font-size:1.15rem!important;border:0!important;border-radius:999px!important;padding:16px 28px!important;width:100%;
	box-shadow:0 14px 26px -12px rgba(0,0,0,.22);transition:transform .12s,box-shadow .12s;cursor:pointer
}
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button.button.alt:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(0,0,0,.30)}

/* Garancia doboz + fizetési jelzés */
.mp-co-guarantee{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--mp-ring);
	border-left:5px solid var(--mp-mint);border-radius:14px;padding:16px 18px;margin-top:16px;box-shadow:var(--mp-shadow)}
.mp-co-guarantee-ic{font-size:1.6rem;line-height:1}
.mp-co-guarantee strong{font-family:'Baloo 2',cursive;font-size:1.02rem;display:block;margin-bottom:3px}
.mp-co-guarantee p{margin:0;color:var(--mp-soft);font-size:.9rem;line-height:1.5}
.mp-co-paynote{margin:14px 0 0;color:var(--mp-soft);font-size:.86rem;text-align:center;line-height:1.5}
.mp-co-barion{margin-top:14px;text-align:center}
.mp-co-barion img{height:30px;width:auto;display:inline-block}

/* Jobb oszlop alatti marketing */
.mp-co-aside{background:var(--mp-ink);color:#fff;border-radius:var(--mp-r);padding:22px;margin-top:18px;box-shadow:var(--mp-shadow)}
.mp-co-aside-title{font-weight:700;font-size:1.15rem;margin:0 0 12px;color:#fff}
.mp-co-usp{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:9px}
.mp-co-usp li{position:relative;padding-left:26px;font-size:.92rem;color:rgba(255,255,255,.88)}
.mp-co-usp li:before{content:"✓";position:absolute;left:0;top:0;color:var(--mp-ink);background:var(--mp-mint);
	width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700}
.mp-co-quote{margin:0;font-style:italic;font-size:.92rem;color:rgba(255,255,255,.82);border-top:1px solid rgba(255,255,255,.12);padding-top:14px}
.mp-co-quote cite{display:block;margin-top:8px;font-style:normal;color:var(--mp-pop);font-size:.84rem}

@media(max-width:768px){
	.mp-co-trust{grid-template-columns:repeat(2,1fr)}
}

/* Thank-you (order-received) — letöltő gomb */
.mp-ty{max-width:640px;margin:24px auto 0;text-align:center;background:#fff;border:1px solid var(--mp-ring);border-radius:18px;box-shadow:var(--mp-shadow);padding:34px 26px}
.mp-ty-emoji{font-size:34px;line-height:1}
.mp-ty-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:26px;margin:8px 0 8px;color:var(--mp-ink)}
.mp-ty-sub{color:var(--mp-soft);font-size:1.02rem;max-width:30rem;margin:0 auto 22px}
.mp-ty-btn{display:inline-flex;align-items:center;gap:10px;background:var(--mp-pop);color:var(--mp-ink)!important;font-family:'Baloo 2',cursive;font-weight:700;font-size:1.2rem;padding:16px 34px;border-radius:999px;text-decoration:none;box-shadow:0 14px 26px -12px rgba(0,0,0,.22);transition:transform .12s,box-shadow .12s}
.mp-ty-btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(0,0,0,.30)}
.mp-ty-btn svg{width:24px;height:24px;flex:0 0 auto}
.mp-ty-note{margin-top:18px;color:var(--mp-soft);font-size:.85rem;line-height:1.5}

/* "Letöltések" tábla a thank-you oldal aljára: a default helyén elrejtve, alul (.mp-ty-downloads) megjelenítve */
body.woocommerce-order-received .woocommerce-order-downloads{display:none}
body.woocommerce-order-received .mp-ty-downloads{max-width:760px;margin:28px auto 0}
body.woocommerce-order-received .mp-ty-downloads .woocommerce-order-downloads{display:block}
body.woocommerce-order-received .mp-ty-downloads .woocommerce-button.button{background:var(--mp-pop)!important;color:var(--mp-ink)!important;border:0!important;border-radius:999px!important;font-family:'Baloo 2',cursive}