/**
 * Neur-ON Clinic Custom Styles
 * Tüm özel stil düzenlemeleri bu dosyada yapılır
 */

/* ============================================
   GLOBAL FONT STANDARDIZATION - HELVETICA
   ============================================ */
   
body,
html,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, td, th,
button, input, textarea, select,
.alt-font,
.text-extra-large,
.text-large,
.text-medium,
.text-small,
.btn,
.menu-item,
.footer-text {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ============================================
   HOME SLIDER STYLES
   ============================================ */

/* Desktop için 100vh */
@media (min-width: 992px) {
    .home-slider {
        height: 100vh !important;
        min-height: 100vh !important;
    }
}

/* Slider başlık yenilikçi yerleşim */
.slider-title {
    font-size: 38px;
    line-height: 1.3;
    margin-bottom: 2rem;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 30px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    display: inline-block;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Slider content pozisyon - alt-left */
.slider-content-wrapper {
    position: absolute;
    bottom: 120px;
    left: 50px;
    text-align: left;
    z-index: 10;
}

/* Pagination pozisyon - resmin tam bitiminde */
.home-slider .swiper-pagination {
    bottom: 30px !important;
    z-index: 10;
}

.home-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0.7;
}

.home-slider .swiper-pagination-bullet-active {
    background: #fe6f38;
    opacity: 1;
}

/* Tablet */
@media (max-width: 991px) {
    .slider-title {
        font-size: 28px;
        padding: 15px 20px;
        margin-bottom: 1.5rem;
    }
    
    .slider-content-wrapper {
        bottom: 100px;
        left: 30px;
    }
    
    .home-slider .swiper-pagination {
        bottom: 20px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .slider-title {
        font-size: 20px;
        padding: 12px 15px;
        margin-bottom: 1rem;
        line-height: 1.4;
    }
    
    .slider-content-wrapper {
        bottom: 60px;
        left: 20px;
        right: 20px;
    }
    
    .home-slider .swiper-pagination {
        bottom: 15px !important;
    }
    
    .home-slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

/* Küçük mobile */
@media (max-width: 480px) {
    .slider-title {
        font-size: 18px;
        padding: 10px 12px;
    }
    
    .slider-content-wrapper {
        bottom: 25px;
        left: 15px;
        right: 15px;
    }
}

/* ============================================
   HOME PAGE SPECIFIC STYLES
   ============================================ */

.p1 {
    line-height: 20px;
}

/* İlk fancy box item default olarak aktif (background görünür ve turuncu overlay) */
.fancy-box-background .row > .col.active-box .bg-banner-image {
    opacity: 1 !important;
    visibility: visible !important;
}

.fancy-box-background .row > .col.active-box .fancy-box-item .bg-banner-image {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Aktif kutuda turuncu overlay aktif */
.fancy-box-background .row > .col.active-box .feature-box-overlay {
    opacity: 1 !important;
}

/* Aktif kutuda content yukarıda (hover efekti aktif) */
.fancy-box-background .row > .col.active-box .fancy-text-box-style-03 .fancy-text-content {
    transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
}

/* Aktif kutuda bottom kısım görünür */
.fancy-box-background .row > .col.active-box .fancy-text-box-style-03 .fancy-text-content .fancy-text-box-bottom {
    opacity: 1 !important;
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
}

/* ============================================
   BLOG CONTENT STYLES
   ============================================ */

/* Blog içeriği için standart format - Helvetica font */
.blog-content-wrapper,
.blog-content-wrapper *,
.blog-content-wrapper p,
.blog-content-wrapper div,
.blog-content-wrapper span {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    color: #454545 !important;
    line-height: 2em !important;
    text-align: justify !important;
}

/* Başlıklar için özel stiller (font büyüklüğünü koru) */
.blog-content-wrapper h1 {
    font-size: 32px !important;
    line-height: 1.4em !important;
    margin-bottom: 20px !important;
}

.blog-content-wrapper h2 {
    font-size: 28px !important;
    line-height: 1.4em !important;
    margin-bottom: 18px !important;
}

.blog-content-wrapper h3 {
    font-size: 24px !important;
    line-height: 1.4em !important;
    margin-bottom: 16px !important;
}

.blog-content-wrapper h4 {
    font-size: 20px !important;
    line-height: 1.4em !important;
    margin-bottom: 14px !important;
}

.blog-content-wrapper h5 {
    font-size: 18px !important;
    line-height: 1.4em !important;
    margin-bottom: 12px !important;
}

.blog-content-wrapper h6 {
    font-size: 16px !important;
    line-height: 1.4em !important;
    margin-bottom: 10px !important;
}

/* Paragraflar için margin */
.blog-content-wrapper p {
    margin-bottom: 2px !important;
}

/* Link stiller */
.blog-content-wrapper a {
    text-decoration: underline;
}

/* Liste stiller */
.blog-content-wrapper ul,
.blog-content-wrapper ol {
    margin-bottom: 15px !important;
    padding-left: 30px !important;
}

.blog-content-wrapper li {
    margin-bottom: 8px !important;
}

/* Resim stiller */
.blog-content-wrapper img {
    max-width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
}

/* Tablo stiller */
.blog-content-wrapper table {
    width: 100% !important;
    margin: 20px 0 !important;
    border-collapse: collapse !important;
}

.blog-content-wrapper table td,
.blog-content-wrapper table th {
    padding: 8px !important;
    border: 1px solid #ddd !important;
}

/* Strong ve em */
.blog-content-wrapper strong,
.blog-content-wrapper b {
    font-weight: 700 !important;
}

.blog-content-wrapper em,
.blog-content-wrapper i {
    font-style: italic !important;
}

/* Blockquote */
.blog-content-wrapper blockquote {
    border-left: 4px solid #fe6f38;
    padding-left: 20px;
    margin: 20px 0;
    font-style: italic;
}

/* ============================================
   LOGO RESPONSIVE STYLES
   ============================================ */

/* Desktop logo */
.header-logo img,
.footer-logo img {
    max-height: 60px !important;
    width: auto !important;
}

/* Sticky header logo */
.sticky-active .header-logo img {
    max-height: 50px !important;
}

/* Tablet logo */
@media (max-width: 991px) {
    .header-logo img,
    .footer-logo img {
        max-height: 55px !important;
    }
}

/* Mobile logo */
@media (max-width: 767px) {
    .header-logo img,
    .footer-logo img {
        max-height: 50px !important;
    }
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

/* Text color helpers */
.text-neuron-orange {
    color: #fe6f38 !important;
}

/* Background color helpers */
.bg-neuron-orange {
    background-color: #fe6f38 !important;
}

/* Margin/Padding helpers */
.margin-5-half-rem-bottom {
    margin-bottom: 2.75rem !important;
}

/* ============================================
   RESPONSIVE UTILITIES
   ============================================ */

/* Hide on mobile */
@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

/* Hide on desktop */
@media (min-width: 768px) {
    .hide-desktop {
        display: none !important;
    }
}