.elementor-2846 .elementor-element.elementor-element-12007b22{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-649b467c *//* --- STYLING AV ORDREBEKREFTELSE (KVITTERING) --- */

/* 1. Hovedboksen - Får samme lyse farge og stil som arrangementskortene */
.tribe-tickets__commerce-order {
    background-color: #f9f6ef !important; /* Lys beige/kremfarget bakgrunn */
    padding: 40px !important;
    border-radius: 10px !important;
    max-width: 800px !important;
    margin: 40px auto !important; /* Midtstiller boksen på siden */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

/* 2. Overskriften "Ordre mottatt!" */
.tribe-tickets__commerce-order-header h2 {
    color: #222222 !important;
    font-size: 32px !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #d2c8b1 !important; /* En fin dekorativ strek under */
    padding-bottom: 10px !important;
}

/* 3. Takketeksten (Thank you. Your order...) */
.tribe-tickets__commerce-order-description {
    color: #444444 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

/* 4. Selve listen med ordredetaljer (Ordrenummer, dato, e-post) */
.tribe-tickets__commerce-order-details {
    background-color: #ffffff !important; /* Hvit boks inni den beige for kontrast */
    padding: 20px 30px !important;
    border-radius: 8px !important;
    border: 1px solid #e5e0d8 !important;
}

/* 5. Radene med informasjon (stiller dem pent opp ved siden av hverandre) */
.tribe-tickets__commerce-order-details-row {
    display: flex !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Fjerner streken under den aller siste raden */
.tribe-tickets__commerce-order-details-row:last-child {
    border-bottom: none !important;
}

/* 6. Venstre kolonne (Ledetekster som "Date:", "E-post:") */
.tribe-tickets__commerce-order-details-col1 {
    font-weight: bold !important;
    color: #333333 !important;
}

/* 7. Høyre kolonne (Selve informasjonen, f.eks. "mathias@...") */
.tribe-tickets__commerce-order-details-col2 {
    color: #555555 !important;
    text-align: right !important;
}

/* 8. Boks for "Bordreservasjon - Free" nederst */
.tec-tickets__attendees-list-wrapper {
    background-color: #cfc5b3 !important; /* Samme mørkere sandfarge som knappene dine */
    color: #111111 !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    margin-top: 25px !important;
    font-weight: bold !important;
}/* End custom CSS */