/* ===== FIÓKOM + KÖSZÖNŐ OLDAL v2 (2026-10-08) — a pénztár/kosár arculatában =====
   Betöltés: inc/account-thankyou.php (csak fiók és order-received oldalon). */
:root{--ac-shadow:0 1px 2px rgba(40,25,10,.05),0 16px 34px -22px rgba(40,25,10,.30);--ac-line:color-mix(in srgb,var(--color-border) 85%,var(--color-text) 6%)}

/* ---------- közös keret ---------- */
body.woocommerce-account .site-main > article,
body.woocommerce-order-received .site-main > article{max-width:1180px;margin-inline:auto}
body.woocommerce-account .entry-title,
body.woocommerce-order-received .entry-title{font:800 clamp(28px,4vw,38px) var(--font-display);margin:0 0 22px}

/* ---------- értesítések ---------- */
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message{list-style:none;margin:0 0 20px;padding:14px 18px;border-radius:14px;border:1px solid var(--ac-line);border-left:5px solid var(--brand-accent);background:var(--color-surface);color:var(--color-text);font-size:14.5px;box-shadow:var(--ac-shadow)}
body.woocommerce-account .woocommerce-error{border-left-color:#C62828}
body.woocommerce-account .woocommerce-message{border-left-color:#2E9E4F}
body.woocommerce-account .woocommerce-error::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before{display:none}
body.woocommerce-account .woocommerce-message .button,
body.woocommerce-account .woocommerce-info .button{float:right;margin-left:12px}

/* ---------- Fiókom: két oszlop (menü + tartalom) ---------- */
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation)::before,
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation)::after{display:none!important;content:none!important}
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) > .woocommerce-error,
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) > .woocommerce-message,
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) > .woocommerce-info{grid-column:1/-1}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;margin:0}
body.woocommerce-account .woocommerce-MyAccount-navigation{position:sticky;top:110px;background:var(--color-surface);border:1px solid var(--ac-line);border-radius:22px;box-shadow:var(--ac-shadow);padding:10px;overflow:hidden}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;font-size:14.5px;font-weight:600;color:var(--color-text);transition:background .15s,color .15s}
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{content:"";flex:0 0 30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--color-border) 60%,var(--color-bg)) center/16px no-repeat;opacity:.95}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:color-mix(in srgb,var(--brand-primary) 8%,var(--color-surface));color:var(--brand-primary)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--header-dark);color:var(--on-dark)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{background-color:var(--brand-primary)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--color-text-muted);margin-top:6px;border-top:1px dashed var(--ac-line);border-radius:0 0 14px 14px}
/* ikonok (egyszerű emoji a kis csempén) */
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{display:flex;align-items:center;justify-content:center;font-size:15px}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before{content:"🏠"}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before{content:"📦"}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--mentett-kosarak a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation-link--saved-carts a::before{content:"🛒"}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before{content:"⬇"}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before{content:"📍"}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before{content:"👤"}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before{content:"⎋"}

/* tartalom kártya */
body.woocommerce-account .woocommerce-MyAccount-content{background:var(--color-surface);border:1px solid var(--ac-line);border-radius:22px;box-shadow:var(--ac-shadow);padding:clamp(18px,3vw,32px);min-width:0}
body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{color:var(--color-text);font-size:15.5px}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button){color:var(--brand-primary);font-weight:600}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3{font:800 21px var(--font-display);color:var(--color-text);margin:0 0 14px}

/* ---------- gombok ---------- */
body.woocommerce-account .button,
body.woocommerce-account button.button,
body.woocommerce-account .woocommerce-button,
body.woocommerce-order-received .woocommerce-order .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border-radius:12px;border:1.5px solid var(--color-text);background:transparent;color:var(--color-text);font:700 14px var(--font-body);line-height:1;cursor:pointer;transition:background .15s,color .15s,transform .1s}
body.woocommerce-account .button:hover,
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-order-received .woocommerce-order .button:hover{background:var(--color-text);color:var(--color-surface)}
body.woocommerce-account .button.alt,
body.woocommerce-account button[type=submit].button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account .woocommerce-form-login__submit{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 10px 22px -12px color-mix(in srgb,var(--brand-primary) 75%,transparent)}
body.woocommerce-account .button.alt:hover,
body.woocommerce-account button[type=submit].button:hover,
body.woocommerce-account .woocommerce-Button:hover{background:color-mix(in srgb,var(--brand-primary) 88%,#000);border-color:transparent;color:#fff}

/* ---------- mezők ---------- */
body.woocommerce-account form .form-row{margin:0 0 14px}
body.woocommerce-account form label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--color-text)}
body.woocommerce-account form .required{color:var(--brand-primary);text-decoration:none}
body.woocommerce-account input.input-text,
body.woocommerce-account select,
body.woocommerce-account textarea,
body.woocommerce-account .select2-selection{width:100%;min-height:46px;padding:10px 14px;border:1.5px solid var(--ac-line);border-radius:12px;background:var(--color-bg);color:var(--color-text);font:500 15px var(--font-body);box-sizing:border-box}
body.woocommerce-account input.input-text:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 15%,transparent)}
body.woocommerce-account fieldset{border:1px solid var(--ac-line);border-radius:16px;padding:16px 18px;margin:18px 0}
body.woocommerce-account fieldset legend{padding:0 8px;font:800 16px var(--font-display)}

/* ---------- belépés / regisztráció (kijelentkezve) ---------- */
body.woocommerce-account #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2{float:none;width:auto;background:var(--color-surface);border:1px solid var(--ac-line);border-radius:22px;box-shadow:var(--ac-shadow);padding:clamp(20px,3vw,32px)}
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
body.woocommerce-account form.lost_reset_password{border:0;padding:0;margin:0;border-radius:0}
body.woocommerce-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) > form.lost_reset_password{max-width:520px;background:var(--color-surface);border:1px solid var(--ac-line);border-radius:22px;box-shadow:var(--ac-shadow);padding:28px}
body.woocommerce-account .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:8px;font-weight:600;margin-right:14px}
body.woocommerce-account .lost_password{margin-top:14px}

/* ---------- táblák (rendelések, tételek) ---------- */
body.woocommerce-account table.shop_table,
body.woocommerce-order-received table.shop_table{width:100%;border:0!important;border-collapse:separate;border-spacing:0;background:transparent}
body.woocommerce-account table.shop_table th,
body.woocommerce-account table.shop_table td,
body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td{padding:14px 12px;border:0!important;border-bottom:1px dashed var(--ac-line)!important;background:transparent;text-align:left;font-size:14.5px;color:var(--color-text);vertical-align:middle}
body.woocommerce-account table.shop_table thead th,
body.woocommerce-order-received table.shop_table thead th{font:800 12px var(--font-body);letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1.5px solid var(--ac-line)!important}
body.woocommerce-account table.shop_table .product-total,
body.woocommerce-account table.shop_table tfoot td,
body.woocommerce-order-received table.shop_table .product-total,
body.woocommerce-order-received table.shop_table tfoot td{text-align:right;font-weight:700}
body.woocommerce-account table.shop_table tfoot th,
body.woocommerce-order-received table.shop_table tfoot th{font-weight:600;color:var(--color-text-muted)}
body.woocommerce-account table.shop_table tfoot tr:last-child th,
body.woocommerce-account table.shop_table tfoot tr:last-child td,
body.woocommerce-order-received table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received table.shop_table tfoot tr:last-child td{border-bottom:0!important;font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--color-text)}
body.woocommerce-account table.shop_table tfoot tr:last-child .amount,
body.woocommerce-order-received table.shop_table tfoot tr:last-child .amount{color:var(--brand-primary);font-size:24px}
body.woocommerce-account table.shop_table .product-name a{color:var(--color-text);font-weight:700}
body.woocommerce-account table.shop_table .product-quantity,
body.woocommerce-order-received table.shop_table .product-quantity{font-weight:700;color:var(--color-text-muted)}
body.woocommerce-account table.shop_table .wc-item-meta{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px;color:var(--color-text-muted)}
body.woocommerce-account table.shop_table .wc-item-meta p{display:inline;margin:0}
body.woocommerce-account table.shop_table .woocommerce-orders-table__cell-order-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.woocommerce-account table.shop_table .woocommerce-orders-table__cell-order-actions .button{min-height:36px;padding:0 14px;font-size:13px}
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{color:var(--brand-primary);font-weight:800}
body.woocommerce-account .woocommerce-orders-table__cell-order-status{font-weight:700}

/* ---------- rendelés megtekintése ---------- */
body.woocommerce-account .woocommerce-MyAccount-content > p:has(mark.order-number){padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--brand-primary) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--brand-primary) 22%,var(--color-border));color:var(--color-text);font-size:15px;line-height:1.7}
body.woocommerce-account mark.order-number,
body.woocommerce-account mark.order-date,
body.woocommerce-account mark.order-status{background:none;color:var(--brand-primary);font-weight:800;padding:0}
body.woocommerce-account .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-order-details{margin:26px 0 0;padding:6px 20px 12px;border:1px solid var(--ac-line);border-radius:20px;background:var(--color-surface)}
body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-order-details__title{padding:16px 0 4px;margin:0}
body.woocommerce-account .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-customer-details{margin-top:26px}
body.woocommerce-account .woocommerce-columns--addresses,
body.woocommerce-order-received .woocommerce-columns--addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.woocommerce-account .woocommerce-columns--addresses::before,
body.woocommerce-account .woocommerce-columns--addresses::after,
body.woocommerce-order-received .woocommerce-columns--addresses::before,
body.woocommerce-order-received .woocommerce-columns--addresses::after{display:none}
body.woocommerce-account .woocommerce-columns--addresses .woocommerce-column,
body.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address{float:none;width:auto;padding:18px 20px;border:1px solid var(--ac-line);border-radius:18px;background:var(--color-bg)}
body.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after{display:none}
body.woocommerce-account address{font-style:normal;line-height:1.65;color:var(--color-text);font-size:14.5px;border:0;padding:0}
body.woocommerce-account .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3{margin:0 0 8px}
body.woocommerce-account .jolly-inv-dl{margin:22px 0 0;padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--confetti-cobalt) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--confetti-cobalt) 25%,var(--color-border))}
body.woocommerce-account .jolly-inv-dl p{margin:0;color:var(--color-text)}

/* ---------- KÖSZÖNŐ OLDAL ---------- */
.jolly-ty-hero{position:relative;overflow:hidden;margin:0 0 24px;padding:clamp(24px,4vw,40px);border-radius:26px;background:radial-gradient(120% 140% at 100% 0%,rgba(243,146,0,.28),transparent 55%),var(--header-dark);color:var(--on-dark);box-shadow:0 24px 50px -28px rgba(40,25,10,.55)}
.jolly-ty-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#D6249F 0 20%,#1E88E5 20% 40%,#8BC34A 40% 60%,#FFC107 60% 80%,#E53935 80%)}
.jolly-ty-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:rgba(46,158,79,.2);color:#8FE3A8;font:800 12px var(--font-body);letter-spacing:.8px;text-transform:uppercase}
.jolly-ty-badge i{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#2E9E4F;color:#fff;font-style:normal;font-size:13px}
.jolly-ty-hero h2{margin:14px 0 6px;font:800 clamp(28px,4.4vw,44px)/1.1 var(--font-display);color:#fff}
.jolly-ty-hero h2 span{color:#FFA21F}
.jolly-ty-hero p{margin:0;max-width:640px;color:var(--on-dark-muted);font-size:15.5px;line-height:1.6}
.jolly-ty-hero p strong{color:var(--on-dark)}
body.woocommerce-order-received .woocommerce-thankyou-order-received{display:none}
body.woocommerce-order-received .woocommerce-order{max-width:100%}

/* rendelés-összegző csempék */
body.woocommerce-order-received ul.woocommerce-order-overview{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
body.woocommerce-order-received ul.woocommerce-order-overview li{margin:0;padding:16px 18px;border:1px solid var(--ac-line)!important;border-radius:18px;background:var(--color-surface);box-shadow:var(--ac-shadow);font:700 11.5px var(--font-body);letter-spacing:.7px;text-transform:uppercase;color:var(--color-text-muted);float:none}
body.woocommerce-order-received ul.woocommerce-order-overview li strong{display:block;margin-top:6px;font:800 19px var(--font-display);letter-spacing:0;text-transform:none;color:var(--color-text);word-break:break-word}
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total strong{color:var(--brand-primary);font-size:22px}

/* utalási adatok */
body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-thankyou-order-received){color:var(--color-text)}
body.woocommerce-order-received .wc-bacs-bank-details-heading,
body.woocommerce-order-received .woocommerce-bacs-bank-details h2{margin:26px 0 12px}
body.woocommerce-order-received .wc-bacs-bank-details-account-name{margin:0 0 10px;font:800 16px var(--font-display);color:var(--color-text)}
body.woocommerce-order-received ul.wc-bacs-bank-details{list-style:none;margin:0 0 24px;padding:20px 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;border:1px solid var(--ac-line);border-radius:20px;background:var(--color-surface);box-shadow:var(--ac-shadow)}
body.woocommerce-order-received ul.wc-bacs-bank-details li{margin:0;padding:0;border:0;float:none;font:700 11.5px var(--font-body);letter-spacing:.7px;text-transform:uppercase;color:var(--color-text-muted)}
body.woocommerce-order-received ul.wc-bacs-bank-details li strong{display:block;margin-top:5px;font:800 16px var(--font-display);letter-spacing:0;text-transform:none;color:var(--color-text)}

/* következő lépések */
.jolly-ty-next{margin:24px 0 0;padding:22px 24px;border-radius:20px;border:1px solid var(--ac-line);background:var(--color-surface);box-shadow:var(--ac-shadow)}
.jolly-ty-next h3{margin:0 0 12px}
.jolly-ty-next ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:ty}
.jolly-ty-next li{counter-increment:ty;display:flex;gap:12px;align-items:flex-start;color:var(--color-text);font-size:14.5px;line-height:1.5}
.jolly-ty-next li::before{content:counter(ty);flex:0 0 26px;height:26px;border-radius:50%;background:var(--brand-primary);color:#fff;font:800 13px/26px var(--font-body);text-align:center}
.jolly-ty-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}

/* menü ikonok (nagyobb specifikusság) */
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a::before{content:"•"}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before{content:"🏠"}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before{content:"📦"}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--mentett-kosarak a::before{content:"🛒"}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before{content:"⬇"}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before{content:"📍"}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before{content:"👤"}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{content:"⎋"}

/* köszönő oldal javítások */
body.woocommerce-order-received .woocommerce-order .jolly-ty-hero h2{color:#fff}
body.woocommerce-order-received .woocommerce-order .jolly-ty-hero h2 span{color:#FFA21F}
body.woocommerce-order-received .site-main > article .entry-title,
body.woocommerce-order-received .site-main > article > h1:first-child,
body.woocommerce-order-received .site-main h1.page-title{display:none}
body.woocommerce-order-received .woocommerce-order-details > div:empty{display:none}
body.woocommerce-order-received .woocommerce-customer-details address{display:block;margin:0;padding:18px 20px;border:1px solid var(--ac-line);border-radius:18px;background:var(--color-bg);font-style:normal;line-height:1.7;color:var(--color-text);font-size:14.5px;height:auto;overflow:visible}
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title{margin:0 0 12px}

/* ---------- mobil ---------- */
@media (max-width:900px){
	body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr)}
	body.woocommerce-account .woocommerce-MyAccount-navigation{position:static}
	body.woocommerce-account .woocommerce-MyAccount-navigation ul{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:2px;scrollbar-width:none}
	body.woocommerce-account .woocommerce-MyAccount-navigation li a{white-space:nowrap;padding:10px 12px}
	body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{margin:0;border-top:0;border-radius:14px}
	body.woocommerce-account #customer_login{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
	body.woocommerce-account .woocommerce-columns--addresses,
	body.woocommerce-order-received .woocommerce-columns--addresses,
	body.woocommerce-account .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)}
	body.woocommerce-account .woocommerce-orders-table thead{display:none}
	body.woocommerce-account .woocommerce-orders-table tr{display:block;padding:12px 0;border-bottom:1px dashed var(--ac-line)}
	body.woocommerce-account .woocommerce-orders-table td{display:flex;justify-content:space-between;gap:12px;padding:6px 0!important;border:0!important;text-align:right}
	body.woocommerce-account .woocommerce-orders-table td::before{content:attr(data-title);font-weight:700;color:var(--color-text-muted);text-align:left}
	body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{justify-content:flex-end}
}