/*===================== TABLE OF CONTENT =======================
0.  Library CSS
1.  Reset Styling
2.  General Styling (All variable CSS)
3.  Header 1 ( 3 style)
4.  Home content (Home 1, Home 2, Home 3)
5.  Page default (Contact, About, ...)
6.  Sidebar (Shop, Post, Service, Project)
7.  Shop (Category, Single)
8.  Project (Category, Single)
9.  Footer
10. Responsive
=============================================================*/
/* Google fonts */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');

/* Library CSS */
@import "libs/bootstrap/bootstrap.css";
@import "libs/awesome/font-awesome.css";
@import "libs/ionicons/ionicons.css";
@import "libs/owl-carousel/owl.carousel.css";
@import "libs/magnific-popup/main.css";
@import "libs/flexslider/flexslider.css";
@import "libs/camera/camera.css";

@import "reset-styles.css";
@import "general.css";

@import "header.css";
@import "pages.css";
@import "blog.css";
@import "shop.css";
@import "sidebar.css";
@import "event.css";
@import "rooms.css";
@import "home.css";
@import "footer.css";
@import "responsive.css";


/* ============================================================
   GLOBAL PAGE TITLE OVERRIDE
   HotelWP tema geneli için sade, kurumsal, görselsiz page title
   ============================================================ */

/* Genel alan */
.page-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* Tema tarafından gelen arka plan / pseudo katmanları kapat */
.page-title:before,
.page-title:after,
.page-title .page-title-wrapper:before,
.page-title .page-title-wrapper:after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

/* Ana wrapper */
.page-title .page-title-wrapper {
    background: #2f3742 !important;
    background-image: none !important;
    min-height: auto !important;
    height: auto !important;
    padding: 22px 0 18px !important;
    position: relative;
}

/* İç kapsayıcı */
.page-title .page-title-wrapper .content {
    position: relative;
    z-index: 2;
    text-align: center;
}

/* Başlık */
.page-title .heading_primary {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    display: inline-block;
    position: relative;
}

/* Başlığın altındaki mavi kısa çizgi */
.page-title .heading_primary:after {
    content: "";
    display: block;
    width: 62px;
    height: 3px;
    background: #18a0fb;
    margin: 12px auto 0;
    border-radius: 3px;
}

/* Breadcrumb varsa daha temiz hale getir */
.page-title .breadcrumbs {
    margin: 10px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: center !important;
}

.page-title .breadcrumbs .item,
.page-title .breadcrumbs li {
    display: inline-block;
    float: none !important;
    color: rgba(255,255,255,0.78) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.page-title .breadcrumbs a {
    color: rgba(255,255,255,0.88) !important;
    text-decoration: none !important;
}

.page-title .breadcrumbs a:hover,
.page-title .breadcrumbs a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}

.page-title .breadcrumbs .separator {
    margin: 0 8px;
    opacity: 0.75;
}

/* Eğer tema breadcrumb ayraçlarını ikon/pseudo ile veriyorsa temizle */
.page-title .breadcrumbs .item:before,
.page-title .breadcrumbs .item:after {
    background-image: none !important;
}

/* Header ile çakışma yaşamaması için */
header#masthead + #main-content .page-title,
#masthead + #main-content .page-title {
    margin-top: 0 !important;
}

/* Page title altındaki içerik boşluğu dengeli olsun */
.page-title + .site-content,
.page-title + .container,
.page-title + .page-content,
.page-title + .site-content.no-padding,
.page-title + .contact-page-custom,
.page-title + .payment-page-wrap,
.page-title + .reservation-page-wrap {
    margin-top: 15px !important;
}

/* ============================================================
   CUSTOM COMMON TITLE BAR
   Inline style yerine tüm sayfalarda kullanılacak ortak yapı
   Kullanım:
   <div class="hotelwp-titlebar">
       <div class="container">
           <h1 class="hotelwp-titlebar__heading">Başlık</h1>
       </div>
   </div>
   ============================================================ */

.hotelwp-titlebar {
    width: 100%;
    background: #2f3742;
    padding: 10px 0 9px;
    margin: 0 0 15px 0;
    position: relative;
    z-index: 1;
}

.hotelwp-titlebar:before,
.hotelwp-titlebar:after {
    content: none !important;
    display: none !important;
}

.hotelwp-titlebar .container {
    position: relative;
}

.hotelwp-titlebar__heading {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
}

/* Title bar sonrası ilk bloklar için ortak boşluk kontrolü */
.hotelwp-titlebar + .site-content,
.hotelwp-titlebar + .container,
.hotelwp-titlebar + .pdy-hero-wrap,
.hotelwp-titlebar + .page-content,
.hotelwp-titlebar + .contact-page-custom,
.hotelwp-titlebar + .payment-page-wrap,
.hotelwp-titlebar + .reservation-page-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Eğer title bardan hemen sonra hero geliyorsa aralık page.php ile aynı */
.hotelwp-titlebar + .pdy-hero-wrap {
    margin-top: 8px !important;
}

/* Eğer title bardan sonra standart içerik geliyorsa nefes boşluğu */
.hotelwp-titlebar + .site-content,
.hotelwp-titlebar + .container {
    margin-top: 0 !important;
}

/* Özel sayfa içeriklerinde gereksiz yukarı boşlukları sıfırla */
.site-content,
.page-content {
    position: relative;
}

#main-content > .hotelwp-titlebar + .site-content,
#main-content > .hotelwp-titlebar + .page-content,
#main-content > .hotelwp-titlebar + .container {
    margin-top: 0 !important;
}

/* Büyük ekran */
@media (min-width: 1200px) {
    .page-title .page-title-wrapper {
        padding: 24px 0 20px !important;
    }

    .page-title .heading_primary {
        font-size: 42px !important;
    }

    .hotelwp-titlebar {
        padding: 11px 0 10px;
        margin-bottom: 15px;
    }

    .hotelwp-titlebar__heading {
        font-size: 28px !important;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .page-title .page-title-wrapper {
        padding: 20px 0 18px !important;
    }

    .page-title .heading_primary {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }

    .page-title .heading_primary:after {
        width: 56px;
        margin-top: 10px;
    }

    .hotelwp-titlebar {
        padding: 10px 0 9px;
        margin-bottom: 14px;
    }

    .hotelwp-titlebar__heading {
        font-size: 24px !important;
        line-height: 1.15 !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .page-title .page-title-wrapper {
        padding: 18px 0 16px !important;
    }

    .page-title .heading_primary {
        font-size: 28px !important;
        line-height: 1.25 !important;
    }

    .page-title .heading_primary:after {
        width: 48px;
        margin-top: 9px;
    }

    .page-title .breadcrumbs {
        margin-top: 8px !important;
    }

    .page-title .breadcrumbs .item,
    .page-title .breadcrumbs li {
        font-size: 12px !important;
    }

    .hotelwp-titlebar {
        padding: 9px 0 8px;
        margin-bottom: 13px;
    }

    .hotelwp-titlebar__heading {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }
}

/* Küçük mobil */
@media (max-width: 480px) {
    .page-title .page-title-wrapper {
        padding: 16px 0 14px !important;
    }

    .page-title .heading_primary {
        font-size: 24px !important;
    }

    .hotelwp-titlebar {
        padding: 8px 0 7px;
        margin-bottom: 12px;
    }

    .hotelwp-titlebar__heading {
        font-size: 20px !important;
    }
}