/*
Theme Name: Royal Child
Template: royal
Author: AthenaStudio
Author URI: https://themeforest.net/user/athenastudio
Description: Royal is a clean and modern one page WordPress template built with Bootstrap framework. It is ultimate flexible with loads of nice options and features.
Version: 2.9
License: GNU General Public License version 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
.services i {
	font-size:32px !important
}
.intro  {
	position:relative !important;
	height:92% !important
}
.intro::after{
	content: '';
	position:absolute;
	top:-60px;
	left:0;
	width:100%;
	height:calc(100% + 60px);
	background-color: rgba(0,0,0,0.5);
	z-index:-1 !important
}
.navbar-brand .logo-dark{
	width: 129px !important;
	bottom: -56px !important
		
}
.navbar .navbar-brand img.logo-white {
    width: 126px !important;
    bottom: -27px !important;
}
.footer-logo img{
	width: 232px !important;
	margin-top:40px !important;
	margin-bottom:40px !important;
}
#portfolio.section, #portfolio-details{
	font-size: 16px !important
}
#portfolio-details span, #portfolio-details p{
	font-size: 16px !important
}

@media (max-width:600px) {
	.navbar.floating .navbar-brand img.logo-dark{
	width: 89px !important;
	bottom: -44px !important;
	}
	.navbar .navbar-brand img.logo-white{
	width: 89px !important;
	}
}
.loader-logo img {
	width:195px;
	height: auto
}

#organisation_schema .vc_tta-tabs-list {
            display: flex;
            justify-content: center;
            gap: 15px;
            border: none !important;
            margin-bottom: 30px !important;
            padding: 0 !important;
            list-style: none !important;
            border-bottom: none !important;
        }
        
        #organisation_schema .vc_tta-tabs-list li a:before {
content: none !important;
            }
            #organisation_schema .vc_tta-tabs-list li a:after {
content: none !important;
            }

        /* Tab linklerinin (butonların) şekli */
        #organisation_schema .vc_tta-tab > a {
            border-radius: 50px !important; /* Hap şekli */
            padding: 12px 35px !important;
            background-color: transparent !important;
            border: 2px solid #262a55 !important; /* Dış çerçeve (opsiyonel) */
            color: #262a55 !important;
            font-weight: 700 !important;
            font-size: 13px !important;
            text-transform: uppercase;
            text-decoration: none;
            transition: all 0.3s ease !important;
        }

        /* Aktif olan Tab (Seçili buton) */
        #organisation_schema .vc_tta-tab.vc_active > a,
        #organisation_schema .vc_tta-tab > a:hover {
            background-color: #30BCA4 !important; /* Görseldeki Lacivert */
            color: #ffffff !important;
            border-color: #30BCA4 !important;
        }

        /* WPBakery varsayılan ikonlarını gizle (varsa) */
        #organisation_schema .vc_tta-title-text {
            padding: 0 !important;
        }

        /* 2. İÇERİK BAŞLIKLARI (Tablo Üstü Yazılar) */
        #organisation_schema .vc_tta-panel-body h3 {
            color: #262a55; /* Başlık Rengi */
            font-size: 16px;
            letter-spacing: 1px;
            margin-bottom: 10px;
            font-weight: 600;
        }

        #organisation_schema .vc_tta-panel-body p {
            color: #8d92a1; /* Gri açıklama metni */
            font-size: 14px;
            max-width: 700px;
            margin: 0 auto 30px auto; /* Ortala ve alttan boşluk bırak */
            line-height: 1.6;
        }

        /* 3. TABLO TASARIMI (Görselin Aynısı) */
        #organisation_schema .vc_tta-panel-body table {
            width: 100%;
            border-collapse: separate; /* Köşe yuvarlama için gerekli */
            border-spacing: 0;
            background: #fff;
            border-radius: 15px; /* Tablo köşelerini yuvarla */
            overflow: hidden; /* Taşmaları gizle */
            box-shadow: 0 5px 20px rgba(0,0,0,0.05); /* Hafif gölge */
            margin-bottom: 20px;
        }

        /* Tablo Başlığı (THEAD) */
        #organisation_schema .vc_tta-panel-body table thead {
            background-color: #30BCA4; /* Görseldeki Lacivert */
        }
        
        /* Thead tr/th ve td'lere stil sızmasını önlemek için id ile özelleştirme */
        #organisation_schema .vc_tta-panel-body table thead th {
            color: #ffffff;
            padding: 20px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 13px;
            letter-spacing: 0.5px;
            border: none;
            text-align: left;
        }

        /* Tablo İçeriği (TBODY) */
        #organisation_schema .vc_tta-panel-body table tbody td {
            padding: 18px 20px;
            color: #555; /* Koyu gri metin */
            border-bottom: 1px solid #f0f2f5; /* Satır çizgileri */
            font-size: 13px;
            text-transform: uppercase; /* İçerikler de büyük harf olsun */
            font-weight: 500;
            vertical-align: top;
        }

        /* Son satırın çizgisini kaldır */
        #organisation_schema .vc_tta-panel-body table tbody tr:last-child td {
            border-bottom: none;
        }

        /* Satır Hover Efekti */
        #organisation_schema .vc_tta-panel-body table tbody tr:hover td {
            
        }

        /* Mobil Uyumluluk İçin Ufak Ayar */
        @media (max-width: 768px) {
            #organisation_schema .vc_tta-tabs-list {
                flex-direction: column;
                align-items: center;
            }
            #organisation_schema .vc_tta-panel-body table {
                display: block;
                overflow-x: auto;
            }
        }


.clients {
    display:flex !important;
    align-items:center !important;
}



/* === ANASAYFA PORTFOLIO GRID FIX === */

#portfolio .portfolio-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

#portfolio .portfolio-item {
    width: calc(33.333% - 20px);
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 991px) {
    #portfolio .portfolio-item {
        width: calc(50% - 20px);
    }
}

/* Mobil */
@media (max-width: 575px) {
    #portfolio .portfolio-item {
        width: 100%;
    }
}