/* ==========================================================================
   SivasTekHaber.com - Modern UI/UX Style Overhaul
   ========================================================================== */

/* 1. Global Font Smoothness & Typography */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* 2. Flat Border System (No Image Corner Gaps) */
.card,
.news-box,
.sidebar-widget,
.widget,
.single-sidebar,
.topic-box,
.news-card,
.post-box,
.ne-card,
.main-news-box,
.category-box,
.widget-author,
.widget-gallery,
.ana_surmanset,
.item-shadow-gray,
.custom-owl-carousel,
.custom-owl-carousel .item,
.custom-owl-carousel .item img,
.custom-nav-container,
#custom-slider-nav,
.custom-nav-item {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

/* Floating Depth Shadow & Hover Lift Effect */
.card:hover,
.news-box:hover,
.post-box:hover,
.single-sidebar:hover,
.ne-card:hover,
.topic-box:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

/* 3. Image Hover Smooth Zoom Animation (Flat 0px Corners) */
.img-wrapper,
.news-img,
.post-img,
.topic-box .img-box,
.img-holder {
    overflow: hidden !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.img-wrapper img,
.news-img img,
.post-img img,
.topic-box img,
.img-holder img,
.card-img-top,
.img-fluid,
img {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    color: transparent !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* News Image Card Fallback */
.one_cikan_img,
.img-opacity-hover,
.news-img,
.topic-box .img-box {
    background: #1e293b url('../img/default_news.jpg') center/cover no-repeat !important;
    min-height: 90px;
    display: block;
    position: relative;
}

.one_cikan_img img,
.img-opacity-hover img {
    min-height: 90px;
    object-fit: cover !important;
    width: 100%;
}

.img-wrapper:hover img,
.news-img:hover img,
.post-img:hover img,
.topic-box:hover img,
.img-holder:hover img,
.card:hover .card-img-top {
    transform: scale(1.04) !important;
}

/* 4. Rounded Buttons & Badges Styling */
.btn,
button,
input[type="submit"],
.btn-primary,
.btn-danger,
.btn-secondary,
.btn-outline-danger {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

.btn-pill,
.btn-rounded {
    border-radius: 25px !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12) !important;
}

/* Badges & Category Tags */
.badge,
.tag,
.topic-tag,
.category-label,
.post-tag {
    border-radius: 20px !important;
    padding: 6px 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

/* 5. Inputs & Form Controls Modernization */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 10px 14px !important;
    transition: all 0.2s ease-in-out !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #d32f2f !important;
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.12) !important;
    outline: none !important;
}

/* Search Bar Oval Upgrade */
.search-form .form-control,
.header-search input {
    border-radius: 25px 0 0 25px !important;
}

.search-form .btn,
.header-search button {
    border-radius: 0 25px 25px 0 !important;
}

/* 6. Header & Navigation Shadows */
#sticky-header,
.main-header,
.header-menu-area {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

.main-menu ul li a {
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

/* 7. Table Polish */
.table,
.table-bordered {
    border-radius: 10px !important;
    overflow: hidden;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.table thead th {
    border-top: none !important;
}

/* 8. Scrollbar Customization */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b71c1c !important;
}

/* Top Manşet Karartma Yumuşatma ve Görsel Tam Oturtma (Sol Boşluk Kaldırma) */
.custom-slider-content {
    width: 65% !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0) 100%) !important;
    padding-right: 20px !important;
}
.custom-owl-carousel .item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    background: none !important;
}