/* design.css */

.preformatted {
    white-space: pre-wrap;
}

/* In panels avoid extra space when using h2 on top*/
.panelTop {
    margin-top: 0px;
}

div {
    display: block;
}

*, ::after, ::before {
    box-sizing: border-box;
}


form {
    display: block;
    margin-top: 0em;
}


@counter-style repeating-event-emoji {
    system: cyclic;
    symbols: 🎼;
    suffix: " ";
}

/* Add this class to the ul or ol element*/
   .music-counter-rule {
       list-style-type: repeating-event-emoji;
   }

@counter-style pi-calendar-marker {
    system: cyclic;
    symbols: "\e927"; /* pi-calendar */
    suffix: " ";
}

.calendar-counter-rule {
    list-style-type: pi-calendar-marker;
    padding-left: 2.5em;
}

.calendar-counter-rule li::marker {
    font-family: "PrimeIcons";
    color: #525692;
    font-weight: normal;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1.8;
}

.cancelled, .ui-accordion .ui-accordion-header.cancelled {
    background-color: yellow !important;
    color: red !important;
}


.app-banner {
    margin: 20px auto;
    padding: 14px 16px;
    border-radius: 12px;

    /* samma känsla men bättre bredd */
    background: #cfd7fa;

    /* gör den lika bred som innehållet ovan */
    width: calc(100% - 30px);
    max-width: 900px; /* justera efter din layout */

    box-shadow: 0 1px 4px rgba(0,0,0,0.05);

    text-align: center;
    font-size: 15px;
    line-height: 1.35;
    color: #222;
}

.app-banner div {
    margin-top: 8px; /* tight spacing */
}

.appstore-badge {
    height: 48px;
}