/* Boeing 737 Cockpit Style Panel */
.cockpit-panel {
    position      : relative;
    color         : #f2f2f2;
    padding       : 32px !important;
    border-radius : 12px !important;
    box-shadow    : inset 0 0 10px rgba(0, 0, 0, 0.3);
    font-family   : 'Oxanium', monospace;
    text-align    : center;
    overflow      : hidden;
    margin-bottom : 30px;
}

.dark-panel {
    background-color : #4A4A4A;
}

.light-panel {
    background-color : #646464;
}

/* Screws */
.cockpit-panel .top-left,
.cockpit-panel .top-right,
.cockpit-panel .bottom-left,
.cockpit-panel .bottom-right {
    content           : '';
    position          : absolute;
    width             : 20px;
    height            : 20px;
    background-image  : var(--screw-icon-url);
    background-size   : cover;
    background-repeat : no-repeat;
}

/* Screws position */
.cockpit-panel .top-left {
    top  : 10px;
    left : 10px;
}

.cockpit-panel .top-right {
    top   : 10px;
    right : 10px;
}

.cockpit-panel .bottom-left {
    bottom : 10px;
    left   : 10px;
}

.cockpit-panel .bottom-right {
    bottom : 10px;
    right  : 10px;
}

/* Image switcher */
.image-switcher {
    text-align    : center;
    margin-bottom : 30px;
}

#main-image {
    width         : 100%;
    max-width     : 900px;
    height        : auto;
    border-radius : 12px;
    box-shadow    : 0 0 10px rgba(0, 0, 0, 0.4);
}

.switcher-buttons {
    margin-top      : 10px;
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    gap             : .5rem;
    flex-wrap       : wrap;
}

.switcher-buttons span {
    margin           : 0 10px;
    cursor           : pointer;
    font-weight      : bold;
    padding          : 6px 12px;
    background-color : #111;
    color            : #FFBF007F;
    border-radius    : 8px;
    transition       : background-color 0.3s ease;
}

.b737-sale-warning {
    color : #fff3c4;
}

.b737-sale-warning.title {
    font-size : 15px;
}

.b737-sale-warning.content {
    font-size : 13px;
}

.b737-cockpit-panel-h4 {
    font-family : Oxanium, Verdana, monospace;
    font-size   : 26px;
    font-weight : 800;
    text-align  : center;
    color       : darkgreen;
}

.b737-amber-annonciator {
    display          : inline-block;
    padding          : 0.2em 0.5em;
    background-color : #111;
    color            : #FFBF00;
    font-family      : 'Arial', sans-serif;
    font-weight      : bold;
    text-transform   : uppercase;
    font-size        : 1rem;
    text-align       : center;
    border           : 1px solid #333;
    border-radius    : 2px;
    box-shadow       : inset 0 0 4px rgba(255, 191, 0, 0.8), 0 0 6px rgba(255, 191, 0, 0.5);
    letter-spacing   : 0.5px;
    transition       : background-color 0.2s, color 0.2s;
}

.b737-amber-annonciator-mini {
    display        : inline-block;
    padding        : 0.1em 0.35em;
    background     : #111;
    color          : #666; /* éteint mais lisible */
    font           : bold 0.7rem/1 'Arial', sans-serif;
    text-transform : uppercase;
    text-align     : center;
    border         : 1px solid #333;
    border-radius  : 2px;
    letter-spacing : .5px;
    box-shadow     : none;
    cursor         : pointer;
    user-select    : none;
    transition     : color .12s ease, box-shadow .12s ease;
}

.b737-amber-annonciator-mini.on {
    color      : #ffbf00; /* ambre allumé */
    box-shadow : inset 0 0 3px rgba(255, 191, 0, .8),
    0 0 4px rgba(255, 191, 0, .5);
}

.b737-opportunity-content.title {
    font-family : Oxanium, Verdana, monospace;
    font-size   : 22px;
    font-weight : 800;
    text-align  : left;
}

.b737-opportunity-content.text {
    font-family : Oxanium, Verdana, monospace;
    font-size   : 14px;
    font-weight : 700;
    text-align  : left;
    color       : white;
    padding     : 10px 0 30px 40px;
}