/**
 * @version 2022-01-18
 *
 * mobile/terms/styles.css
 *
 * Skin "mobile"
 */

/** section.shop-creator **/
section.shop-creator {
    margin-top: 4em;
}
section.info-licence {
    margin-top: 2em;
}

/**** section.faq ****/
section.faq {
    --faq-padding: 10px 20px;
}

section.faq > .panel-note-wrapper.panel-note-hidden {
    border-bottom: 1px solid white;
}

section.faq .panel-note-bar {
    --note-button-width: 45px;
    --note-title-width: calc(100% - var(--note-button-width));
}

section.faq .panel-note {
    border: 1px dotted var(--theme-color-middle);
    border-top: 0;
    margin-bottom: 1em;
}



/** section.faq .panel-note-bar > .panel-note-title **/
section.faq .panel-note-bar > .panel-note-title {
    width: var(--note-title-width);
}
section.faq .panel-note-bar > .panel-note-title > p {
    margin: 0;
    padding: var(--faq-padding);
}

/** section.faq .panel-note-bar > .panel-note-button **/
section.faq .panel-note-bar > .panel-note-button {
    padding: var(--faq-padding);
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: var(--note-button-width);
}

section.faq .panel-note-bar > .panel-note-button > i.fa-chevron-up,
section.faq .panel-note-bar > .panel-note-button > i.fa-chevron-down {
    position: relative;
    top: 2px;
}

/** section.faq .panel-note > .content **/
section.faq .panel-note > .content {
    padding: var(--faq-padding);
}

section.faq .panel-note > .content p,
section.faq .panel-note > .content ul,
section.faq .panel-note > .content ol {
    margin: 0;
}