@font-face {
    font-family: 'GabrielaGKB';
    src: url('assets/fonts/GABRIELA-REGULAR.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SelenaGKB';
    src: url('assets/fonts/SELENA.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SelenaGKB';
    src: url('assets/fonts/SELENA-ITALIC.OTF') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

.gkb-vaucher-preview-source { width:100%; margin:0 0 22px; }
.gkb-vaucher-preview-source.gkb-vaucher-preview-relocated { margin:0; }
.gkb-vaucher-preview-panel { width:100%; }
.gkb-vaucher-preview-note { text-align:center; font-size:12px; opacity:.7; margin-top:9px; }

/* v0.2.3: keep the theme's existing gallery column and place preview inside it. */
.gkb-vaucher-gallery-host {
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
}
.gkb-vaucher-gallery-host > .gkb-vaucher-preview-source {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

.gkb-vaucher-preview {
    position:relative;
    width:100%;
    max-width:760px;
    aspect-ratio:210 / 297;
    margin:0 auto;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    font-family:'GabrielaGKB', serif;
    color:#6f4638;
}

.gkb-vaucher-watermark {
    position:absolute;
    inset:-15%;
    z-index:20;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    transform:rotate(-30deg);
    pointer-events:none;
    user-select:none;
    font-family:Arial,sans-serif;
    font-weight:700;
    letter-spacing:.18em;
    font-size:clamp(24px,3vw,44px);
    color:rgba(90,55,45,.13);
}

/* POSITION CONTROL: edit top/left/right values below to fine-tune each dynamic text. */
.gkb-vaucher-number { position:absolute; top:20.2%; right:0%; width:22%; font-size:clamp(10px,1.1vw,15px); line-height:1; transform:translateX(5px); font-family:'SelenaGKB', cursive; font-weight:400; text-shadow:none; }
.gkb-vaucher-consultation { position:absolute; top:39.7%; left:24.6%; width:61.2%; height:8.8%; display:flex; align-items:center; justify-content:center; text-align:center; font-size:32px; line-height:1.02; overflow:hidden; white-space:normal; overflow-wrap:anywhere; word-break:break-word; padding:0 8px; box-sizing:border-box; }
.gkb-vaucher-recipient { position:absolute; top:48.8%; left:32.5%; width:51%; height:5%; display:flex; align-items:center; justify-content:center; gap:5px; text-align:center; font-size:22px; line-height:1; overflow:hidden; }
.gkb-vaucher-message { position:absolute; top:56.1%; left:22.4%; width:63%; height:15.8%; display:flex; align-items:center; justify-content:center; text-align:center; font-size:20px; line-height:1.12; white-space:pre-line; overflow:hidden; padding:3px 5px; box-sizing:border-box; }
.gkb-vaucher-sender { position:absolute; top:86.1%; left:32.2%; width:51%; height:5%; display:flex; align-items:center; justify-content:center; gap:5px; text-align:center; font-size:22px; line-height:1; overflow:hidden; }

.gkb-vaucher-consultant-side {
    position:absolute;
    left:6.6%;
    top:45%;
    width:11.5%;
    height:36%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:5px;
    text-align:center;
    font-size:14px;
    line-height:1.05;
    overflow:visible;
    color:#6f4638;
}
#gkb-preview-consultant {
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    display:block;
    max-height:100%;
    white-space:nowrap;
    overflow:visible;
    margin:0;
}


.gkb-vaucher-fields { padding:18px; border:1px solid #e5e5e5; border-radius:10px; margin:15px 0; background:#fff; }
.gkb-vaucher-fields h3 { margin:0 0 16px; }
.gkb-vaucher-fields input,.gkb-vaucher-fields select,.gkb-vaucher-fields textarea { width:100%; }
.gkb-vaucher-help { display:block; margin-top:5px; opacity:.72; }

/* Keep the preview within the native left product-media column. */
.gkb-vaucher-gallery-host .gkb-vaucher-preview-panel { width:100%; }
.gkb-vaucher-gallery-host .gkb-vaucher-preview { width:100%; max-width:none; }


/* Fullscreen shell: the voucher itself keeps its original portrait dimensions.
   We scale the whole preview as one object, so text sizes/positions never reflow. */
.gkb-vaucher-fullscreen-shell {
    display:none;
    position:fixed;
    inset:0;
    background:#111;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    z-index:2147483647;
}
.gkb-vaucher-fullscreen-shell:fullscreen,
.gkb-vaucher-fullscreen-shell:-webkit-full-screen {
    display:flex;
}
.gkb-vaucher-fullscreen-stage {
    position:relative;
    flex:0 0 auto;
    transform-origin:center center;
}
.gkb-vaucher-fullscreen-stage .gkb-vaucher-preview {
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    aspect-ratio:auto !important;
    box-shadow:none;
}


@media (min-width:1024px) {
    .gkb-vaucher-preview-source.gkb-vaucher-preview-floating {
        position:fixed !important;
        margin:0 !important;
        z-index:999;
    }
}

@media (min-width:768px) {
    .gkb-vaucher-product-page .gkb-vaucher-gallery-host,
    .gkb-vaucher-product-page .summary {
        vertical-align:top;
    }
    .gkb-vaucher-product-page .gkb-vaucher-preview-note {
        max-width:520px;
        margin-left:auto;
        margin-right:auto;
    }
}

.gkb-vaucher-consultation,
.gkb-vaucher-recipient,
.gkb-vaucher-message,
.gkb-vaucher-sender {
    font-weight:700;
    text-shadow: 0.2px 0 currentColor, -0.2px 0 currentColor;
}

.gkb-vaucher-consultant-side,
#gkb-preview-consultant {
    font-weight:400;
    text-shadow:none;
}

@media (max-width:767px) {
    .gkb-vaucher-preview { max-width:100%; }
    .gkb-vaucher-number {
        top:20.8%;
        right:-1.8%;
        width:22%;
        transform:translateX(4px);
        font-size:10px;
    }
    .gkb-vaucher-consultation { font-size:20px; }
    .gkb-vaucher-recipient,.gkb-vaucher-sender { font-size:20px; }
    .gkb-vaucher-message { font-size:15px; }
    .gkb-vaucher-consultant-side { font-size:10px; }
}