/* ----- Define font families ----- */

@font-face {
    font-family: 'Lalezar';
    font-style: normal;
    font-display: swap;
    src: local('Lalezar'), local('Lalezar-Regular'),
         url('../fonts/lalezar-v6-arabic-regular.woff2') format('woff2'),
         url('../fonts/lalezar-v6-arabic-regular.woff') format('woff'),
         url('../fonts/lalezar-v6-arabic-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Markazi Text';
    font-style: normal;
    font-display: swap;
    src: url('../fonts/markazi-text-v12-arabic-regular.woff2') format('woff2'),
         url('../fonts/markazi-text-v12-arabic-regular.woff') format('woff'),
         url('../fonts/markazi-text-v12-arabic-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Majeed';
    font-display: swap;
    src: local('Al Qalam Quran Majeed'),
         url('../fonts/AlQalamQuranMajeed.woff2') format('woff2'),
         url('../fonts/AlQalamQuranMajeed.woff') format('woff'),
         url('../fonts/AlQalamQuranMajeed.ttf') format('truetype');
}

@font-face {
    font-family: 'Mehr';
    font-display: swap;
    src: local('Mehr Nastaliq Web'),
         url('../fonts/MehrNastaliqWeb.woff') format('woff'),
         url('../fonts/MehrNastaliqWeb.ttf') format('truetype');
    unicode-range: U+A0, U+20-22, U+27, U+3A, U+60, U+600-603, U+60C, U+60F, U+610-613, U+614, U+61B, U+61F,
                   U+621-63A, U+640-64F, U+650-657, U+66A-66C, U+670, U+674, U+679, U+67E, U+686, U+688, U+691,
                   U+698, U+6A9, U+6AF, U+6BA, U+6BE, U+6C1-6C3, U+6CC, U+6D2-6D3, U+6E4, U+6F0-6F9, U+6D4,
                   U+2018-2019, U+2026, U+FDFA-FDFB;
}

/* ----- Set content fonts ----- */

body,                          /* Default font for everything */
.page-header span.sub-title,   /* Front page tag line */
.hestia-about-content h4,      /* Front page intro text */
.card-blog h4.card-title,      /* Blog feed (front page, related posts) post titles */
.card-product .card-title,     /* Product cards, book title text */
.product .summary h1.product_title,  /* Product page book title */
.page-header .description,     /* Posts archive page - header subtitle */
 .hestia-blogs .entry-title,   /* Posts archive page - post titles */
h1.hestia-title                /* Single post title */
{
    font-family: 'Mehr', 'Jameel Noori Nastaleeq', 'Urdu Typesetting', Tahoma, sans-serif;
}

.page-header h1.hestia-title,               /* Front page big title */
h2.hestia-title,                            /* Section headings (front page, single post page)  */
.page-header.header-small h1.hestia-title,  /* Shop page title */
.section section.related.products h2        /* Product page 'related books' heading */
{
    font-family: 'Lalezar', cursive;
    font-weight: normal;  /* No bold support in Lalezar */
}

.hestia-about .frontpage-translation, /* Front page, aya translation */
.card-product .category,              /* Product cards, first line (book category) */
.bapf_head h3,                        /* Shop page sidebar filter dropdown headings */
.woocommerce-breadcrumb,              /* Shop page category breadcrumbs */
.card-blog h6.category,               /* Blog feed (front page, archive, related posts) post categories */
.blog-post article h4,                /* Single post subheadings */
.blog-post article h5,
.book-toc-btn                         /* Single post page, book TOC button */
{
    font-family: 'Markazi Text', Tahoma, sans-serif;
}

/* Quranic/Arabic texts */
.hestia-about .arabic-text,
.arabic-text {
    font-family: 'Majeed', Tahoma, sans-serif;
    font-style: normal; /* <i> element, prevent default italic */
    font-weight: normal;
}

/* Standard fonts for english texts */
.english-text,
.woocommerce-info,
.wc-tab table,
.phone-number,
.email,
.bapf_reset,  /* Shop page sidebar filter reset button */
.page-404 p, .page-404 h1,
.page-500 p,
.navigation.pagination, /* pagination for search results */
#catapult-cookie-bar,
#catapult-cookie-bar h3,
.footer .copyright {
    font-family: sans-serif;
}

/* ----- Adjust font sizes and weights ----- */
.hestia-about .wp-block-column:nth-child(2) h4 {  /* Front page intro paragraph */
    font-weight: normal;
}

nav.navbar a,                    /* Header nav bar */
.hestia-big-title-content a.btn  /* Front page header primary button */
{
    font-size: 1.6rem;
}

.carousel .hestia-big-title-content span.sub-title {  /* Front page tag line */
    font-size: 2rem;
}

.aya-reference {   /* Front page ayah reference */
    font-size: 70%;
}

.bapf_head h3 {   /* Shop page sidebar filter dropdown headings */
    font-size: 2rem;
    font-weight: 600;
}

.book-toc-btn {  /* Single post page, book TOC button */
    font-size: 120%;
}

/* ----- Shop page 'load more' button ----- */

.wc-tab table a.btn {
    margin: 5px 1px;
    padding: 10px 30px !important;
}

/* ----- AAPF dropdowns ----- */

/*
.bapf_body > select {
    background-color: transparent;
}
*/

/* ----- Fix hestia bug, align nabvar/hamburger to left ----- */
@media (min-width: 800px) {
    .navbar.hestia_left .navbar-collapse {
        margin-left: 0;
    }
}
@media (max-width: 799px) {
    div.navbar-toggle-wrapper {
        margin-left: 0;
    }
}
