/*
Theme Name: Xperian Tech
Theme URI: http://localhost/Xperian
Author: Xperian
Description: Lightweight technology news theme
Version: 1.0
*/


/* =========================
   Reset & Base
========================= */

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


@font-face {
    font-family:'Vazirmatn';
    src:url('fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}


@font-face {
    font-family:'Vazirmatn';
    src:url('fonts/Vazirmatn-Medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}


@font-face {
    font-family:'Vazirmatn';
    src:url('fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}


@font-face {
    font-family:'Vazirmatn';
    src:url('fonts/Vazirmatn-ExtraBold.woff2') format('woff2');
    font-weight:800;
    font-style:normal;
    font-display:swap;
}



html {
    scroll-behavior:smooth;
}


body {

    margin:0;

    background:#f4f6f8;

    color:#222;

    direction:rtl;

    font-family:'Vazirmatn',Tahoma,Arial,sans-serif;

}


a {

    text-decoration:none;

    color:inherit;

    transition:.3s;

}


img {

    max-width:100%;

    height:auto;

    display:block;

}


h1,h2,h3,h4,h5 {

    font-weight:700;

}


.container {

    width:1200px;

    max-width:94%;

    margin:auto;

}



/* =========================
   Header
========================= */


.site-header {

    background:linear-gradient(135deg,#0077cc,#00a8e8);

    padding:35px 0;

    color:#fff;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

}

body.single,
body.page,
body.archive {

    margin:0 !important;
    padding:0 !important;

}
.header-container {

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:25px;

}


.brand {

    display:flex;

    align-items:center;

    gap:20px;

}


.logo-link {

    display:flex;

}


.site-logo {

    width:90px;

    height:90px;

    object-fit:contain;

}



.custom-logo {

    max-height:75px;

    width:auto;

    background:#fff;

    padding:10px;

    border-radius:15px;

}



.site-title h1 {

    margin:0;

    font-size:28px;

    letter-spacing:-.5px;

}


.site-title h1 a {

    color:#fff;

}


.site-title p {

    margin:8px 0 0;

    color:rgba(255,255,255,.9);

    font-size:15px;

}



/* Header Search */


.header-search form {

    display:flex;

}


.header-search input {

    width:280px;

    height:45px;

    border:0;

    padding:0 15px;

    font-family:inherit;

    border-radius:0 8px 8px 0;

}


.header-search button {

    height:45px;

    border:0;

    background:#003f66;

    color:#fff;

    padding:0 20px;

    cursor:pointer;

    font-family:inherit;

    border-radius:8px 0 0 8px;

}



/* =========================
   Menu
========================= */


.main-menu {

    background:#fff;

    border-bottom:1px solid #ddd;

}


.main-menu .container {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}


.menu-wrapper {

    flex:1;

}


.menu-wrapper ul {

    display:flex;

    align-items:center;

    list-style:none;

    padding:0;

    margin:0;

    gap:5px;

}


.menu-wrapper li {

    position:relative;

}


.menu-wrapper a {

    display:block;

    padding:15px 18px;

    color:#333;

    position:relative;

}



/* خط زیر منو */


.menu-wrapper > ul > li > a::after {

    content:"";

    position:absolute;

    bottom:5px;

    right:50%;

    width:0;

    height:3px;

    background:#0077cc;

    transform:translateX(50%);

    transition:.3s;

}


.menu-wrapper > ul > li:hover > a::after {

    width:70%;

}


.menu-wrapper a:hover {

    color:#0077cc;

}



/* Dropdown */


.main-menu .sub-menu {

    position:absolute;

    top:100%;

    right:0;

    background:#fff;

    min-width:200px;

    padding:10px 0;

    margin:0;

    list-style:none;

    border-radius:10px;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:.3s;

    z-index:999;

}


.main-menu li:hover > .sub-menu {

    opacity:1;

    visibility:visible;

    transform:none;

}


.main-menu .sub-menu a {

    padding:12px 20px;

    white-space:nowrap;

}


.main-menu .sub-menu a:hover {

    background:#f1f8fd;

}



.main-menu .sub-menu .sub-menu {

    top:0;

    right:100%;

}



/* Menu Search */


.nav-search form {

    display:flex;

}


.nav-search input {

    width:220px;

    height:40px;

    border:1px solid #ddd;

    padding:0 12px;

    font-family:inherit;

    border-radius:0 8px 8px 0;

}


.nav-search button {

    height:40px;

    border:0;

    background:#0077cc;

    color:#fff;

    padding:0 15px;

    cursor:pointer;

    border-radius:8px 0 0 8px;

}


/* Mobile menu button */


.menu-toggle {

    display:none;

    background:#0077cc;

    color:#fff;

    border:0;

    padding:8px 15px;

    font-size:24px;

    border-radius:8px;

}

/* =========================
   Featured News
========================= */


.featured-news {

    margin-top:30px;

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:20px;

}



.main-news {

    background:#fff;

    border-radius:15px;

    overflow:hidden;

}



.featured-image {

    position:relative;

    overflow:hidden;

}


.featured-image img {

    width:100%;

    height:450px;

    object-fit:cover;

    transition:.4s;

}


.main-news:hover img {

    transform:scale(1.05);

}



.featured-overlay {

    position:absolute;

    right:0;

    left:0;

    bottom:0;

    padding:30px 25px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );

    color:#fff;

}


.featured-overlay span {

    display:inline-block;

    background:#0077cc;

    padding:6px 15px;

    border-radius:20px;

    font-size:14px;

}



.featured-overlay h2 {

    margin:15px 0 0;

    font-size:30px;

    line-height:1.6;

}


.featured-overlay a {

    color:#fff;

}



/* =========================
   Side Featured News
========================= */


.side-news {

    display:flex;

    flex-direction:column;

    gap:20px;

}


.side-card {

    background:#fff;

    border-radius:15px;

    overflow:hidden;

}



.side-image {

    position:relative;

    overflow:hidden;

}


.side-image img {

    width:100%;

    height:210px;

    object-fit:cover;

    transition:.4s;

}


.side-card:hover img {

    transform:scale(1.05);

}


.side-overlay {

    position:absolute;

    right:0;

    left:0;

    bottom:0;

    padding:20px 15px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.8)
    );

}


.side-overlay h3 {

    margin:0;

    font-size:18px;

    line-height:1.7;

}


.side-overlay a {

    color:#fff;

}



/* =========================
   Main Layout
========================= */


.home-layout {

    display:grid;

    grid-template-columns:minmax(0,1fr) 300px;

    gap:30px;

    margin-top:40px;

    align-items:start;

}


.main-content {

    min-width:0;

}


/*
   Sidebar:
   تا انتهای محتوای خودش حرکت می‌کند
   سپس Sticky می‌شود
*/

.sidebar-area {

    width:300px;

    min-width:300px;

    position:sticky;

    top:20px;

    align-self:start;

}


.sidebar {

    width:100%;

}



/* =========================
   Latest Home News
========================= */


.latest-home-news {

    margin-top:0;

}


.latest-home-news h2 {

    font-size:28px;

    border-right:5px solid #0077cc;

    padding-right:12px;

    margin:0 0 25px;

}



.home-news-item {

    background:#fff;

    display:flex;

    gap:25px;

    padding:20px;

    margin-bottom:20px;

    border-radius:15px;

    box-shadow:0 5px 15px rgba(0,0,0,.06);

    transition:.3s;

}



.home-news-item:hover {

    transform:translateY(-5px);

}



.home-news-image {

    width:260px;

    flex-shrink:0;

}



.home-news-image img {

    width:260px;

    height:160px;

    object-fit:cover;

    border-radius:12px;

}



.home-news-text {

    flex:1;

}



.home-news-text h3 {

    margin:0 0 10px;

    font-size:22px;

    line-height:1.7;

}



.home-news-text h3 a:hover {

    color:#0077cc;

}



.home-news-text p {

    color:#666;

    line-height:2;

    margin:0;

}



.news-meta {

    display:flex;

    gap:15px;

    color:#777;

    font-size:14px;

    margin-top:12px;

}



/* =========================
   Sidebar Widgets
========================= */


.sidebar-widget {

    background:#fff;

    padding:20px;

    margin-bottom:20px;

    border-radius:12px;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}



.widget-title {

    margin:0 0 15px;

    padding-bottom:10px;

    border-bottom:1px solid #eee;

    font-size:18px;

}



.sidebar-widget ul {

    list-style:none;

    padding:0;

    margin:0;

}



.sidebar-widget li {

    margin-bottom:10px;

    line-height:1.8;

}


.sidebar-widget li a:hover {

    color:#0077cc;

}



/* =========================
   Load More Button
========================= */


#load-more-news {

    display:block;

    margin:35px auto 20px;

    padding:14px 40px;

    background:linear-gradient(135deg,#0077cc,#00a8e8);

    color:#fff;

    border:none;

    border-radius:30px;

    font-family:inherit;

    font-size:16px;

    cursor:pointer;

    box-shadow:0 8px 20px rgba(0,119,204,.25);

    transition:.3s;

}


#load-more-news:hover {

    transform:translateY(-3px);

}



/* =========================
   Pagination
========================= */


.pagination {

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    margin:40px 0;

}



.pagination a,
.pagination span {

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:42px;

    height:42px;

    padding:0 14px;

    background:#fff;

    border:1px solid #eee;

    border-radius:12px;

    box-shadow:0 4px 12px rgba(0,0,0,.05);

}



.pagination a:hover {

    background:#0077cc;

    color:#fff;

}



.pagination .current {

    background:#0077cc;

    color:#fff;

    border-color:#0077cc;

}

/* =========================
   Single Post
========================= */


.single-page {

    margin-top:40px;

}



.single-post {

    background:#fff;

    padding:30px;

    border-radius:15px;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}



.single-title {

    font-size:36px;

    line-height:1.5;

    margin:0 0 15px;

}



.post-meta {

    display:flex;

    gap:20px;

    color:#777;

    margin-bottom:30px;

    flex-wrap:wrap;

}



.single-image img {

    width:100%;

    border-radius:12px;

}



.post-content {

    font-size:18px;

    line-height:2;

}



.post-content p {

    text-align:justify;

    line-height:2;

}



.post-content img {

    max-width:100%;

    height:auto;

}



/* Video inside post */


.post-video {

    margin:30px 0;

}



.post-video iframe {

    width:100%;

    height:450px;

    border:0;

    border-radius:15px;

}




/* =========================
   Author Box
========================= */


.author-box {

    background:#fff;

    padding:25px;

    margin-top:30px;

    border-radius:15px;

    display:flex;

    align-items:center;

    gap:20px;

    box-shadow:0 5px 15px rgba(0,119,204,.08);

}



.author-avatar img {

    border-radius:50%;

}



.author-info h3 {

    margin:0 0 10px;

    font-size:20px;

}



.author-info p {

    margin:0 0 15px;

    color:#555;

    line-height:2;

}



.author-info a {

    display:inline-block;

    background:#0077cc;

    color:#fff;

    padding:8px 18px;

    border-radius:8px;

}



.author-info a:hover {

    opacity:.85;

}



/* =========================
   Related Posts
========================= */


.related-posts {

    margin-top:40px;

    background:#fff;

    padding:25px;

    border-radius:15px;

}



.related-posts h2 {

    font-size:22px;

    border-right:5px solid #0077cc;

    padding-right:12px;

    margin:0 0 25px;

}



.related-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}



.related-card {

    background:#fafafa;

    border-radius:12px;

    overflow:hidden;

}



.related-card img {

    width:100%;

    height:150px;

    object-fit:cover;

}



.related-card h3 {

    font-size:16px;

    line-height:1.8;

    padding:10px 15px;

    margin:0;

}



.related-card a:hover {

    color:#0077cc;

}




/* =========================
   Comments
========================= */


.comments-area {

    background:#fff;

    padding:25px;

    margin-top:30px;

    border-radius:15px;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

    width:100%;

    overflow:hidden;

}



.comments-title {

    font-size:22px;

    border-right:5px solid #0077cc;

    padding-right:12px;

    margin:0 0 25px;

}



.comment-list {

    list-style:none;

    padding:0;

    margin:0;

}



.comment-list li {

    padding:15px 0;

    border-bottom:1px solid #eee;

}



.comment-content,
.comment-body {

    max-width:100%;

    overflow-wrap:break-word;

}



/* Comment Card */


.single-comment {

    background:#fafafa;

    padding:20px;

    border-radius:15px;

    margin-bottom:15px;

}



.comment-header {

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:15px;

}



.comment-avatar img {

    border-radius:50%;

}



.comment-info {

    display:flex;

    flex-direction:column;

}



.comment-info strong {

    font-size:16px;

}



.comment-info span {

    color:#777;

    font-size:13px;

}



.comment-text {

    line-height:2;

    color:#333;

}



.comment-reply a {

    display:inline-block;

    margin-top:10px;

    background:#0077cc;

    color:#fff;

    padding:6px 15px;

    border-radius:8px;

    font-size:13px;

}



/* =========================
   Comment Form
========================= */


.comments-area .comment-form {

    display:flex;

    flex-direction:column;

    gap:15px;

}



.comment-form p {

    margin:0;

}



.comment-form label {

    display:block;

    margin-bottom:8px;

    font-size:14px;

    font-weight:bold;

}



.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {

    width:100%;

    background:#fafafa;

    border:1px solid #ddd;

    border-radius:12px;

    padding:14px 16px;

    font-family:inherit;

    font-size:15px;

}



.comment-form textarea {

    min-height:140px;

    resize:vertical;

}



.comment-form input:focus,
.comment-form textarea:focus {

    outline:none;

    border-color:#0077cc;

    background:#fff;

}



.comment-form .submit {

    background:#0077cc;

    color:#fff;

    border:none;

    padding:13px 30px;

    border-radius:10px;

    font-family:inherit;

    cursor:pointer;

    width:max-content;

}



.comment-form .submit:hover {

    opacity:.85;

}



/* Captcha */


.comment-form-captcha {

    margin-top:15px;

}



.comment-form-captcha input {

    width:120px !important;

    height:48px;

    background:#fafafa;

    border:1px solid #ddd;

    border-radius:12px;

    padding:0 15px;

    font-family:inherit;

}
/* =========================
   Archive
========================= */


.archive-page {

    margin-top:40px;

}



.archive-header {

    background:#fff;

    padding:25px;

    border-radius:15px;

    margin-bottom:30px;

}



.archive-header h1 {

    margin:0;

    font-size:24px;

    line-height:1.6;

    border-right:5px solid #0077cc;

    padding-right:15px;

}



.archive-image img {

    width:180px;

    height:120px;

    object-fit:cover;

    border-radius:10px;

}



.date {

    color:#888;

    font-size:14px;

}





/* =========================
   Smart News Box
========================= */


.smart-news-box {

    background:#f8fbff;

    border:1px solid #dceeff;

    padding:20px;

    margin-bottom:30px;

    border-radius:15px;

}



.smart-title {

    font-size:20px;

    font-weight:700;

    color:#0077cc;

    margin-bottom:15px;

}



.smart-info {

    display:flex;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;

}



.smart-info span {

    background:#fff;

    padding:10px 15px;

    border-radius:10px;

}



.smart-info button {

    background:#0077cc;

    color:#fff;

    border:0;

    padding:10px 18px;

    border-radius:10px;

    cursor:pointer;

    font-family:inherit;

}



.smart-info button:hover {

    opacity:.85;

}



#important-result {

    margin-top:20px;

    line-height:2;

}





/* =========================
   Video Home
========================= */


.video-home {

    margin-top:40px;

}



.video-home h2 {

    font-size:28px;

    border-right:5px solid #0077cc;

    padding-right:12px;

    margin-bottom:25px;

}



.video-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}



.video-card {

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 5px 15px rgba(0,0,0,.06);

    transition:.3s;

}



.video-card:hover {

    transform:translateY(-5px);

}



.video-image {

    position:relative;

}



.video-image img {

    width:100%;

    height:180px;

    object-fit:cover;

}



.play-icon {

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:55px;

    height:55px;

    background:rgba(0,119,204,.9);

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}



.video-card h3 {

    padding:15px;

    margin:0;

    font-size:17px;

    line-height:1.8;

}



.video-card h3 a:hover {

    color:#0077cc;

}



/* مشاهده همه ویدئوها */


.more-videos {

    display:block;

    width:max-content;

    margin:30px auto 0;

    padding:13px 30px;

    background:linear-gradient(135deg,#0077cc,#00a8e8);

    color:#fff;

    border-radius:30px;

    font-size:16px;

    transition:.3s;

}



.more-videos:hover {

    transform:translateY(-3px);

    color:#fff;

}





/* =========================
   Footer
========================= */


.site-footer {

    background:#111;

    color:#ddd;

    margin-top:60px;

    padding:45px 0 0;

}



.footer-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:40px;

}



.footer-grid h3 {

    color:#fff;

    margin-top:0;

}



.footer-grid ul {

    list-style:none;

    padding:0;

}



.footer-grid li {

    margin-bottom:10px;

}



.footer-grid a:hover {

    color:#00a8e8;

}



.copyright {

    margin-top:40px;

    padding:20px;

    text-align:center;

    background:#080808;

    color:#999;

}





/* =========================
   Banner Header
========================= */


.header-banner {

    overflow:visible;

}



.header-banner img {

    max-width:none;

}



.header-banner iframe {

    width:100%;

    height:90px;

    border:0;

}





/* =========================
   Responsive
========================= */


@media(max-width:768px){


.container {

    max-width:92%;

}



/* Header */


.header-container {

    flex-direction:column;

    gap:20px;

    text-align:center;

}



.brand {

    justify-content:center;

}



.site-logo {

    width:60px;

    height:60px;

}



.site-title h1 {

    font-size:22px;

}



.header-search input {

    width:200px;

}



/* Menu */


.main-menu .container {

    flex-direction:column;

}



.menu-toggle {

    display:block;

    margin:10px 0;

}



.menu-wrapper {

    display:none;

    width:100%;

}



.menu-wrapper.active {

    display:block;

}



.menu-wrapper ul {

    flex-direction:column;

}



.menu-wrapper a {

    padding:14px;

}



/* Dropdown mobile */


.main-menu .sub-menu {

    position:static;

    opacity:1;

    visibility:visible;

    transform:none;

    display:none;

    box-shadow:none;

}



.main-menu li:hover > .sub-menu {

    display:block;

}



/* Featured */


.featured-news {

    grid-template-columns:1fr;

}



.featured-image img {

    height:300px;

}



.featured-overlay h2 {

    font-size:22px;

}



/* Layout */


.home-layout {

    grid-template-columns:1fr;

}



.sidebar-area {

    width:100%;

    min-width:0;

    position:static;

}



/* News */


.home-news-item {

    flex-direction:column;

    align-items:center;

    text-align:center;

}



.home-news-image {

    width:100%;

}



.home-news-image img {

    width:90%;

    height:auto;

    margin:auto;

}



.home-news-text {

    width:100%;

}



.home-news-text p {

    text-align:center;

}



.news-meta {

    justify-content:center;

}



/* Single */


.single-post {

    padding:20px;

}



.single-title {

    font-size:26px;

}



.post-meta {

    flex-direction:column;

    gap:5px;

}



.post-video iframe {

    height:250px;

}



/* Author */


.author-box {

    flex-direction:column;

    text-align:center;

}



/* Related */


.related-grid {

    grid-template-columns:1fr;

}



/* Video */


.video-grid {

    grid-template-columns:1fr;

}



/* Smart box */


.smart-info {

    flex-direction:column;

    align-items:stretch;

}



.smart-info button {

    width:100%;

}



/* Footer */


.footer-grid {

    grid-template-columns:1fr;

}



.pagination {

    flex-wrap:wrap;

}


}
/* =========================
   Mobile Banner Fix
========================= */

@media(max-width:768px){

    .header-banner {

        width:100% !important;

        max-width:100% !important;

        overflow:hidden !important;

    }


    .header-banner img {

        width:100% !important;

        max-width:100% !important;

        height:auto !important;

        object-fit:contain;

    }


    .header-banner iframe {

        width:100% !important;

        max-width:100% !important;

        height:auto;

    }

}

/* =========================
   Pages
========================= */


.page-content {

    min-height:400px;

}


.page-title {

    border-right:5px solid #0077cc;

    padding-right:15px;

    margin-bottom:25px;

}


.page-featured-image {

    margin-bottom:30px;

}


.page-featured-image img {

    width:100%;

    border-radius:12px;

}

/* =========================
   404 Page
========================= */


.error-404-page {

    margin:70px auto;

    background:#fff;

    padding:50px 30px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.error-icon {

    width:80px;

    height:80px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#f1f8fd;

    border-radius:50%;

    font-size:40px;

}



.error-404-page h1 {

    font-size:120px;

    line-height:1;

    margin:20px 0;

    color:#0077cc;

    font-weight:800;

}



.error-404-page h2 {

    font-size:28px;

    margin-bottom:15px;

}



.error-404-page p {

    color:#666;

    font-size:17px;

    line-height:2;

}



.error-actions {

    display:flex;

    justify-content:center;

    gap:15px;

    margin-top:30px;

    flex-wrap:wrap;

}



.error-actions a {

    padding:13px 30px;

    border-radius:30px;

    color:#fff;

    transition:.3s;

}



.error-home-btn {

    background:linear-gradient(135deg,#0077cc,#00a8e8);

}



.error-news-btn {

    background:#333;

}



.error-actions a:hover {

    transform:translateY(-3px);

}



.error-links {

    margin-top:50px;

}



.error-links h3 {

    margin-bottom:20px;

}



.error-grid {

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

}



.error-grid a {

    background:#f5f7fa;

    padding:15px 25px;

    border-radius:12px;

}



.error-grid a:hover {

    background:#0077cc;

    color:#fff;

}



@media(max-width:768px){


.error-404-page {

    margin:30px auto;

    padding:35px 20px;

}


.error-404-page h1 {

    font-size:80px;

}


.error-404-page h2 {

    font-size:22px;

}


}

/* =========================
   Author Page
========================= */


.author-header {

    display:flex;

}


.author-info {

    display:flex;

    align-items:center;

    gap:20px;

}


.author-info img {

    border-radius:50%;

}


.author-info h1 {

    margin:0 0 10px;

    font-size:30px;

}


.author-info p {

    color:#666;

    line-height:2;

    margin:0;

}


.archive-title {

    background:#fff;

    padding:20px;

    border-radius:15px;

    border-right:5px solid #0077cc;

    margin:30px 0;

    font-size:22px;

}


.author-posts {

    display:flex;

    flex-direction:column;

}


@media(max-width:768px){

    .author-info {

        flex-direction:column;

        text-align:center;

    }

}

/* =========================
   Back To Top Button
========================= */



#back-to-top {

    position:fixed;

    bottom:30px;

    right:30px;

    width:55px;

    height:55px;

    border:none;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #0077cc,
        #00a8e8
    );

    color:#fff;

    font-size:28px;

    font-weight:bold;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.35s ease;

    z-index:9999;

    box-shadow:
        0 10px 25px rgba(0,119,204,.35);

}


/* نمایش دکمه */

#back-to-top.show {

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}



/* هاور */

#back-to-top:hover {

    transform:translateY(-6px) scale(1.05);

    box-shadow:
        0 15px 30px rgba(0,119,204,.45);

}



/* حالت کلیک */

#back-to-top:active {

    transform:scale(.95);

}



/* موبایل */

@media(max-width:768px){

    #back-to-top {

        width:48px;

        height:48px;

        bottom:20px;

        right:20px;

        border-radius:15px;

        font-size:23px;

    }

}

.news-source-box {

    margin-top:35px;

    padding:18px 20px;

    background:#f8fbff;

    border-right:5px solid #0077cc;

    border-radius:12px;

    font-size:15px;

}


.news-source-box span {

    font-weight:700;

    color:#0077cc;

    margin-left:8px;

}


.news-source-box a {

    color:#333;

    font-weight:600;

}


.news-source-box a:hover {

    color:#0077cc;

}

.post-short-link {

    background:#f8fbff;

    border:1px solid #dceeff;

    padding:20px;

    margin-top:30px;

    border-radius:15px;

}


.post-short-link strong {

    display:block;

    margin-bottom:12px;

    color:#0077cc;

}


.post-short-link input {

    width:100%;

    padding:12px 15px;

    border:1px solid #ddd;

    border-radius:10px;

    font-family:inherit;

    direction:ltr;

    background:#fff;

}

.post-short-link {

    background:#f8fbff;

    border:1px solid #dceeff;

    padding:20px;

    margin-top:30px;

    border-radius:15px;

}


.post-short-link strong {

    display:block;

    margin-bottom:15px;

    color:#0077cc;

}


.short-link-row {

    display:flex;

    gap:10px;

}


.short-link-row input {

    flex:1;

    height:45px;

    padding:0 15px;

    border:1px solid #ddd;

    border-radius:10px;

    direction:ltr;

    font-family:Arial,sans-serif;

    background:#fff;

}



.short-link-row button {

    background:linear-gradient(135deg,#0077cc,#00a8e8);

    color:#fff;

    border:0;

    padding:0 25px;

    border-radius:10px;

    cursor:pointer;

    font-family:inherit;

    transition:.3s;

}


.short-link-row button:hover {

    transform:translateY(-2px);

}



@media(max-width:768px){

    .short-link-box input {
        height:48px;
    }

    .short-link-box button {
        height:45px;
    }

}

.short-link-box {
    display:flex;
    gap:10px;
    margin-top:10px;
}


.short-link-box input {
    flex:1;
    height:45px;
    padding:0 15px;
    border:1px solid #ddd;
    border-radius:10px;
    font-family:inherit;
}


.short-link-box button {

    background:#0077cc;
    color:#fff;
    border:0;
    padding:0 25px;
    border-radius:10px;
    cursor:pointer;
    font-family:inherit;

}


@media(max-width:768px){

    .short-link-box {
        flex-direction:column;
    }


    .short-link-box input {

        width:100%;
        height:48px;

    }


    .short-link-box button {

        width:100%;
        height:45px;

    }

}
@media(max-width:768px){

    .short-link-box input {

        height:60px !important;
        font-size:15px;
        padding:0 15px;

    }

}
.short-link-box input {
    line-height:60px;
}

/* Fix comments width beside sidebar */

.comments-wrapper {

    width: calc(100% - 330px);

}


.single-comments {

    width:100%;

}


.comments-area {

    width:100%;

}


@media(max-width:768px){

    .comments-wrapper {

        width:100%;

    }

}

/* Footer Social */

.social-icons{
    display:flex;
    gap:12px;
    margin-top:18px;
}

.social-icons a{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#222;
    color:#fff;
    border-radius:50%;
    font-size:20px;
    transition:.3s;
}

.social-icons a:hover{
    background:#0077cc;
    transform:translateY(-4px);
}

/* =========================
   Sidebar Featured News
========================= */


.sidebar-featured-box {

    background:#fff;

    padding:20px;

    margin-bottom:20px;

    border-radius:12px;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}



.sidebar-featured-box h3 {

    margin:0 0 20px;

    padding-bottom:10px;

    border-bottom:2px solid #0077cc;

    font-size:20px;

}



.sidebar-featured-item {

    display:flex;

    gap:12px;

    margin-bottom:15px;

    padding-bottom:15px;

    border-bottom:1px solid #eee;

}



.sidebar-featured-item:last-child {

    border-bottom:0;

    margin-bottom:0;

    padding-bottom:0;

}



.sidebar-featured-item img {

    width:70px !important;
    height:50px !important;
    max-width:none;
flex-shrink:0;
    object-fit:cover !important;
 border-radius:10px;
    aspect-ratio:auto;

}



.sidebar-featured-item div {

    display:flex;

    flex-direction:column;

    justify-content:center;

}



.sidebar-featured-item a {

    font-size:14px;

    line-height:1.8;

    font-weight:500;

}



.sidebar-featured-item a:hover {

    color:#0077cc;

}



.sidebar-featured-item span {

    margin-top:5px;

    color:#888;

    font-size:12px;

}

@media(max-width:768px){

    .main-menu .nav-container{

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        flex-wrap:nowrap !important;

    }


    .main-menu .menu-toggle{

        display:block !important;
        width:45px;
        height:45px;
        flex-shrink:0;

    }


    .main-menu .nav-search{

        display:block !important;
        flex:1 !important;
        width:auto !important;
        margin-right:10px;

    }


    .main-menu .nav-search form{

        display:flex !important;
        width:100% !important;

    }


    .main-menu .nav-search input{

        width:100% !important;
        height:40px;

    }


}

@media(max-width:768px){

    .site-header{
        padding:10px 0;
    }


    .header-container{

        min-height:60px;

    }


    .site-logo{

        max-height:65px;
        width:auto;

    }


    .site-title h1{

        font-size:18px;
        margin:0;

    }


    .site-title p{

        display:none;

    }


    .header-banner{

        display:none;

    }

}
.category-news-widget{

    display:flex;
    flex-direction:column;
    gap:12px;

}


.category-news-card{

    position:relative;
    overflow:hidden;
    border-radius:10px;

}



.category-news-card img{

    width:100%;
    height:160px;
    object-fit:cover;
    display:block;

}



.category-news-overlay{

    position:absolute;
    bottom:0;
    right:0;
    left:0;

    padding:35px 12px 12px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );

}



.category-news-overlay h3{

    color:#fff;
    font-size:15px;
    line-height:1.8;
    margin:0;

}



.category-news-card:hover img{

    transform:scale(1.05);

}



.category-news-card img{

    transition:.3s;

}