.fiyowa-ticket-panel {
display: grid;
gap: 22px;
margin: 36px 0;
padding: 0;
border: 1px solid rgba(39, 52, 65, 0.16);
border-radius: 8px;
overflow: hidden;
background: #fffaf0;
color: #21180e;
box-shadow: 0 18px 60px rgba(21, 31, 44, 0.12);
}
.fiyowa-ticket-panel--admin-note {
padding: 18px;
background: #f6f7f7;
border-color: #c3c4c7;
box-shadow: none;
}
.fiyowa-ticket-hero {
width: 100%;
aspect-ratio: 16 / 7;
object-fit: cover;
display: block;
background: #162231;
}
.fiyowa-ticket-head,
.fiyowa-ticket-meta,
.fiyowa-ticket-location,
.fiyowa-ticket-text,
.fiyowa-ticket-notice,
.fiyowa-ticket-form {
margin-left: 24px;
margin-right: 24px;
}
.fiyowa-ticket-head {
margin-top: 2px;
}
.fiyowa-ticket-head p {
margin: 0 0 7px;
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
color: #8a641c;
}
.fiyowa-ticket-head h2 {
margin: 0;
font-size: clamp(1.45rem, 2vw, 2rem);
line-height: 1.15;
color: #17120b;
}
.fiyowa-ticket-head span {
display: block;
margin-top: 9px;
color: #614711;
font-weight: 700;
}
.fiyowa-ticket-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.fiyowa-ticket-meta span {
padding: 8px 11px;
border-radius: 999px;
background: #f0dfb8;
color: #3d2c0d;
font-size: 0.9rem;
font-weight: 800;
}
.fiyowa-ticket-text {
margin-top: 0;
margin-bottom: 0;
color: #4d3a1c;
}
.fiyowa-ticket-location {
margin-top: 0;
margin-bottom: 0;
padding: 13px 15px;
border: 1px solid rgba(96, 70, 18, 0.18);
border-radius: 8px;
background: rgba(255, 255, 255, 0.58);
color: #3b2b13;
line-height: 1.55;
}
.fiyowa-ticket-notice {
padding: 12px 14px;
border-radius: 8px;
font-weight: 800;
}
.fiyowa-ticket-notice--success {
background: #e3f5e8;
color: #075d2c;
}
.fiyowa-ticket-notice--error {
background: #fde4df;
color: #8a1f11;
}
.fiyowa-ticket-success-details {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px 14px;
margin-top: 10px;
font-weight: 650;
}
.fiyowa-ticket-success-details span {
overflow-wrap: anywhere;
}
.fiyowa-ticket-download-link {
grid-column: 1 / -1;
justify-self: start;
padding: 8px 11px;
border-radius: 8px;
background: #075d2c;
color: #fff;
text-decoration: none;
font-weight: 900;
}
.fiyowa-ticket-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-bottom: 24px;
}
.fiyowa-ticket-form label,
.fiyowa-ticket-payment,
.fiyowa-ticket-billing,
.fiyowa-ticket-bank-box {
display: grid;
gap: 7px;
min-width: 0;
font-weight: 800;
}
.fiyowa-ticket-payment,
.fiyowa-ticket-billing,
.fiyowa-ticket-bank-box {
grid-column: 1 / -1;
margin: 0;
padding: 14px;
border: 1px solid rgba(96, 70, 18, 0.2);
border-radius: 8px;
background: rgba(255, 255, 255, 0.6);
}
.fiyowa-ticket-bank-box {
grid-template-columns: repeat(2, minmax(0, 1fr));
background: #fff7e4;
border-color: rgba(190, 142, 58, 0.44);
}
.fiyowa-ticket-bank-box[hidden] {
display: none;
}
.fiyowa-ticket-bank-box > strong,
.fiyowa-ticket-bank-box small {
grid-column: 1 / -1;
}
.fiyowa-ticket-bank-box span {
min-width: 0;
overflow-wrap: anywhere;
font-weight: 650;
}
.fiyowa-ticket-bank-box small {
color: #6a5128;
font-weight: 600;
}
.fiyowa-ticket-billing {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 14px;
}
.fiyowa-ticket-billing[hidden] {
display: none;
}
.fiyowa-ticket-payment legend,
.fiyowa-ticket-billing legend {
padding: 0 6px;
color: #614711;
}
.fiyowa-ticket-billing p {
grid-column: 1 / -1;
margin: 0;
color: #6a5128;
font-size: 0.92rem;
font-weight: 600;
}
.fiyowa-ticket-payment label {
grid-template-columns: 20px 1fr;
align-items: start;
gap: 10px;
font-weight: 700;
}
.fiyowa-ticket-form input,
.fiyowa-ticket-form select,
.fiyowa-ticket-form textarea {
width: 100%;
min-height: 46px;
border: 1px solid rgba(96, 70, 18, 0.28);
border-radius: 8px;
padding: 10px 12px;
background: #fff;
color: #21180e;
font: inherit;
}
.fiyowa-ticket-payment input,
.fiyowa-ticket-consent input {
width: 18px;
min-height: 18px;
margin-top: 2px;
}
.fiyowa-ticket-form textarea {
min-height: 106px;
resize: vertical;
}
.fiyowa-ticket-wide,
.fiyowa-ticket-consent,
.fiyowa-ticket-form button {
grid-column: 1 / -1;
}
.fiyowa-ticket-consent {
grid-template-columns: 20px 1fr;
align-items: start;
gap: 10px;
font-weight: 600;
}
.fiyowa-ticket-form button {
min-height: 50px;
border: 0;
border-radius: 8px;
background: #172230;
color: #fff7e6;
font: inherit;
font-weight: 900;
cursor: pointer;
}
.fiyowa-ticket-form button:hover,
.fiyowa-ticket-form button:focus {
background: #4f3610;
}
.fiyowa-ticket-form button:disabled {
cursor: progress;
opacity: 0.68;
}
.fiyowa-ticket-hidden {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
@media (max-width: 680px) {
.fiyowa-ticket-head,
.fiyowa-ticket-meta,
.fiyowa-ticket-location,
.fiyowa-ticket-text,
.fiyowa-ticket-notice,
.fiyowa-ticket-form {
margin-left: 18px;
margin-right: 18px;
}
.fiyowa-ticket-form {
grid-template-columns: 1fr;
margin-bottom: 18px;
}
.fiyowa-ticket-bank-box,
.fiyowa-ticket-billing,
.fiyowa-ticket-success-details {
grid-template-columns: 1fr;
}
.fiyowa-ticket-hero {
aspect-ratio: 4 / 3;
}
}