@import url('/theme-assets/ornamen-bunga-klasik.css');
body{background:#f8ecdc;color:#80551f}main{background:#fff5e8}body[data-theme='jawa-tradisional'] main>section,body[data-theme='jawa-tradisional'] main>footer{display:flex;flex-direction:column;padding:clamp(58px,12dvh,100px) 30px 82px;background:#fff4e7 url('/images/ornaments/jawa-tradisional/background.png') center/100% 100% no-repeat;align-content:start}.mihrab{width:100%;max-width:350px;border:1px solid #dbb97180;border-radius:80px 80px 12px 12px;padding:22px 18px;background:#fffffff0;color:#80551f;filter:none;flex:1 0 auto;align-content:center}.mihrab h1{font-size:49px;line-height:1.08;margin:16px 0;letter-spacing:-1px}.mihrab h1 i,.mihrab em,.names .amp{color:#9a8747}.mihrab h1 i{font-size:29px;margin:6px 0}.mihrab h2{font-size:29px;margin:14px 0}.mihrab h3{font-size:25px;margin:12px 0 7px}.mihrab p{line-height:1.65;margin:10px 0}.eyebrow{color:#9b7538;letter-spacing:1.7px}.guest{border-color:#c5a65d66;margin:16px 0;padding:10px 4px}.guest small,.demo-info{color:#867653}.guest strong{color:#80551f}.button,button{background:#8a692c;color:#fffdf0;border-color:#b99440;min-height:44px}.divider{color:#9f91c4;font-size:29px;margin:14px 0}.desktop{background:radial-gradient(ellipse at center,#fffaf0,#f0dec3);color:#80551f}.desktop:before,.desktop:after{display:none}.desktop:before{display:block;inset:22px;width:auto;height:auto;background:none;border:1px solid #bd985c88;border-radius:150px 150px 12px 12px}.desktop em{color:#8f81bc}.desktop-photo{border-color:#c19b54}.desktop-photo img{object-position:center}.couple-photo{height:clamp(130px,25dvh,230px);width:auto;aspect-ratio:25/31;margin:12px auto;padding:4px;border-color:#c4a057;background:#fffdf5}.couple-photo img{object-fit:cover}.names .amp{font-size:26px}.names article p{margin:6px 0}.section-title,.events .section-title{color:#80551f;font-size:28px;margin:0 0 12px;background:#ffffffd9;border-radius:8px;padding:6px 0}.events-panel{border-radius:24px;padding:14px 18px}.events-panel .event-card{line-height:1.4}.events-panel .event-card h3{font-size:25px;margin:5px 0}.events-panel .event-card p{margin:5px 0;line-height:1.5}.events-panel .event-card>strong{margin-top:5px}.events-panel .event-card+.event-card{border-color:#b99a6377;margin-top:12px;padding-top:12px}.gift-card{border-color:#b99a6377}.gift-card>b{font-size:24px}.rsvp .mihrab{border-radius:24px;padding:16px}.rsvp form{margin-top:12px}.rsvp label{margin:6px 0 3px;color:#80551f}.rsvp input,.rsvp select,.rsvp textarea{color:#80551f;background:#fffdf6;border-color:#c5ad7c;min-height:44px;padding:8px}.rsvp textarea{height:56px}.rsvp form button{margin-top:10px}.rsvp #rsvp-status{font-size:11px}footer .mihrab>a{color:#80551f}main nav{background:#765d33f5;border-color:#d1b06a}.invitation-countdown{color:#80551f;background:#ffffffdf;border-radius:10px}.cover .demo-info{display:none}body[data-theme='jawa-tradisional'] main>.gallery{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.gallery .section-caption{background:#ffffffdf;border-radius:8px;padding:5px;font-size:11px}.gallery .photos{gap:10px}.gallery .photos figure{background:#fffdf6ed;border-color:#cfaf6d}
@media(max-height:740px){body[data-theme='jawa-tradisional'] main>section,body[data-theme='jawa-tradisional'] main>footer{padding:50px 25px 82px}.mihrab{padding:14px 14px;border-radius:50px 50px 12px 12px}.mihrab h1{font-size:40px;margin:10px 0}.mihrab h2{font-size:25px;margin:10px 0}.mihrab h3{font-size:23px}.mihrab p{font-size:12px;margin:8px 0;line-height:1.5}.couple-photo{height:135px;margin:8px auto}.events-panel{border-radius:18px;padding:10px 14px}.events-panel .event-card h3{font-size:22px}.events-panel .event-card+.event-card{margin-top:8px;padding-top:8px}.section-title,.events .section-title{font-size:25px;margin-bottom:10px}.rsvp .mihrab{padding:12px}.rsvp .mihrab h2{margin:6px 0;font-size:24px}.rsvp form{margin-top:6px}.rsvp label{margin-top:4px}.rsvp textarea{height:44px}.guest{margin:10px 0;padding:8px 4px}.divider{margin:10px 0}.gift-intro{margin-bottom:8px}.gift-card{padding-top:8px}}
@media(max-height:600px){body[data-theme='jawa-tradisional'] main>section,body[data-theme='jawa-tradisional'] main>footer{padding:42px 22px 80px}.mihrab{padding:12px}.mihrab h1{font-size:36px}.mihrab h2{font-size:23px}.mihrab h3{font-size:22px}.couple-photo{height:115px}.events-panel .eyebrow{display:none}.events-panel .event-card h3{font-size:21px}.events-panel .event-card p{margin:4px 0;line-height:1.4}.events-panel .event-card+.event-card{margin-top:6px;padding-top:6px}.rsvp form{display:grid;grid-template-columns:68px minmax(0,1fr);gap:7px;align-items:center}.rsvp label{margin:0}.rsvp form button,.rsvp #rsvp-status{grid-column:1/-1;margin:0}.guest strong{font-size:13px}}
.mihrab{border-image:none}
/* Keep demo and personalized countdowns inside the cover panel, above its lower border. */
body[data-theme='jawa-tradisional'] main>.cover{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.cover>.cover-panel{grid-area:1/1;width:100%;height:100%;padding-bottom:100px}
.cover>.invitation-countdown,.cover>.draft-countdown{grid-area:1/1;align-self:end;justify-self:center;width:calc(100% - 36px);max-width:300px;margin:0 0 20px;padding:12px 4px 0;border-top:1px solid #c5a65d66;border-radius:0;background:transparent;z-index:3}
.cover .countdown-values b{background:#fffaf0;border-color:#cfb279}
@media(max-height:600px){.cover>.cover-panel{padding-bottom:86px}.cover>.invitation-countdown,.cover>.draft-countdown{margin-bottom:14px;padding-top:8px}}
/* The supplied artwork already contains the white writing area and gold frame. */
.mihrab{background:transparent;border:0;border-radius:0;box-shadow:none}
.section-title,.events .section-title,.gallery .section-caption{background:transparent;border-radius:0}
.invitation-countdown{background:transparent;border-radius:0}
.cover .countdown-values b{background:transparent}
/* Inset the gallery inside the gold arch, leaving the side ornaments visible. */
.gallery .photos{width:82%;max-width:270px;justify-self:center;min-width:0}
.gallery .section-title,.gallery .section-caption{width:88%;justify-self:center}
/* Display gallery photos directly, without a background mat or border. */
.gallery .photos figure{padding:0;border:0;background:transparent;border-radius:14px;overflow:hidden;box-shadow:none}
.gallery .photos img{inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px}
/* Override the inherited panel centering so the first event follows the title. */
body[data-theme='jawa-tradisional'] #acara>.events-panel{align-content:start;padding-top:2px}
.events .section-title{margin-top:20px;margin-bottom:0;padding-bottom:0}
/* Center the heading and both events as one group, without stretching the event panel. */
body[data-theme='jawa-tradisional'] main>#acara{justify-content:center}
body[data-theme='jawa-tradisional'] #acara>.events-panel{flex:0 0 auto}
.events .section-title{margin-top:0}
/* Keep the closing message and countdown together as a balanced group. */
body[data-theme='jawa-tradisional'] main>footer{justify-content:center}
body[data-theme='jawa-tradisional'] main>footer>.mihrab{flex:0 0 auto;order:0;padding-block:14px}
body[data-theme='jawa-tradisional'] main>footer>.invitation-countdown{order:1;width:calc(100% - 36px);max-width:300px;align-self:center;margin:8px 0 0;padding:14px 4px 0;border-top:1px solid #c5a65d66;background:transparent;border-radius:0}
footer .countdown-values b{background:transparent;border-color:#cfb279}
