@import url('css/tokens.css');
@import url('css/base.css');
@import url('css/layout.css');
@import url('css/desktop.css');

@import url('css/utilities/utilities.border.css');
@import url('css/utilities/utilities.button.css');
@import url('css/utilities/utilities.card.css');
@import url('css/utilities/utilities.colors.css');
@import url('css/utilities/utilities.form.css');
@import url('css/utilities/utilities.grid.css');
@import url('css/utilities/utilities.input.css');
@import url('css/utilities/utilities.dropdown.css');
@import url('css/utilities/utilities.radius.css');
@import url('css/utilities/utilities.spacing.css');
@import url('css/utilities/utilities.typography.css');

@import url('css/components/landing.css');
@import url('css/components/hotel.css');
@import url('css/components/charge.css');
@import url('css/components/store.css');
@import url('css/components/shell.css');

@import url('fonts/vazirmatn/vazirmatn.css');
@import url('icons.css');

html, body {
    min-height: 100%;
}

body {
    font-family: var(--rf-font-family);
    font-weight: 400;
    direction: rtl;
}

ltr {direction: ltr !important;}
rtl {direction: rtl !important;}

h1, h2, h3 {
    font-family: var(--rf-font-family-heading);
    line-height: var(--rf-line-height-heading);
}

h1 { font-weight: var(--rf-font-weight-extra-bold); }
h2 { font-weight: var(--rf-font-weight-bold); }
h3 { font-weight: var(--rf-font-weight-medium); }

h1:focus, h2:focus, h3:focus {
    border: none;
    outline: none;
}

a {
    text-decoration: none;
}

    a.disabled {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }

.page-header {
    background: var(--rf-page-header-background);
}

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.text-middle { vertical-align: middle !important; }
.text-top { vertical-align: top !important; }
.text-bottom { vertical-align: bottom !important; }

.app-header__title{
    font-size: 23px;
}