@font-face{font-family:TTGNeris;src:url('neris.otf') format('opentype');font-display:swap}
@font-face{font-family:TTGAudrey;src:url('audrey.otf') format('opentype');font-weight:700;font-display:swap}
/* Styles stay within the shortcode, so the restaurant's WordPress theme keeps its own layout. */
.ttg-app{--ttg-green:var(--ttg-primary,#515f43);font-family:var(--ttg-body-font,TTGNeris,Arial,sans-serif);font-size:16px;color:var(--ttg-ink);max-width:1240px;margin:36px auto;padding:40px;background:var(--ttg-background,#f8f7f3);border-radius:8px;line-height:1.6;box-sizing:border-box;container-type:inline-size}
.ttg-app *{box-sizing:border-box}
.ttg-app .ttg-intro h2{font-family:var(--ttg-heading-font,TTGAudrey,Georgia,serif);font-size:clamp(30px,3.7vw,44px);font-weight:700;line-height:1.25;letter-spacing:.015em;max-width:780px;margin:10px 0 18px;color:var(--ttg-ink)}
.ttg-app .ttg-intro p{margin:0 0 12px}.ttg-app .ttg-intro>p:not(.ttg-eyebrow):not(.ttg-test){color:var(--ttg-muted);font-size:17px}
.ttg-app .ttg-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ttg-green);line-height:1.5}
.ttg-app .ttg-details{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;color:var(--ttg-green);font-size:13px}.ttg-app .ttg-details li{margin:0;padding:0;display:flex;align-items:center;gap:8px}.ttg-app .ttg-details li>span{font-family:Arial,sans-serif;font-size:18px;line-height:1}
.ttg-app .ttg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:40px;align-items:start;margin-top:32px}
.ttg-app .ttg-form,.ttg-app .ttg-preview{min-width:0}
.ttg-app .ttg-form{padding:28px;background:#fff;border:1px solid #e5e5dc;border-radius:8px;margin:0}
.ttg-app fieldset{border:0;margin:0;padding:0;min-width:0}.ttg-app legend,.ttg-app .ttg-message-label{font-weight:bold;font-size:17px;margin:0 0 16px;padding:0;line-height:1.5}.ttg-app .ttg-step{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--ttg-soft,#eef0e9);color:var(--ttg-green);font-size:12px;margin-right:7px;vertical-align:1px}
.ttg-app .ttg-amounts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ttg-app .ttg-amounts-six{grid-template-columns:repeat(3,minmax(0,1fr))}.ttg-app .ttg-amounts label{position:relative;cursor:pointer;margin:0}.ttg-app .ttg-amounts input{position:absolute;opacity:0}.ttg-app .ttg-amounts span{display:block;background:#fff;border:1px solid var(--ttg-line);padding:13px 2px;text-align:center;border-radius:5px;font-size:16px;white-space:nowrap;color:var(--ttg-ink);transition:background .15s,border-color .15s}.ttg-app .ttg-amounts label:hover span{border-color:var(--ttg-green);background:#f6f7f2}.ttg-app .ttg-amounts input:checked+span{background:var(--ttg-green);border-color:var(--ttg-green);color:#fff}.ttg-app .ttg-amounts input:focus-visible+span{outline:3px solid var(--ttg-focus,#768c61);outline-offset:3px}
.ttg-app .ttg-message-label{display:block;margin:26px 0 12px}.ttg-app small{font-size:12px;font-weight:normal}.ttg-app .ttg-message-label small{color:var(--ttg-muted);margin-left:4px}
.ttg-app textarea{display:block;width:100%;padding:14px;border:1px solid var(--ttg-line);border-radius:5px;background:#fdfdfb;color:var(--ttg-ink);font:inherit;font-size:15px;line-height:1.6;resize:vertical;min-height:120px}.ttg-app textarea::placeholder{color:#747b6d;opacity:1}
.ttg-app .ttg-count{text-align:right;font-size:11px;margin:5px 0;color:var(--ttg-muted)}.ttg-app .ttg-help{font-size:13px;line-height:1.6;margin:16px 0;color:var(--ttg-muted)}.ttg-app .ttg-primary{font:inherit;font-weight:bold;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:5px;padding:16px 20px;background:var(--ttg-green);color:#fff;width:100%;cursor:pointer;text-transform:none;letter-spacing:0;line-height:1.5}.ttg-app .ttg-primary:hover{background:var(--ttg-hover,#414e34)}.ttg-app .ttg-primary>span{font-size:22px;line-height:1}.ttg-app .ttg-primary+.ttg-help{text-align:center;font-size:11px;margin:12px 0 0}.ttg-app button:focus-visible,.ttg-app textarea:focus-visible{outline:3px solid var(--ttg-focus,#768c61);outline-offset:3px}
.ttg-app .ttg-preview>.ttg-eyebrow{margin:0 0 14px}.ttg-app .ttg-card{margin:0;border:1px solid #deddd2;background:var(--ttg-card,#fcfbf7);border-radius:5px;overflow:hidden;box-shadow:0 14px 32px #26321b10}.ttg-app .ttg-photo{aspect-ratio:2.15/1;min-height:210px;background:linear-gradient(0deg,#17140ed9,#17140e16),url('interieur.jpg') center 54%/cover;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:white}.ttg-app .ttg-logo{width:132px;height:auto;filter:invert(1);display:block}.ttg-app .ttg-brand{font-size:34px;color:white}.ttg-app .ttg-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:16px}.ttg-app .ttg-card-bottom>.ttg-caption{font-size:14px;max-width:155px;min-width:0}.ttg-app .ttg-value{font-family:var(--ttg-heading-font,TTGAudrey,Georgia,serif);font-size:clamp(30px,3.5vw,46px);font-weight:700;line-height:1.1;white-space:nowrap;color:white;flex-shrink:0}.ttg-app .ttg-currency{font-family:Arial,sans-serif;font-size:.75em;font-weight:700}.ttg-app .ttg-letter{padding:24px;min-height:140px}.ttg-app .ttg-letter small{font-size:10px;letter-spacing:.14em;color:var(--ttg-green)}.ttg-app .ttg-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.7;margin:10px 0 0}.ttg-app .ttg-footnote{font-size:11px;color:var(--ttg-muted);border-top:1px solid var(--ttg-line);padding:13px 24px;margin:0}.ttg-app .ttg-terms{font-size:12px;color:var(--ttg-muted);line-height:1.7;margin:20px 0 0;max-width:470px}.ttg-app .ttg-test{padding:10px 14px;background:#eceee5;border-radius:4px;font-size:12px}
@media(max-width:800px){.ttg-app{padding:24px 18px}.ttg-app .ttg-layout{grid-template-columns:minmax(0,1fr);gap:28px}.ttg-app .ttg-form{padding:22px}.ttg-app .ttg-details{gap:10px 20px}.ttg-app .ttg-photo{padding:20px;min-height:190px}.ttg-app .ttg-value{font-size:36px}}
@container(max-width:760px){.ttg-app .ttg-layout{grid-template-columns:minmax(0,1fr);gap:28px}.ttg-app .ttg-value{font-size:36px}.ttg-app .ttg-photo{min-height:190px}}
@media(max-width:420px){.ttg-app{padding:22px 14px}.ttg-app .ttg-form{padding:20px 16px}.ttg-app .ttg-intro h2{font-size:30px}.ttg-app .ttg-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}.ttg-app .ttg-message-label{font-size:16px}.ttg-app .ttg-message-label small{font-size:11px}.ttg-app .ttg-card-bottom{flex-direction:column;align-items:flex-start;gap:10px}.ttg-app .ttg-card-bottom>.ttg-caption{font-size:12px;max-width:none}.ttg-app .ttg-value{font-size:30px}.ttg-app .ttg-letter{padding:20px}.ttg-app .ttg-footnote{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){.ttg-app .ttg-amounts span{transition:none}}

/* Keep i and j separate in Audrey headings rather than forming a discretionary ligature. */
.ttg-app .ttg-logo--toet{filter:brightness(0) invert(1)}
.ttg-app .ttg-intro h2{font-variant-ligatures:none;font-feature-settings:"liga" 0,"dlig" 0,"calt" 0,"rlig" 0;font-kerning:none}
/* WooCommerce notices inside the gift card module: the "removed, undo?" message is not shown here (the customer
   already chose to remove the card), other messages get the restaurant style instead of the WooCommerce banner. */
.ttg-app .woocommerce-message,.ttg-app .wc-block-components-notice-banner.is-success{display:none!important}
.ttg-app .woocommerce-error,.ttg-app .woocommerce-info,.ttg-app .wc-block-components-notice-banner{display:block;margin:0 0 24px;padding:14px 18px;border:0;border-left:3px solid var(--ttg-green);border-radius:4px;background:#fff;box-shadow:none;color:var(--ttg-ink);font-size:14px;line-height:1.5;list-style:none}
.ttg-app .woocommerce-error li{margin:0;padding:0;list-style:none}
.ttg-app .woocommerce-error::before,.ttg-app .woocommerce-info::before,.ttg-app .wc-block-components-notice-banner>svg{display:none!important}
.ttg-app .wc-block-components-notice-banner__content{padding:0;margin:0}
.ttg-app .woocommerce-error a,.ttg-app .woocommerce-info a,.ttg-app .wc-block-components-notice-banner a{color:var(--ttg-green)}