/* ==========================================================================
   FileJoker Site - Modern 2026 UI/UX Theme Stylesheet
   Preserving original layout architecture & clean white aesthetic
   ========================================================================== */

:root {
    --fj-bg: #f8fafc;
    --fj-surface: #ffffff;
    --fj-border: #e2e8f0;
    --fj-border-light: #f1f5f9;
    --fj-border-hover: #cbd5e1;
    --fj-text-main: #0f172a;
    --fj-text-body: #334155;
    --fj-text-muted: #64748b;
    --fj-primary: #0284c7;
    --fj-primary-hover: #0369a1;
    --fj-primary-light: #e0f2fe;
    --fj-accent: #f59e0b;
    --fj-success: #10b981;
    --fj-danger: #ef4444;
    --fj-radius-sm: 6px;
    --fj-radius-md: 10px;
    --fj-radius-lg: 14px;
    --fj-radius-full: 9999px;
    --fj-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --fj-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
    --fj-shadow-md: 0 4px 12px -1px rgba(0, 0, 0, 0.07), 0 2px 6px -2px rgba(0, 0, 0, 0.04);
    --fj-shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, 0.08), 0 4px 8px -4px rgba(0, 0, 0, 0.03);
    --fj-transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base & Typography */
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    background-color: var(--fj-bg) !important;
    box-sizing: border-box;
    color: var(--fj-text-body);
    height: 100%;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*, ::after, ::before {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0.65rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--fj-text-main);
    letter-spacing: -0.02em;
}

.h1, h1 { font-size: 34px; }  
.h2, h2 { font-size: 26px; }  
.h3, h3 { font-size: 22px; }  
.h4, h4 { font-size: 18px; }  
.h5, h5 { font-size: 16px; }  
.h6, h6 { font-size: 14px; }  

p {
    margin-top: 0;
    margin-bottom: 1.25rem;
    color: var(--fj-text-body);
}

a {
    text-decoration: none !important;
    color: var(--fj-primary);
    transition: var(--fj-transition);
}

a:hover {
    color: var(--fj-primary-hover);
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    height: auto;
}

main {
    margin: auto;
    position: relative;
    background: transparent;
}

/* Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
    transition: var(--fj-transition);
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Layout Grid - 285px Left Sidebar + Centered Content */
.rowordermain {
    display: grid;
    background: var(--fj-bg);
    min-height: 100vh;
}

.devsite-main-content {
    grid-template-columns: minmax(285px, 1fr) minmax(752px, 1200px) 1fr;
    grid-gap: 28px;
    grid-template-rows: 1fr;
}

.rowmain {
    align-self: start;
    grid-column: 2;
    grid-row: 1;
    margin: 28px 0;
    max-width: 1200px;
    min-width: 0;
}

/* Main Article White Card */
.devsite-article {
    background-color: var(--fj-surface);
    border-radius: var(--fj-radius-lg);
    border: 1px solid var(--fj-border-light);
    box-shadow: var(--fj-shadow-md);
    padding: 42px 48px;
    transition: var(--fj-transition);
}

.devsite-article:hover {
    box-shadow: var(--fj-shadow-lg);
}

.devsite-article-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--fj-border-light);
    font-size: 14px;
    color: var(--fj-text-muted);
}

/* Sidebar (Left Fixed 285px) */
#sidebar {
    position: fixed;
    padding: 2rem 1.25rem;
    width: 285px;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 9998;
    height: 100vh;
    background: var(--fj-surface);
    border-right: 1px solid var(--fj-border);
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.03);
}

#sidebar .logo {
    display: block;
    margin-bottom: 24px;
    text-align: center;
}

#sidebar .logo img {
    max-width: 200px;
    height: auto;
    transition: transform 0.2s ease;
}

#sidebar .logo:hover img {
    transform: scale(1.02);
}

.pc_menu_nav {
    margin-top: 15px;
}

/* Sidebar Menu Items */
.left ul, .pc_menu_nav ul, .pc_menu ul, .mobil_menu ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.left li, .pc_menu_nav li, .pc_menu li, .menu_mobil li {
    display: block;
    border: 1.5px solid #f90;
    border-radius: var(--fj-radius-md);
    margin: 8px 0;
    color: var(--fj-text-main);
    font-size: 15px;
    font-weight: 500;
    background-color: #ffffff;
    transition: var(--fj-transition);
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.left li:hover, .pc_menu_nav li:hover, .pc_menu li:hover, .menu_mobil li:hover {
    border-color: #e08500;
    background-color: #fff9f0;
    transform: translateX(3px);
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.15);
}

.left li a, .pc_menu_nav li a, .pc_menu li a, .left_header li a, .menu_mobil li a, .dropdown-content li a {
    padding: 10px 14px 10px 58px !important;
    display: block !important;
    color: var(--fj-text-main) !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    background: transparent !important;
    transition: var(--fj-transition);
    line-height: 1.35;
    box-sizing: border-box;
}

.left li:hover a, .pc_menu_nav li:hover a, .pc_menu li:hover a, .left_header li:hover a, .menu_mobil li:hover a {
    color: #e08500 !important;
}

/* Login to Official Site - Custom Brand Blue Accent (#457299) */
.left li.login_icon,
.pc_menu_nav li.login_icon,
.pc_menu li.login_icon,
.left_header li.login_icon,
.menu_mobil li.login_icon,
li.login_icon,
.left li:has(a[href*="login"]),
.pc_menu_nav li:has(a[href*="login"]),
.left li:has(a[href*="filejoker.net"]),
.pc_menu_nav li:has(a[href*="filejoker.net"]) {
    border-color: #457299 !important;
}

.left li.login_icon:hover,
.pc_menu_nav li.login_icon:hover,
.pc_menu li.login_icon:hover,
.left_header li.login_icon:hover,
.menu_mobil li.login_icon:hover,
li.login_icon:hover,
.left li:has(a[href*="login"]):hover,
.pc_menu_nav li:has(a[href*="login"]):hover,
.left li:has(a[href*="filejoker.net"]):hover,
.pc_menu_nav li:has(a[href*="filejoker.net"]):hover {
    border-color: #355d80 !important;
    background-color: #f0f5fa !important;
    box-shadow: 0 4px 12px rgba(69, 114, 153, 0.22) !important;
}

.left li.login_icon:hover a,
.pc_menu_nav li.login_icon:hover a,
.pc_menu li.login_icon:hover a,
.left_header li.login_icon:hover a,
.menu_mobil li.login_icon:hover a,
.left li:has(a[href*="login"]):hover a,
.pc_menu_nav li:has(a[href*="login"]):hover a,
.left li:has(a[href*="filejoker.net"]):hover a,
.pc_menu_nav li:has(a[href*="filejoker.net"]):hover a {
    color: #355d80 !important;
}

/* Modern Search Bars */
.searchhead {
    margin: 12px 0 20px 0;
    width: 100%;
}

.m-SearchFresh {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
}

.search-field {
    border: 1px solid var(--fj-border) !important;
    border-radius: var(--fj-radius-md) 0 0 var(--fj-radius-md) !important;
    background: #f8fafc !important;
    color: var(--fj-text-main) !important;
    font-size: 14px !important;
    padding: 10px 16px !important;
    width: 100% !important;
    margin: 0 !important;
    outline: none !important;
    transition: var(--fj-transition) !important;
}

.search-field:focus {
    background: #ffffff !important;
    border-color: var(--fj-primary) !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}

.search-submit {
    width: 48px !important;
    height: 42px !important;
    border: 1px solid var(--fj-border) !important;
    border-left: none !important;
    border-radius: 0 var(--fj-radius-md) var(--fj-radius-md) 0 !important;
    background: var(--fj-primary) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--fj-transition) !important;
}

.search-submit svg {
    stroke: #ffffff !important;
}

.search-submit:hover {
    background: var(--fj-primary-hover) !important;
}

.search-box-centered {
    max-width: 580px;
    margin: 24px auto;
}

.search-box-centered .search-field {
    padding: 12px 18px !important;
    font-size: 15px !important;
}

.search-box-centered .search-submit {
    height: 46px !important;
    width: 54px !important;
}

/* Post Cards Grid (Category, Search, Index) */
.blog_flex_kare {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 22px;
    width: 100%;
    margin: 20px 0;
}

.blogposts_list_kare {
    height: auto !important;
    min-height: 280px;
    border-radius: var(--fj-radius-lg);
    background: var(--fj-surface);
    border: 1px solid var(--fj-border);
    box-shadow: var(--fj-shadow-sm);
    transition: var(--fj-transition);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.blogposts_list_kare:hover {
    transform: translateY(-4px);
    box-shadow: var(--fj-shadow-md);
    border-color: var(--fj-border-hover);
}

.post-list-has-thumbnail-kare {
    display: block;
}

.featured-thumbnail-kare {
    position: relative;
    overflow: hidden;
    background: #f1f5f9;
}

.thumbnail-img-kare {
    width: 100% !important;
    height: 140px !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}

.thumbnail-placeholder {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogposts_list_kare:hover .thumbnail-img-kare {
    transform: scale(1.04);
}

.blogposts-list-content-baslik-kare {
    text-align: left;
    padding: 16px 18px 8px 18px;
}

.title_blog-kare {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--fj-text-main) !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

.blogposts-list-content-kare {
    padding: 0 18px 18px 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.excerpt-text {
    font-size: 13.5px !important;
    color: var(--fj-text-muted) !important;
    line-height: 1.55;
    margin: 6px 0 14px 0 !important;
}

.link_ns1-kare {
    display: inline-block;
    color: var(--fj-primary) !important;
    background-color: var(--fj-primary-light);
    font-size: 13.5px;
    font-weight: 600;
    text-align: center;
    padding: 6px 14px;
    border-radius: var(--fj-radius-sm);
    transition: var(--fj-transition);
}

.blogposts_list_kare:hover .link_ns1-kare {
    background-color: var(--fj-primary);
    color: #ffffff !important;
}

/* Modern Social Share Buttons */
.wp-share-container {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--fj-border-light);
}

.share-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--fj-text-muted);
}

.wp-share-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 14px;
    border-radius: var(--fj-radius-full);
    font-size: 13px;
    font-weight: 500;
    color: #ffffff !important;
    transition: var(--fj-transition);
    box-shadow: var(--fj-shadow-xs);
}

.share-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--fj-shadow-sm);
    filter: brightness(1.08);
}

.share-facebook { background: #1877f2; }
.share-x { background: #000000; }
.share-whatsapp { background: #25d366; }
.share-telegram { background: #229ed9; }
.share-reddit { background: #ff4500; }

/* Tags & Badges */
.single_tag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 20px 0;
}

.tag-label {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fj-text-muted);
}

.single_tag a, .tags a {
    background: #f1f5f9;
    color: #475569 !important;
    padding: 4px 12px;
    border-radius: var(--fj-radius-full);
    font-size: 13px;
    font-weight: 500;
    border: 1px solid transparent;
    transition: var(--fj-transition);
}

.single_tag a:hover, .tags a:hover {
    background: #e2e8f0;
    color: var(--fj-primary) !important;
    border-color: var(--fj-border);
}

.post-date-item, .visit {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f8fafc;
    padding: 5px 12px;
    border-radius: var(--fj-radius-full);
    border: 1px solid var(--fj-border-light);
    font-size: 13px;
    color: var(--fj-text-muted);
}

/* ==========================================================================
   High-Converting Affiliate CTA Components
   ========================================================================== */
.fj-cta-container {
    margin: 32px 0;
    width: 100%;
}

.fj-cta-card {
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);
    border: 1.5px solid #bae6fd;
    border-radius: var(--fj-radius-lg);
    padding: 24px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 4px 18px rgba(2, 132, 199, 0.08);
    transition: var(--fj-transition);
    overflow: hidden;
}

.fj-cta-card:hover {
    border-color: #38bdf8;
    box-shadow: 0 8px 26px rgba(2, 132, 199, 0.13);
    transform: translateY(-2px);
}

.fj-cta-badge {
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 14px;
    border-bottom-left-radius: var(--fj-radius-md);
}

.fj-cta-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fj-cta-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--fj-text-main);
}

.fj-cta-sub {
    font-size: 14px;
    color: var(--fj-text-muted);
}

.fj-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 26px;
    border-radius: var(--fj-radius-md);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
    transition: var(--fj-transition);
    white-space: nowrap;
}

.fj-cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45);
    color: #ffffff !important;
}

@media (max-width: 680px) {
    .fj-cta-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px 20px;
    }
    .fj-cta-button {
        width: 100%;
        justify-content: center;
    }
}

/* Styled Alert & Callout Boxes (From rewritten database content) */
.fjct-alert, .fjct-info, .fjct-tip, .fjct-warning {
    border-radius: var(--fj-radius-md);
    padding: 18px 22px;
    margin: 24px 0;
    font-size: 15px;
    line-height: 1.6;
}

.fjct-alert, .fjct-info {
    background: #f0f9ff;
    border-left: 4px solid #0284c7;
    color: #0369a1;
}

.fjct-tip {
    background: #ecfdf5;
    border-left: 4px solid #10b981;
    color: #065f46;
}

.fjct-warning {
    background: #fffbeb;
    border-left: 4px solid #f59e0b;
    color: #92400e;
}

/* Modern Tables inside Content */
.content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 24px 0;
    border-radius: var(--fj-radius-md);
    border: 1px solid var(--fj-border);
    overflow: hidden;
}

.content table th {
    background: #f8fafc;
    color: var(--fj-text-main);
    font-weight: 600;
    font-size: 14px;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--fj-border);
}

.content table td {
    padding: 12px 16px;
    font-size: 14.5px;
    border-bottom: 1px solid var(--fj-border-light);
    color: var(--fj-text-body);
}

.content table tr:last-child td {
    border-bottom: none;
}

.content table tr:hover td {
    background-color: #f8fafc;
}

/* Footer Styling */
.mainfooter {
    padding: 36px 40px;
    position: relative;
    box-sizing: border-box;
    margin-left: 285px !important;
}

.footer-divider {
    border-top: 1px solid var(--fj-border);
    margin: 16px 0;
}

.footer_rights {
    margin: 12px 0;
    text-align: center;
    font-size: 13.5px;
    color: var(--fj-text-muted);
}

.footer_rights a {
    color: var(--fj-text-main);
    font-weight: 500;
}

/* Pagination */
.postnavnum {
    margin: 32px 0 16px 0;
    text-align: center;
}

.postnavnum .nav-links {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.postnavnum .page-numbers {
    padding: 8px 14px;
    border-radius: var(--fj-radius-sm);
    border: 1px solid var(--fj-border);
    background: var(--fj-surface);
    color: var(--fj-text-body);
    font-size: 14px;
    font-weight: 500;
    transition: var(--fj-transition);
}

.postnavnum .page-numbers.current {
    background: var(--fj-primary);
    color: #ffffff;
    border-color: var(--fj-primary);
}

.postnavnum .page-numbers:hover:not(.current) {
    border-color: var(--fj-primary);
    color: var(--fj-primary);
}

/* 404 Page Styling */
.text-center-404 {
    text-align: center;
    padding: 40px 20px;
}

.error-404-badge {
    font-size: 96px;
    font-weight: 800;
    color: #e2e8f0;
    line-height: 1;
    margin-bottom: 12px;
}

.error-404-title {
    font-size: 28px;
    margin-bottom: 10px;
}

.error-404-desc {
    color: var(--fj-text-muted);
    max-width: 480px;
    margin: 0 auto 24px auto;
}

.btn-primary-fj {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--fj-primary);
    color: #ffffff !important;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--fj-radius-md);
    transition: var(--fj-transition);
    margin-top: 16px;
}

.btn-primary-fj:hover {
    background: var(--fj-primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--fj-shadow-sm);
}

/* ==========================================================================
   Responsive Breakpoints & Mobile Optimization
   ========================================================================== */
@media screen and (max-width: 1160px) {
    .devsite-main-content {
        display: block;
        min-width: 100%;
    }
    .devsite-article {
        margin: 20px auto;
        padding: 28px 24px;
    }
    .mainfooter {
        margin-left: 0 !important;
        padding: 24px;
    }
    .pc_menu {
        display: none !important;
    }
    .mobil_menu {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .left_header {
        position: sticky;
        top: 0;
        z-index: 9999;
        padding: 14px 20px;
        background: var(--fj-surface);
        border-bottom: 1px solid var(--fj-border);
        box-shadow: var(--fj-shadow-sm);
        margin-bottom: 0;
    }
    .left_header .logo img {
        height: 32px;
        width: auto;
    }
    .menumobil {
        position: static !important;
        top: auto !important;
        background: none;
        border: none;
        padding: 6px;
        cursor: pointer;
    }
    .dropdown {
        position: relative;
    }
    .dropdown-content {
        position: absolute;
        right: 0;
        top: 100%;
        background: var(--fj-surface);
        border: 1px solid var(--fj-border);
        border-radius: var(--fj-radius-md);
        box-shadow: var(--fj-shadow-lg);
        min-width: 240px;
        padding: 12px;
        z-index: 10000;
    }
}

@media screen and (max-width: 640px) {
    .devsite-article {
        padding: 22px 16px;
        border-radius: 8px;
    }
    .blog_flex_kare {
        grid-template-columns: 1fr;
    }
    .h1, h1 {
        font-size: 26px;
    }
    .h2, h2 {
        font-size: 22px;
    }
}

/* --- Legacy Rule Compatibility Layer --- */

body {margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;font-weight: 400;line-height: 1.5;background: #fafafa !important;box-sizing: border-box;color:#333; height: 100%;overflow-y: scroll;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;margin-top: 0;margin-bottom: 0.5rem;}
.h1, h1 { font-size: 40px; }  
.h2, h2 { font-size: 32px; }  
.h3, h3 { font-size: 28px; }  
.h4, h4 { font-size: 20px; }  
.h5, h5 { font-size: 18px; }  
.h6, h6 { font-size: 16px; }  
dl, ol, ul {margin-top: 0;margin-bottom: 1rem;}
img {vertical-align: middle;border-style: none;}
*, ::after, ::before {box-sizing: border-box;}
input {margin: 0 !important;padding:6px 6px ;margin-left:-25px;}
button {border: none !important;cursor: pointer;} 
a {text-decoration: none !important;color: #333;}
a:hover {text-decoration: none !important;color: #4896fa;} 
footer { }
main {/*max-width: 1210px;*/margin: auto;position: relative;background: white;}
::-webkit-scrollbar {width: 1em;box-sizing: border-box;}
::-webkit-scrollbar,
::-webkit-scrollbar-thumb {overflow:visible;border-radius: 2px;-webkit-transition: all 2s;box-sizing: border-box;}
::-webkit-scrollbar-thumb {background: #c1c1c1;box-sizing: border-box; } 
.reklam {text-align: center;margin: 0px;}
.adsheader {height: 90px !important;margin: 0 auto;text-align:center;box-sizing: border-box;}
.adsright {margin: 15px auto;text-align:center;box-sizing: border-box;}

.copyright {font-weight: 500;box-sizing: border-box;}
.content {margin: 30px auto;box-sizing: border-box;}
.content a {color: #06f !important}
.content a:hover{    background-color: rgba(0,102,255,.04);text-decoration: underline;}

.last {color: #000;font-weight: 600;}
.favorite {width: 36px;display: block;height: 36px;border: 1px solid #dadce0;padding: 1px 7px;border-radius: 4px;top: 6px;position: relative;display: block;cursor: pointer;}
.favorite_icon_link:hover {background: url(../img/icon/favori.svg), #f1f3f4;background-position: 8px; background-size: 17px auto;background-repeat: no-repeat;}
.favorite_icon_link {background: url(../img/icon/favori.svg), #fff;background-position: 0.531rem;background-size: 17px auto; background-repeat: no-repeat;grid-template-columns: 1fr auto;display: grid;}
.googlecse{margin:20px auto}

.gsc-control-cse{border:0 solid #fff!important;padding: 0!important;}
table {margin: 0!important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {background-color: #fafafa !important;}
.gsib_a{padding: 0px 0px 0px 15px!important;height: 36px;}
.gsc-search-button{margin-left:0px!important;height: 39px;}
.f_flex {display: flex;}
.lwptoc-light .lwptoc_i {background: white !important;}
.searchclass {background: #f0f0f0;padding: 15px;}
table.gsc-search-box{margin-bottom:0px!important}
table.gsc-search-box{background:white!important}
.cse .gsc-search-button-v2,.gsc-search-button-v2{
    padding: 2px 15px!important;
    border-top-right-radius:0px!important;
    border-bottom-right-radius:0px!important;
    border:1px solid #d3d3d3!important;
    background-color: #3079ED!important;
    border-radius:0px!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important
}
.gsc-results-wrapper-overlay {    height:100vh !important;}
.gsc-search-button-v2 svg{width:20px!important;height:24px!important;    fill: #ffffff !important;}
.gsc-input-box{height: 39px;
    border-right:0px!important;
    border-left:1px solid #d3d3d3!important;
    border-top:1px solid #d3d3d3!important;
    border-bottom:1px solid #d3d3d3!important;
    padding-top:1px!important;
    padding-bottom:1px!important;
    border-top-left-radius:0px!important;
    border-bottom-left-radius:0px!important
}
.gsc-control-cse:after{display: none !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0px!important;width: 150px;}
form.gsc-search-box{margin-bottom:0px!important}
.gs-result .gs-title *, .gsc-cursor-page, .gs-spelling a {color: #1155CC!important;}
.action-button {
	position: relative;
    padding: 10px 40px;
    margin: 0;
    float: left;
    display: block;
    border: 1px solid #dfdfdf;
    color: #000;
    font-weight: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    cursor: pointer;
    transition: width 1s;
}
.action-button:hover {
    transition: all .3s cubic-bezier(0.4, 0, 1, 1);
    border: 1px solid #80808030;    background: #f0f0f0;color: black !important;
    transition: width 5s; box-sizing: border-box;}

.animate {
    transition: all .1s!important;
    -webkit-transition: all .1s!important;
}

/* home hosgeldin short code */
.homes-hero-primary {background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) no-repeat right / cover; background-position: center;background-size: 1400px;padding:40px !important;margin: -40px  -40px 20px -40px;}
.homes-hero-titile {font-size: 64px!important;line-height: 1.2;    width: 100%;    color: #000 !important;}
.homes-hero-content {font-size: 20px!important;font-weight: 400!important;display: block;top: 25px;line-height: 1.5;position: relative;width: 70%;}
@media only screen and (max-width:600px) {.homes-hero-titile {font-size: 46px!important;}}
@media only screen and (max-width:950px) {.homes-hero-content {width: 100%;}}
.file_upload_div {background: #ffffff;padding: 40px;margin: auto -40px;position: relative;top: 20px;}
.social_media_div {background: #ffffff;padding: 40px;margin: auto -40px;position: relative;top: 20px;}
.ad_div {background: #ffffff;padding: 40px;margin: auto -40px;position: relative;top: 20px;}
.ad_div_mobil {background: #ffffff;padding: 40px;margin: auto -40px;position: relative;top: 20px;}
/* home hosgeldin short code */
.homegrid {display: grid;}

.single_tag {display: flex;flex-direction: row;flex-wrap: wrap;}
.single_tag a {background: white;padding: 5px 10px;border: 1px solid #dfdfdf;margin: 5px;}
.single_tag a:hover {background: white;padding: 5px 10px;box-shadow: 0 0 5px 0 rgb(189 189 189 / 55%);transition: all .3s cubic-bezier(.25,.8,.25,1);border: 1px solid #80808030;}
.img-responsive {width: 230px;height: 84px;}
.img-responsive-single {width: 300px;height: 110px;}

.mainfooter {padding: 30px;position: relative;box-sizing: border-box;margin-left: 285px !important; } 
.rowmain {align-self: start;grid-column: 2;grid-row: 1;margin: 24px 0;max-width: 1200px;min-width: 0;} 
.devsite-article {
    background-color: white;
    border-radius: 2px;
    box-shadow: 0 1px 2px ;
    padding: 40px;
}
.devsite-article-meta {
    display: grid;
    grid-gap: 0 16px;
    grid-template-areas: "breadcrumbs ratings";
    grid-template-columns: 1fr auto;
    margin: 0 0 16px;
}
devsite-content {
    align-self: start;
    grid-column: 2;
    grid-row: 1;
    margin: 24px 0;
    max-width: 936px;
    min-width: 0;
}
.devsite-article-meta {
    display: grid;
    grid-gap: 0 16px;
    grid-template-areas: "breadcrumbs ratings";
    grid-template-columns: 1fr auto;
    margin: 0;
}
.rowordermain{display: grid;background: #e8eaed;}
.devsite-main-content{grid-template-columns: minmax(285px,1fr) minmax(752px,1200px) 1fr;grid-gap: 24px;grid-template-rows: 1fr;}
@media screen and (min-width: 6870px) {.devsite-main-content {grid-template-columns: 285px 1fr 0; }}
.roworder {margin: 40px auto; display: flex; justify-content: space-evenly;flex-wrap: wrap;flex-direction: row;box-sizing: border-box;}
.roworder1 {padding: 15px; display: flex; justify-content: space-evenly;flex-wrap: wrap;flex-direction: row;box-sizing: border-box;}
.rowordername {color: #010101;text-align: center;font-size: 1rem;font-weight: 500;word-wrap: break-word;box-sizing: border-box;} 
.hero-landing-refresh {text-align: left;}
.hero-landing-refresh:not(.no-dividers) {padding-bottom: 0;}
@media screen and (min-width: 828px) {
	section:not(.no-dividers) {padding: 0 0 44px;} }
@media screen and (max-width: 825px) {.homes-hero-primary {padding: 25px !important;}}
@media screen and (max-width: 660px) {.homes-hero-primary {margin: -30px;}.blogposts_list_kare {width: 100% !important; margin:0px 0px 15px 0px !important; border: none !important;} .thumbnail-img-kare{margin: 0 auto !important;} }
@media screen and (max-width: 412px) {.devsite-article {padding: 15px !important;}html :where(img[class*=wp-image-]) {max-width: 85% !important;}.wp-share-button {text-align: center !important;}.mainfooter {padding: 15px !important;} .blogposts_list_kare {width: 100% !important;margin:0px 0px 15px 0px !important;border: none !important;}.thumbnail-img-kare{margin: 0 auto !important;} }
@media screen and (min-width: 828px) {
.hero-landing-refresh-copy-wrapper {
    align-self: start;
    display: grid;
    grid-column: span 12;
    grid-gap: 2.12%;
    grid-template-columns: repeat(12,1fr);
    margin-bottom: 44px;
	} }
.hero-landing-refresh-copy-wrapper {margin-bottom: 0;}
.hero-landing p {font-size: 16px; font-weight: 400; color:#5f6368;}
.hero-landing h1 {font-size: 28px; font-weight: 600; margin:1px auto; text-transform: uppercase;}
.hero-landing h2 {font-size: 24px; font-weight: 600;}
.hero-landing h3 {font-size: 20px; font-weight: 500;}
.hero_landing_h1 {display: flex;flex-wrap: wrap;grid-template-areas: "breadcrumbs ratings";grid-template-columns: 7fr 1fr 0fr 0fr;}
.widget-title {font-size: 22px;text-transform: uppercase;font-weight: 500;}

.center a{display: block;}
.center {height: 170px;margin: 15px;border: 1px solid rgba(0,0,0,.125);background: white;padding: 15px !important;box-sizing: border-box;}
.center:hover{box-shadow: 0 0 10px 0 rgb(189 189 189);transition: all .3s cubic-bezier(0.4, 0, 1, 1); border:  1px solid #80808030;box-sizing: border-box; }
.center:focus {outline: -webkit-focus-ring-color auto 0px;box-sizing: border-box;}  

  

.logo {position: relative;font-size: 0;}
.logo img {display:block;box-sizing: border-box;margin: 0 auto;width: 209px;height: 50px;}
.logo span {display: inline-block;margin-left: 5px;vertical-align: 4px;box-sizing: border-box;} 
.single_p {font-size: 1.2rem;font-weight: 600;}
#more {display: none;}
.more{color: #989898 !important;background: none;float: right;font-size: 16px;cursor: pointer;}
.more:hover{color: #e6e6e6;} 
 
 

.sidebar {/*height: 310px; */overflow: hidden;box-sizing: border-box;} 
  

/* Legacy sidebar and header list rules unified above */
.left_header {position: relative;padding:25px 25px 0 25px;width: auto;box-sizing: border-box;background: white;box-shadow: -2px 0px 7px #888888;    margin-bottom: -25px;}
#sidebar {position: fixed;padding: 1.8rem 0.85rem;width: 285px;box-sizing: border-box;overflow-y: scroll;z-index: 9998;height: 100vh;background: white;box-shadow: -2px 0px 7px #888888;}
#sidebar::-webkit-scrollbar {width: 0.3em;box-sizing: border-box;}
#sidebar::-webkit-scrollbar,
#sidebar::-webkit-scrollbar-thumb {overflow:visible;border-radius: 1px;-webkit-transition: all 2s;box-sizing: border-box;}
#sidebar::-webkit-scrollbar-thumb {background: #707070;box-sizing: border-box; } 
/* div#sidebar:hover::-webkit-scrollbar {background: rgba(0, 0, 0, 0.2);box-sizing: border-box;} */
#sidebar p {font-size: 16px;padding: 10px;font-weight: 100;color:#6e6e6e;box-sizing: border-box;} 
ul.sidebar-menu {list-style: none;padding:0px;border-bottom: 0px solid #d4d4d4;margin-bottom: 15px;box-sizing: border-box;}
ul.sidebar-menu li a {  display: block;border: 1px solid #dfdfdf;margin:5px;padding: 10px;color:#5a5a5a;font-size: 17px;font-weight: normal;text-overflow: ellipsis;background: white;box-sizing: border-box;}
ul.sidebar-menu li a img {margin-right: 12px;margin-left: 13px;box-sizing: border-box;}
ul.sidebar-menu li a:hover{text-decoration: none;box-shadow: 0 0 5px 0 rgb(189 189 189 / 55%);transition: all .3s cubic-bezier(.25,.8,.25,1);border: 1px solid #80808030;box-sizing: border-box;}
@media screen and (max-width: 1160px) {
	.rowmain {box-shadow: none !important;} .logo img {margin: 22px 20px;width: 200px; margin: 0 auto;display: block;}.mainfooter {margin-left: 20px !important;margin-right: 20px !important;padding: 30px;}
	.left ul {margin: auto!important;padding-left: revert!important;}#sidebar {padding: 40px; width: auto;float: none;}.pc_menu {display:none}.mobil_menu {display:block !important}}
@media screen and (max-width: 1080px){ .ads {display: none;}.menu_footer ul {flex-direction: column;}.ad_div{display: none;}}
@media screen and (min-width: 1080px){ .adsm {display: none; } .ad_div_mobil{display: none;}}   
@media screen and (max-width: 1160px){ .devsite-main-content {display: block;min-width: 100%;}.devsite-article {margin: 25px auto;} }
@media screen and (max-width: 1550px){.col_footer {flex: 0 0 100% !important;}}
@media screen and (max-width: 1300px){.adsheader {text-align: right !important;margin-right: 10%!important;}}
@media screen and (min-width: 320px) and (max-width:  620px) {.adshome300x250 {display: block!important;}}
@media screen and (min-width: 620px) and (max-width:  1400px) {.adshome468x60 {display: block!important;}}
@media screen and (min-width: 1400px) and (max-width:  7680px) {.adshome728x90 {display: block !important;} }
@media screen and (max-width: 700px) { .menuahome {display:block !important;}
.hero-landing h1 {font-size: 30px; font-weight: 600; margin:10px auto 30px auto; text-transform: uppercase;}
.hero-landing h2 {font-size: 25px; font-weight: 600;}
.hero-landing h3 {font-size: 20px; font-weight: 500;}
 }

.adshome300x250 {margin: 15px auto; display: none;text-align: center;}
.adshome728x90 {margin: 15px auto; display: none; text-align: center;}
.adshome468x60 {margin: 15px auto; display: none; text-align: center;}
.adshome160x600 {margin: 15px auto; text-align: center;}
.tags {display: flex;flex-direction: row;flex-wrap: wrap;padding: 5px 10px;border: 1px solid #dfdfdf;}
.tags a {background: white;padding: 5px 10px;border: 1px solid #dfdfdf;margin: 5px;}
.tags a:hover {background: white;padding: 5px 10px;box-shadow: 0 0 5px 0 rgb(189 189 189 / 55%);transition: all .3s cubic-bezier(.25,.8,.25,1);border: 1px solid #80808030;}
.category_cat {padding: 15px;}
.keycss {padding: 5px 10px;margin: 5px;font-weight: 600;color: #11c1b6;}
.category_cat li{list-style: none;}
.category_cat a {background: white;padding: 10px;border: 1px solid #dfdfdf;margin: 10px;}
.category_cat a:hover {background: white;box-shadow: 0 0 5px 0 rgb(189 189 189 / 55%);transition: all .3s cubic-bezier(.25,.8,.25,1);border: 1px solid #80808030;}
.lwptoc  {margin: 15px auto;}
.visit {/* display: block;float: left; */ background: white;padding: 5px 10px;border: 1px solid #dfdfdf;margin: 5px;}
.footer_row {margin: 0 0 30px auto;}
.footer_rights{margin: 10px;padding: 10px;text-align: center;}
.button_page {display: flex;flex-direction: row;justify-content: center;}
.button_page: {display: flex;flex-direction: row;justify-content: center;}
.button_page a {text-align: center;background: white;padding: 15px;width: 150px;display: block;border: 1px solid #dfdfdf;margin: 5px;
color: #5a5a5a;font-size: 17px;font-weight: normal;text-overflow: ellipsis;box-sizing: border-box;cursor: pointer;text-decoration: none;}
.button_page a:hover {
	box-shadow: 0 0 10px 0 rgb(189 189 189);
    transition: all .3s cubic-bezier(0.4, 0, 1, 1);
    border: 1px solid #80808030;
    box-sizing: border-box;}
/* page num */
.postnavnum h2{font-size: 0;}
.nav-links {display: flex;justify-content: center;}
.nav-links span {background: white;margin-left: 5px;padding: 1px 10px;border: 1px solid #dfdfdf;color: #215a94;font-size: 20px;font-weight: bold;}
.nav-links a {background: white;margin-left: 5px;padding: 1px 10px;border: 1px solid #dfdfdf;color: #5a5a5a;font-size: 20px;}
.nav-links a:hover {background: white; box-shadow: 0 0 10px 0 rgb(189 189 189);transition: all .3s cubic-bezier(0.4, 0, 1, 1);border: 1px solid #80808030;box-sizing: border-box;}
/* page num */
/* search */ 
.searchhead {margin:10px auto 10px auto;width: 99%;}
.search input:hover {border:none;background: #303030;}
.search input {border:  1px solid #dfdfdf;padding-right: 10px;border-radius: 0;background: #ffffff;width: 100%;}
.search input:hover {background: #ffffff; border: 1px solid #dfdfdf;}
.search input:focus-visible {outline: 0px solid #dfdfdf;} 
.search button {;width: 20%;border: 1px solid #dfdfdf !important;height: 41px !important;}
.search button:hover {border: 1px solid #dfdfdf !important;}
.search-field {padding: 6.5px 20px;}
.m-SearchFresh {display: flex;position: relative;-webkit-box-align: center;margin-bottom: 0;width: 100%;}
 /* search son */
/*Menu */  
.dropdown {position: relative;display: block;}
.dropdown-content {display: none;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index: 1;}
.dropdown:hover .dropdown-content {display: block;}
.menumobil {display: block;position: absolute;font-size: 22px;padding: 10px;top: -80px;}
.menuiconli {font-size: larger;display: inline-block;margin-top: 8px;position: absolute;padding-left: 10px;font-weight: 500;}
.menu_mobil li{display: block;border: 1px solid #dfdfdf;margin: 5px;color: #5a5a5a;font-size: 17px;font-weight: normal;text-overflow: ellipsis;box-sizing: border-box;cursor: pointer;text-decoration: none;}
.menu_mobil ul {margin: 0;padding: 0;}
.menu_mobil li a{padding: 10px 10px 10px 65px !important;display: block!important;}
.menu_mobil li:hover {box-shadow: 0 0 10px 0 rgb(189 189 189);transition: all .3s cubic-bezier(0.4, 0, 1, 1);border: 1px solid #80808030;box-sizing: border-box;} 
.fil0_menu {fill: #434242;}
/*Menu item description*/
.menu-item-description {display: block;text-align: center;}
/* Modern Footer Page Links & Menus */
.footer_pages_nav,
.menu_footer,
#menu-home {
    margin: 22px auto;
    text-align: center;
    max-width: 1200px;
    width: 100%;
}

.footer_pages_nav ul,
.menu_footer ul,
#menu-home ul,
.footer_page_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 14px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.footer_pages_nav li,
.menu_footer li,
#menu-home li,
.footer_page_list li {
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_pages_nav li a,
.menu_footer li a,
#menu-home li a,
.footer_page_list li a {
    color: var(--fj-text-body) !important;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 18px !important;
    border-radius: var(--fj-radius-sm);
    background-color: var(--fj-surface) !important;
    border: 1px solid var(--fj-border);
    transition: var(--fj-transition);
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 1.4;
    box-shadow: var(--fj-shadow-xs);
}

.footer_pages_nav li a:hover,
.menu_footer li a:hover,
#menu-home li a:hover,
.footer_page_list li a:hover,
.footer_pages_nav li.current_page_item a,
.menu_footer li.current_page_item a,
#menu-home li.current_page_item a {
    color: var(--fj-primary) !important;
    border-color: var(--fj-primary);
    background-color: #f0f7ff !important;
    transform: translateY(-1px);
    box-shadow: var(--fj-shadow-sm);
}

.menu_footer_social {
    margin: 15px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
.menu_footer_social li {
    display: inline-flex;
    cursor: pointer;
    padding: 12px;
}
/* Menu Classes & SVG Icons - High Specificity & Resilience */
.left li.domestic_search, .pc_menu_nav li.domestic_search, .pc_menu li.domestic_search, .mobil_menu li.domestic_search, li.domestic_search, .domestic_search {
    background-image: url(../img/icon/domestic_search.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.searchall, .pc_menu_nav li.searchall, .pc_menu li.searchall, .mobil_menu li.searchall, li.searchall, .searchall {
    background-image: url(../img/icon/search_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.file_search, .pc_menu_nav li.file_search, .pc_menu li.file_search, .mobil_menu li.file_search, li.file_search, .file_search {
    background-image: url(../img/icon/file_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.premium_icon, .pc_menu_nav li.premium_icon, .pc_menu li.premium_icon, .mobil_menu li.premium_icon, li.premium_icon, .premium_icon {
    background-image: url(../img/icon/premium_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.login_icon, .pc_menu_nav li.login_icon, .pc_menu li.login_icon, .mobil_menu li.login_icon, li.login_icon, .login_icon {
    background-image: url(../img/icon/login_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.sign_icon, .pc_menu_nav li.sign_icon, .pc_menu li.sign_icon, .mobil_menu li.sign_icon, li.sign_icon, .sign_icon {
    background-image: url(../img/icon/sign_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.video_search, .pc_menu_nav li.video_search, .pc_menu li.video_search, .mobil_menu li.video_search, li.video_search, .video_search {
    background-image: url(../img/icon/video_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.app_search, .pc_menu_nav li.app_search, .pc_menu li.app_search, .mobil_menu li.app_search, li.app_search, .app_search {
    background-image: url(../img/icon/apk_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.social_media, .pc_menu_nav li.social_media, .pc_menu li.social_media, .mobil_menu li.social_media, li.social_media, .social_media {
    background-image: url(../img/icon/social_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li.favorite_icon, .pc_menu_nav li.favorite_icon, .pc_menu li.favorite_icon, .mobil_menu li.favorite_icon, li.favorite_icon, .favorite_icon {
    background-image: url(../img/icon/favori.svg) !important;
    background-position: 18px center !important;
    background-size: 20px auto !important;
    background-repeat: no-repeat !important;
}

/* Fallback icon assignments by URL keyword if WP class is omitted */
.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="login"]),
.pc_menu_nav li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="login"]),
.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]) > a[href*="login"] {
    background-image: url(../img/icon/login_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="premium"]),
.pc_menu_nav li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="premium"]),
.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]) > a[href*="premium"] {
    background-image: url(../img/icon/premium_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="search"]),
.pc_menu_nav li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="search"]),
.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]) > a[href*="search"] {
    background-image: url(../img/icon/video_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}

.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="discount"]),
.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="promo"]),
.pc_menu_nav li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="discount"]),
.pc_menu_nav li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]):has(a[href*="promo"]),
.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]) > a[href*="discount"],
.left li:not([class*="_icon"]):not([class*="_search"]):not([class*="_media"]) > a[href*="promo"] {
    background-image: url(../img/icon/social_icon.svg) !important;
    background-position: 18px center !important;
    background-size: 22px auto !important;
    background-repeat: no-repeat !important;
}
.instagram_icon {
    background-image: url(../img/icon/instagram_icon.svg) !important;
    background-position: 105px 25px !important;
    background-size: 58px auto !important;
    background-repeat: no-repeat !important;
}
.youtube_icon {
    background-image: url(../img/icon/youtube_icon.svg) !important;
    background-position: 104px 33px !important;
    background-size: 65px auto !important;
    background-repeat: no-repeat !important;
}
.twitter_icon {
    background-image: url(../img/icon/twetter_icon.svg) !important;
    background-position: 110px 32px !important;
    background-size: 60px auto !important;
    background-repeat: no-repeat !important;
}
.facebook_icon {
    background-image: url(../img/icon/facebook_icon.svg) !important;
    background-position: 105px 23px !important;
    background-size: 60px auto !important;
    background-repeat: no-repeat !important;
}
.reddit_icon {
    background-image: url(../img/icon/reddit_icon.svg) !important;
    background-position: 105px 23px !important;
    background-size: 60px auto !important;
    background-repeat: no-repeat !important;
}
/*Menu son */ 

/* category */
.blog_flex_kare {text-align: center;
	display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.blog_flex_kare_middle {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.blogposts_list_kare {
	display: inline-block;
    width: 350px;
    border: 1px solid rgba(0,0,0,0.15);
    margin: 0px 15px 15px 0px;
	padding: 15px;  
	height: 300px; border-radius: 0px;background: white;
}
.blogposts_list_kare:hover {
	box-shadow: 0 0 10px 0 rgb(189 189 189);
    transition: all .3s cubic-bezier(0.4, 0, 1, 1);
    border: 1px solid #80808030;
    box-sizing: border-box;
}
.adslist {
	height: 300px;float:left;text-align: center;
	display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.post-list-has-thumbnail-kare {
	 display: block; 
}
.featured-thumbnail-kare {
    position: relative;
}
.thumbnail-img-kare {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 173px;
    height: 65px;
    background-position: center;
}
.blogposts-list-content-kare {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 3.5 0 0; text-align: start;
}
.blogposts-list-content-kare span{
 
}
.blogposts-list-content-kare p{
	font-size: 16px !important;margin: auto auto 10px auto !important;
}
.blogposts-list-content-baslik-kare {
    text-align: center;
}
.link_ns-kare {
    color: #939393;
    font-family: "Google Sans", "Roboto",Google Sans,Roboto,Arial,sans-serif;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 3.3;
    max-height: 3.6em;
    font-size: 15px;
    text-transform: none; text-align: center;
}
.link_ns1-kare {
    color: #fff !important;
    background-color: #215a94;
    font-family: "Google Sans", "Roboto",Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;    padding: 7px;
    text-transform: capitalize;
	border-radius: 3px;
}
.rowordername-kare h2{
    color: rgba(0,0,0,0.85) !important;
    font-family: "Google Sans", "Roboto",Google Sans,Roboto,Arial,sans-serif !important;
    box-sizing: border-box !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    font-size: 21px !important;
    text-transform: capitalize !important;
	margin: 5px auto auto !important;
}
.rowordername-kare h2:after{
    height: 0px !important;
	margin: 0px !important;
}
/*------------------- */
/* favorite class css*/
.favcss li{
	width: 250px;
    border: 1px solid #dfdfdf;
    margin: 5px;
    color: #000;
    font-size: 17px;
    font-weight: normal;
    text-overflow: ellipsis;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;transition: width 1s;}
.favcss li:hover {transition: all .3s cubic-bezier(0.4, 0, 1, 1);border: 1px solid #80808030;box-sizing: border-box;}
.favcss ul {list-style: none;padding-left: 0;display: flex;grid-gap: 1%;flex-wrap: wrap;}
.favcss li a{padding:15px !important;display: block!important;text-align: center;}
.favcss li a:hover{color: black !important;transition: width 5s;}
/* social share */
@charset "utf-8";
/* CSS Document */
.wp-share-button {text-align: right;margin-top: 15px;}

.wp-share-button .total-share {
    vertical-align: top;
    margin-right: 20px;
}
.wp-share-button .total-share .total-count-text {
    font-size: 17px;
}
.wp-share-button .total-share .total-count {
    font-size: 25px;
    font-weight: bold;
    color: #1ac695;
    line-height: normal;
}
.wp-share-button.theme32{}

.wp-share-button.theme32 .share-button, .wp-share-button.theme32 .share-button-more {
  background: rgb(213, 213, 213) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  display: inline-block;
  font-size: 0px; 
  line-height: 30px;
  margin-left: 4px;
  overflow: hidden;
  padding: 3px;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  width: 42px;
}
.wp-share-button.theme32 .share-button .button-name {
  display: none;
  border-bottom: 3px solid red;
}
.button-icon {position: relative;height: 20px;padding-bottom: 1px;cursor: pointer;top: 7px;}

path .fil0face {fill:#ffffff}
path .fil0face:hover {fill:#ffd200 }

.wp-share-button.theme32 .share-button .button-count {
  display: none;
  padding: 0 6px;
}

.wp-share-button.theme32 .share-button .button-icon {
  display: inline-block;
}

.wp-share-button.theme32 

.wp-share-button.theme32 .linkedin {
  background: rgb(25, 133, 188) none repeat scroll 0 0;
}

.wp-share-button.theme32 .whatsapp {
  background: rgb(63, 194, 80) none repeat scroll 0 0;
}

.wp-share-button.theme32 .facebook {
  background: rgb(65, 99, 175) none repeat scroll 0 0;
}

.wp-share-button.theme32 .twitter {
  background: rgb(85, 172, 238) none repeat scroll 0 0;
}

.wp-share-button.theme32 .reddit {
  background: rgb(239, 70, 35) none repeat scroll 0 0;
}

.wp-share-button.theme32 .telegram {
  background: rgb(34, 159, 217) none repeat scroll 0 0;
}

.wp-share-button.theme32 .email {
  background: rgb(213, 213, 213) none repeat scroll 0 0;
}

/* /social share */

/*K2S PREMIUM COMPARE NEW START*/

  .keep2p-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Header (Süre Seçimi) */
        .keep2p-header {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 40px;
            position: relative;
        }

        .keep2p-duration-tabs-wrapper {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .keep2p-duration-tabs {
            display: flex;
            gap: 10px;
			margin-top:10px;
        }

        .keep2p-duration-tab {
            padding: 8px 16px;
            border: 1px solid #e1e1e1;
            border-radius: 20px;
		    font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            background-color: #e1e1e1;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .keep2p-duration-tab.keep2p-active {
            background-color: #455a64;
            color: #fff;
            border-color: #455a64;
        }

        .keep2p-discount {
            color: #28a745;
            font-weight: bold;
            font-size: 12px;
        }

        /* Plan Kartları */
        .keep2p-plans {
            display: flex;
            gap: 10px;
        /*    flex-wrap: wrap;*/
            justify-content: center;
        }

        .keep2p-plan-card {
            background-color: #fff;
            border: 1px solid #d1d1d1;
            border-radius: 10px;
            padding: 20px;
            width: 100%;
            max-width: 350px;
            position: relative;
            text-align: center;
        }

        .keep2p-plan-card.keep2p-popular {
            border: 2px solid #0092d6;
        }

        .keep2p-popular-badge {
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #28a745;
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 12px;
        }

        .keep2p-plan-title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .keep2p-plan-price {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }

        .keep2p-plan-price .keep2p-original {
            font-size: 14px;
            color: #666;
            text-decoration: line-through;
        }

        .keep2p-plan-price .keep2p-discount-rate {
            font-size: 14px;
            color: #666;
        }

        .keep2p-plan-price .keep2p-duration {
            font-size: 12px;
            color: #666;
        }

        .keep2p-plan-button {
            background-color: #cf9325;
            color: #fff;
            border: none;
            padding: 10px;
            width: 100%;
            border-radius: 5px;
            font-size: 16px;
            margin: 15px 0;
            cursor: pointer;
        }

        .keep2p-plan-button:hover {
            background-color: #0056b3;
        }

        .keep2p-feature-list {
            text-align: left;
            font-size: 14px;
            color: #333;
            list-style: none;
        }

        .keep2p-feature-list li {
            margin-bottom: 8px;
            display: flex;
            align-items: flex-start;
        }

        .keep2p-feature-list li::before {
            content: "✅";
            color: #007bff;
            margin-right: 10px;
            font-size: 16px;
        }

        .keep2p-feature-list li.keep2p-cross::before {
            content: "❌";
            color: #ff0000;
            margin-right: 10px;
            font-size: 16px;
        }

        .keep2p-feature-list li.keep2p-cross span {
            text-decoration: line-through;
        }

        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .keep2p-plans {
                flex-direction: column;
                align-items: center;
            }

            .keep2p-plan-card {
                max-width: 100%;
            }

            .keep2p-duration-tabs {
                flex-wrap: wrap;
                justify-content: center;
            }

            .keep2p-header {
                flex-direction: column;
                gap: 10px;
                position: static;
            }

            .keep2p-duration-tabs-wrapper {
                position: static;
                transform: none;
            }
        }
/*K2S PREMIUM COMPARE NEW FINISH*/

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

input.gsc-input,.gsc-input-box,.gsc-input-box-hover,.gsc-input-box-focus{padding-left:15px;vertical-align:sub}.gsc-control-cse{border:0!important;padding:0!important}.gsc-control-cse:after{display:none!important}table{margin:0!important}table.gsc-search-box{margin-bottom:0!important;background:#fff!important}.gsc-results .gsc-cursor-box .gsc-cursor-page{background-color:#fafafa!important}.gsib_a{padding:0 0 0 15px!important}.gsib_a input:focus,textarea:focus,select:focus{box-shadow:none;outline:none}.gsib_b{height:35px!important;width:35px!important}.gsc-input .gsc-input-box,.gsc-input-box table,.gsc-search-box td{border:none!important}.gsc-search-box td{padding:0!important}form.gsc-search-box{margin:0!important;border-radius:0!important;max-width:100%!important}.gsc-search-button{margin-left:0!important;height:39px}.cse .gsc-search-button-v2,.gsc-search-button-v2{padding:2px 15px!important;border:1px solid #d3d3d3!important;border-radius:0!important;background-color:#3079ED!important}.gsc-search-button-v2 svg{width:20px!important;height:24px!important;fill:#fff!important}.gsc-results-wrapper-overlay{height:100vh!important}.gsc-input-box{height:39px;border-left:1px solid #d3d3d3!important;border-top:1px solid #d3d3d3!important;border-bottom:1px solid #d3d3d3!important;border-right:0!important;padding-top:1px!important;padding-bottom:1px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.f_flex{display:flex}.lwptoc-light .lwptoc_i{background:#fff!important}.searchclass{background:#f0f0f0;padding:15px}.gs-result .gs-title *,.gsc-cursor-page,.gs-spelling a{color:#1155CC!important} .gsc-above-wrapper-area {max-width: 100%!important;}