/*
Theme Name: Goldenvisaport
Theme URI: https://goldenvisaport.com
Author: Goldenvisaport
Author URI: https://goldenvisaport.com
Description: Goldenvisaport
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, right-sidebar
Text Domain: goldenvisaport
*/
/* style.css */
/* style.css */
/* Genel Stil Ayarları */
body {
    font-family: 'Inter', sans-serif;
    background: #EAEEF2;
    padding: 0 50px 50px;
    margin: 0;
    color: #313B47;
}

h1,
h2,
h3,
h4,
h5,
h6,
.post-title {
    font-weight: 700;
}

.h1,
h1 {
    font-size: 2rem;
}

.h2,
h2 {
    font-size: 1.6rem;
}

.h3,
h3 {
    font-size: 1.45rem;
}

.h4,
h4 {
    font-size: 1.1rem;
}

.h5,
h5 {
    font-size: 1.25rem;
}

.h6,
h6 {
    font-size: 1rem;
}

header,
main,
footer {
    background-color: #FFFFFF;
}

header {
    padding-bottom: 6px;
    padding-top: 10px;
    border-bottom: 1px solid #EEEEEE;
}

header .custom-logo-link {
    max-width: 200px;
    display: block;
}

header .custom-logo-link img {
    width: 100%;
    height: auto;
}

a {
    color: #113C6E;
}

a:hover {
    color: #D80000;
    text-decoration: none;
}

a:hover img {
    opacity: 0.8;
}

.slogan {
    text-align: center;
    padding: 20px;
    font-size: 1.4rem;
    background-color: #F0F3F7;
    /*+border-radius: 10px;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    font-weight: 400;
}

/* Section Title */
section {
    padding: 20px 0;
}

.section-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*NAVBAR*/
.navbar {
}

.navbar-nav .nav-item {
    margin-left: 1rem;
}

.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    transition: color 0.3s ease;
    font-weight: bold;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #FF0000;
}

/* Navbar Toggler Stili */
.navbar-toggler {
    border: none;
    background-color: #CCC;
    /* Gri arka plan rengi */
    color: black;
    /* Siyah çizgiler */
    padding: 0.25rem 0.75rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    background-color: #BBB;
    /* Hover/Focus durumu için biraz daha koyu gri arka plan rengi */
    color: black;
}

.navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="black" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
}

/* Genel Navbar Ayarları */
.navbar {
    position: relative;
}

/* Navbar Toggler Ayarları */
.navbar-toggler {
    border: none;
    background-color: #CCC;
    color: black;
    padding: 0.25rem 0.75rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    background-color: #BBB;
    color: black;
}

/* Çok katmanlı dropdown için ek stil */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%; /* Ana .dropdown-menu nin sağında açılması için */
    margin-top: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
/* Genel Mobil Ayarlar */
@media (max-width: 991.98px) {

  /* Aşağıdaki kural sayesinde, .navbar-nav içindeki alt menüleri normalde gizli tutuyoruz */
  .navbar-nav .dropdown-menu {
    display: none; /* Varsayılan olarak kapalı */
  }

  /* Eğer Bootstrap'in "show" sınıfını ekleyip açtıysa, o an gösterilir */
  /* (Ya da JS ile slideToggle kullanıyorsanız inline style alacaktır) */

  /* Drop-down menülerin tam boy gözükmesi için alt menüye ek stil */
  .navbar-nav .dropdown-menu {
    position: relative; /* Mobilde sabit, mutlak konumlandırma istemeyiz */
    border: none;       /* İsteğe göre */
    box-shadow: none;   /* Gölgeyi kapatmak isterseniz */
    margin: 0;
  }

  /* 3. kademeler (.dropdown-submenu) da benzer şekilde konumlandırılacak */
  .dropdown-submenu > .dropdown-menu {
    top: auto;
    left: auto;
    margin-top: 0;
  }

  /* İsteğe bağlı: alt menü linkleri için biraz iç boşluk vs. */
    .navbar-nav .dropdown-menu .dropdown-item {
        padding-left: 0;
        color: #fff3cd;
        border-bottom: 1px solid #706f67;
    }

  /* Accordion efekti "tek açık menü" istiyorsanız, .show'ları kapattırabilirsiniz
     ama genelde jQuery ile kontrol edeceğiz.
  */

  .navbar-collapse {
    max-height: 90vh; /* Dikeyde scrollbar */
    overflow-y: auto;
  
}
}

/* Search Icon */
.search-icon {
    font-size: 1.25rem;
    margin-left: 10px;
    transition: color 0.3s ease;
}

.search-icon:hover,
.search-icon:focus {
    color: #007BFF;
    text-decoration: none;
}

/* Hero Section */
.hero {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.hero img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.hero .hero-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}

.hero .hero-meta {
    font-size: 0.875rem;
    color: #6C757D;
}

.hero .hero-meta span {
    margin-right: 10px;
}

.hero .hero-category {
    color: #FFFFFF;
    background-color: #007BFF;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 0.875rem;
}

/* Card Stil Ayarları */
.card {
    overflow: hidden;
    border: none;
    position: relative;
    height: 100%;
    /*+border-radius: 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    /*+box-shadow: 0 0 42px rgba(221, 221, 221, 0.667);*/
    -moz-box-shadow: 0 0 42px rgba(221, 221, 221, 0.667);
    -webkit-box-shadow: 0 0 42px rgba(221, 221, 221, 0.667);
    box-shadow: 0 0 42px rgba(221, 221, 221, 0.667);
    margin-top: 0;
}

.card img {
    border-radius: 8px;
    transition: transform 0.3s ease;
    height: auto;
    /* Hover efekti için transition */
}

.card img:hover {
    transform: scale(1.05);
    /* Hover efektinde resim büyüme */
}

.card-body {
    padding: 15px;
}

.card-meta {
    font-size: 0.875rem;
    color: #6C757D;
    margin-bottom: 10px;
}

.card-meta {
    font-size: 0.875rem;
    color: #6C757D;
}

.card-meta i {
    margin-right: 4px;
}

.card-meta .fa-eye {
}

.card-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 10px;
}

.card-text {
    font-family: 'Inter', sans-serif;
    margin-bottom: 10px;
}

.card-category {
    color: #007BFF;
    font-size: 0.875rem;
}

.side-card-title {
    font-size: 1rem;
    font-weight: bold;
}

.side-card-meta {
    font-size: 8pt;
}

.side-card img {
    max-height: 90px;
}

.hero .side-card {
    padding: 6px;
}

/* style.css */
/* Özel Kart Stili */
.special-card {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 10px;
}

.special-card a {
    color: #FFF;
}

.special-card img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    /* Hover efekti için transition */
    border-radius: 8px;
}

.special-card:hover img {
    transform: scale(1.05);
    /* Hover efektinde resim büyüme */
}

.special-card .card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 80px 20px 20px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* Gradyan efekti */
    color: white;
    border-radius: 8px;
}

.special-card .card-meta {
    font-size: 0.875rem;
    color: #BBB;
    margin-bottom: 10px;
}

.special-card .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 10px 0;
}

.special-card .card-text {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    margin-bottom: 10px;
}

.special-card .card-category {
    font-size: 0.875rem;
    color: #BBB;
}

/* Bölüm İçerikleri */
.page-header {
    padding-top: 20px;
    background-color: #313B47;
    color: #FFFFFF;
}

.page-header a {
    color: #FFFFFF;
}

.single-content {
    padding-top: 40px;
}

.sidebar-section .side-card {
    padding: 15px;
    background-color: #F9F9F9;
    /*+border-radius: 10px;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    /*+box-shadow: 0px 4px 8px rgba(114, 114, 114, 0.135);*/
    -moz-box-shadow: 0px 4px 8px rgba(114, 114, 114, 0.135);
    -webkit-box-shadow: 0px 4px 8px rgba(114, 114, 114, 0.135);
    box-shadow: 0px 4px 8px rgba(114, 114, 114, 0.135);
}

.sidebar-section .sidebar-title {
    padding: 10px;
    font-weight: bold;
}

.post-meta {
    padding: 10px;
    background-color: #EAEEF2;
    margin-top: 10px;
    margin-bottom: 10px;
    /*+border-radius: 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/*Pagination::*/
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 20px;
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 7px 15px;
    font-size: 1rem;
    color: #007BFF;
    border: 1px solid #DEE2E6;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    background-color: #007BFF;
    color: white;
    text-decoration: none;
    border-color: #007BFF;
}

.pagination .page-numbers.current {
    background-color: #313B47;
    color: white;
    border-color: #0B0F13;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    font-weight: bold;
}

/*404*/
.error-404 {
    padding: 50px 0;
}

.error-404 h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}

.error-404 p {
    font-size: 1.25rem;
    margin-bottom: 30px;
}

/* Footer */
footer {
    background-color: #343A40;
    color: #FFF;
    padding: 20px 0;
}

footer a {
    color: #FFF;
}

footer .footer-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1350px;
    }
}

@media (max-width: 991.98px) {
    body {
        padding: 0;
    }
    
    .navbar-brand {
        display: none;
    }
    
    .slogan {
        font-size: 1.1rem;
    }
    
    header .custom-logo-link {
        max-width: 145px;
    }
    
    .h1,
    h1 {
        font-size: 1.6rem;
    }
    
    .h2,
    h2 {
        font-size: 1.4rem;
    }
    
    .h3,
    h3 {
        font-size: 1.35rem;
    }
    
    .section-title {
        font-size: 1.3rem;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    header {
        background-color: #FFFFFF;
    }
    
    .special-card .card-title {
        font-size: 1rem;
        font-weight: 700;
        margin: 10px 0;
    }
    
    /* Navbar Collapse Sağdan Açılma */
    .navbar-collapse {
        position: fixed;
        top: 91px;
        right: -100%;
        height: 100%;
        width: 90%;
        max-width: 450px;
        background-color: #343A40;
                border-radius: 10px 0 0 0;
        transition: right 0.3s ease-in-out;
        z-index: 1040;
        padding-top: 1rem;
    }
    
    .navbar-collapse.show {
        right: 0;
    }
    .dropdown-menu{
        background:none;
    }
    .navbar-nav {
        flex-direction: column;
    }
    
    .nav-link {
        color: #FFFFFF;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        transition: color 0.3s ease;
    }
    
    .nav-link:hover,
    .nav-link:focus {
        color: #007BFF;
    }
    header .custom-logo-link img {
    width: 30%;
    height: auto;
}
}