/* =========================================================
   FOS7TY — CURRENCY SWITCHER + ESTIMATE NOTICE (1.7.0)
   ---------------------------------------------------------
   - القايمة **مضغوطة**: ليبل صغير + قائمة 36px — مش بانل ولا زرار كبير.
   - ملاحظة «السعر تقديري — الدفع بالجنيه» بخط صغير تحت السعر.

   الملف بيتحمّل على كل صفحات الموقع (شورت كود/ويدجت ممكن يتحطوا في أي
   مكان)، فالتوكنز بقيم fallback بدل الاعتماد على `frontend.css`.
   ========================================================= */

:root {
    --f7-c-sand-200: #E6DCCB;
    --f7-c-ink: #1C1A17;
    --f7-c-ink-60: #5A554C;
    --f7-c-nile: #0F4C5C;
    --f7-c-white: #FFFFFF;
    --f7-c-radius: 8px;
    --f7-c-focus: 2px solid #0F4C5C;
}

.fos7ty-currency-switcher {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    max-width: 100%;
}

.fos7ty-currency-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--f7-c-ink);
}

.fos7ty-currency-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--f7-c-ink-60);
}

.fos7ty-currency-field {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding-inline: 6px;
    border: 1px solid var(--f7-c-sand-200);
    border-radius: var(--f7-c-radius);
    background: var(--f7-c-white);
    min-height: 36px;
}

.fos7ty-currency-field .f7-i {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    fill: none;
    stroke: var(--f7-c-nile);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fos7ty-currency-select {
    min-height: 34px;
    max-width: 150px;
    padding-block: 4px;
    padding-inline: 4px;
    border: 0;
    background: transparent;
    color: var(--f7-c-ink);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
}

.fos7ty-currency-select:focus-visible,
.fos7ty-currency-field:focus-within {
    outline: var(--f7-c-focus);
    outline-offset: 1px;
}

.fos7ty-currency-noscript,
.fos7ty-currency-note {
    display: block;
    margin-block-start: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--f7-c-ink-60);
}

.fos7ty-booking-box .fos7ty-currency-note {
    margin-block: 8px 0;
}

@media print {
    .fos7ty-currency-switcher,
    .fos7ty-currency-note {
        display: none !important;
    }
}