/*
Theme Name: TechQor Ultra Lite Theme
Theme URI: https://techqor.in/
Description: A lightweight, responsive, AdSense-friendly Genesis child theme built for blogs, content websites, and tool-based pages.
Author: Krishna Sharma
Author URI: https://techqor.in/
Template: genesis
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techqor-ultra-lite
Tags: blog, news, one-column, two-columns, right-sidebar, custom-logo, featured-images, custom-menu, threaded-comments, translation-ready
*/

@font-face {
    font-family:"TechQorBody";
    src:url("assets/fonts/webfont.woff2") format("woff2"),url("./assets/fonts/webfont.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:"TechQorHeading";
    src:url("assets/fonts/webfont.woff2") format("woff2"),url("./assets/fonts/webfont.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

:root {
    --techqor-container-width:1280px;
    --techqor-content-width:890px;
    --techqor-sidebar-width:350px;
    --techqor-gap:20px;
    --techqor-padding:10px;
    --techqor-primary:#209cee;
    --techqor-primary-hover:#209cee;
    --techqor-text:#222;
    --techqor-light-text:#666;
    --techqor-bg:#fff;
    --techqor-light-bg:#f7f7f7;
    --techqor-border:#e5e5e5;
    --techqor-space-sm:8px;
    --techqor-space-md:16px;
    --techqor-space-lg:24px;
    --techqor-space-xl:32px;
    --techqor-heading:#111;
}

@font-face {
    font-family:Poppins;
    src:url('../fonts/poppins.woff2') format('woff2');
    font-display:swap;
}

.custom-logo{
    display:block;
    width:auto;
    height:auto;
    max-height:60px;
    object-fit:contain;
    vertical-align:middle;
}

@media (max-width:1024px){
    .custom-logo{
        max-height:50px;
    }
}

@media (max-width:768px){
    .custom-logo{
        max-height:42px;
    }
}

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

img {
    max-width:100%;
    height:auto;
}

ul {
    list-style:none;
}

body {
    background:var(--techqor-bg);
    color:var(--techqor-text);
    font-family:"TechQorBody",system-ui,-apple-system,sans-serif;
    line-height:1.7;
    font-size:18px;
    letter-spacing:.2px;
}

h1,h2,h3,h4,h5,h6 {
    font-family:"TechQorHeading",sans-serif;
    font-weight:700;
    line-height:1.3;
}

h1 {
    font-size:32px;
    line-height:1.3;
}

h2 {
    font-size:26px;
    line-height:1.35;
}

h3 {
    font-size:22px;
    line-height:1.4;
}

h4 {
    font-size:20px;
}

h5 {
    font-size:18px;
}

h6 {
    font-size:16px;
}

.entry-content p {
    margin-bottom:18px;
}

code,pre {
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    background:#f6f6f6;
    padding:4px 6px;
    font-size:14px;
}

html {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

a {
    color:var(--techqor-primary);
    text-decoration:none;
}

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

.site-container {
    max-width:var(--techqor-container-width);
    margin:auto;
    padding-left:var(--techqor-padding);
    padding-right:var(--techqor-padding);
}

.content-sidebar-wrap {
    display:flex;
    gap:var(--techqor-gap);
    margin-top:var(--techqor-space-xl);
}

.content {
    width:var(--techqor-content-width);
}

.sidebar {
    width:var(--techqor-sidebar-width);
}

.site-header{
    border-bottom:1px solid var(--techqor-border);
    padding:0;
}

.tq-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:var(--techqor-container-width);
    margin:auto;
    padding-left:16px;
    padding-right:16px;
    min-height:64px;
    gap:18px;
}

.tq-logo{
    display:flex;
    align-items:center;
    min-height:64px;
}

.tq-nav{
    display:flex;
    align-items:center;
    min-height:64px;
    margin-left:auto;
}

.tq-header-icons{
    display:flex;
    align-items:center;
    gap:14px;
    border-left:1px solid var(--techqor-border);
    padding-left:14px;
    margin-left:14px;
}

.tq-menu {
    display:flex;
    align-items:center;
    gap:26px;
}

.tq-menu li {
    position:relative;
}

.tq-menu a {
    font-size:16px;
    font-weight:400;
    color:black;
    transition:color .25s ease;
}

.tq-menu a:hover {
    color:var(--techqor-primary-hover);
}

.menu-item-has-children>a {
    position:relative;
    padding-right:14px;
}

.menu-item-has-children>a::after {
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(45deg);
    margin-left:6px;
    transition:transform .25s ease;
}

.menu-item-has-children:hover>a::after {
    transform:rotate(225deg);
}

.sub-menu {
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    border:1px solid var(--techqor-border);
    padding:6px 0;
    min-width:200px;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:all .25s ease;
}

.tq-menu li:hover>.sub-menu {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.sub-menu li {
    padding:10px 16px;
    border-bottom:1px solid var(--techqor-border);
}

.sub-menu li:last-child {
    border-bottom:none;
}

.sub-menu a {
    display:block;
    font-size:14px;
}

.sub-menu li:hover {
    background:#f5f5f5;
}

.tq-header-icons {
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;
    border-left:1px solid var(--techqor-border);
    padding-left:16px;
    margin-left:16px;
}

.tq-search-btn {
    background:none;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
}

.tq-search-btn svg {
    width:20px;
    height:20px;
    stroke:#222;
    stroke-width:2;
    fill:none;
}

.tq-search-dropdown {
    position:absolute;
    top:40px;
    right:0;
    width:320px;
    background:#fff;
    border:1px solid var(--techqor-border);
    padding:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.25s ease;
    z-index:50;
}

.tq-search-dropdown.active {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.tq-search-dropdown form {
    display:flex;
    gap:6px;
}

.tq-search-dropdown input {
    flex:1;
    padding:10px 12px;
    border:1px solid var(--techqor-border);
    font-size:14px;
}

.tq-search-dropdown button {
    background:var(--techqor-primary);
    border:none;
    color:#fff;
    padding:8px 12px;
    cursor:pointer;
    display:flex;
    align-items:center;
}

.tq-search-dropdown svg {
    width:18px;
    height:18px;
    stroke:#fff;
    stroke-width:2;
    fill:none;
}

@media (max-width:768px) {
    .tq-search-dropdown {
        width:100vw;
        right:-16px;
    }
}

.tq-menu .current-menu-item>a,
.tq-menu .current-menu-parent>a,
.tq-menu .current-menu-ancestor>a {
    color:var(--techqor-primary-hover);
}

.tq-hamburger {
    display:none;
    flex-direction:column;
    gap:4px;
    background:none;
    border:none;
    cursor:pointer;
    position:relative;
    width:36px;
    height:36px;
    justify-content:center;
    align-items:center;
}

.tq-hamburger span {
    width:20px;
    height:2px;
    background:#000;
    display:block;
    transition:transform .35s ease,opacity .25s ease;
}

.tq-hamburger.active span:nth-child(1) {
    transform:translateY(7px) rotate(45deg);
}

.tq-hamburger.active span:nth-child(2) {
    opacity:0;
}

.tq-hamburger.active span:nth-child(3) {
    transform:translateY(-7px) rotate(-45deg);
}

.tq-offcanvas-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background:rgba(255,255,255,.35);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    opacity:0;
    visibility:hidden;
    transition:opacity .3s ease;
    z-index:1000;
}

.tq-offcanvas-overlay.active {
    opacity:1;
    visibility:visible;
}

.tq-offcanvas {
    position:fixed;
    top:0;
    left:-260px;
    width:260px;
    height:100vh;
    background:#fff;
    transition:left .35s cubic-bezier(.4,0,.2,1);
    z-index:1001;
    display:flex;
    flex-direction:column;
    box-shadow:2px 0 20px rgba(0,0,0,.08);
}

.tq-offcanvas.active {
    left:0;
}

.tq-offcanvas-close {
    display:flex;
    justify-content:flex-end;
    padding:16px;
}

.tq-close-btn {
    background:none;
    border:none;
    font-size:22px;
    cursor:pointer;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f3f3f3;
    transition:.2s;
}

.tq-close-btn:hover {
    background:#e8e8e8;
}

.tq-offcanvas-logo {
    text-align:center;
    padding:20px 0;
    border-top:1px solid var(--techqor-border);
    border-bottom:1px solid var(--techqor-border);
}

.tq-mobile-menu {
    display:flex;
    flex-direction:column;
}

.tq-mobile-menu li {
    border-bottom:1px solid var(--techqor-border);
    padding:12px 0;
}

.tq-mobile-menu a {
    font-size:16px;
    font-weight:600;
    color:#222;
    padding:10px 16px;
    transition:all .2s ease;
}

.tq-mobile-menu a:hover {
    background:#f5f7fa;
    color:var(--techqor-primary);
}

.tq-mobile-menu li.current-menu-item>a {
    color:var(--techqor-primary);
    font-weight:700;
}

.tq-mobile-menu .sub-menu {
    padding-left:14px;
    background:#fafafa;
}

.tq-mobile-menu .sub-menu a {
    font-size:15px;
    font-weight:500;
}

@media (max-width:768px) {
    .tq-mobile-menu .sub-menu {
        display:none;
        position:static;
        opacity:1;
        visibility:visible;
        transform:none;
        border:none;
        padding-left:16px;
    }

    .tq-mobile-menu .menu-item-has-children.active>.sub-menu {
        display:block;
    }

    .tq-mobile-menu .menu-item-has-children>a {
        position:relative;
        padding-right:22px;
    }

    .tq-mobile-menu .menu-item-has-children>a::after {
        content:"";
        position:absolute;
        right:0;
        top:50%;
        width:6px;
        height:6px;
        border-right:2px solid currentColor;
        border-bottom:2px solid currentColor;
        transform:translateY(-50%) rotate(45deg);
        transition:.25s;
    }

    .tq-mobile-menu .menu-item-has-children.active>a::after {
        transform:translateY(-50%) rotate(225deg);
    }
}

@media (max-width:768px) {
    .content-sidebar-wrap {
        flex-direction:column;
    }

    .content,.sidebar {
        width:100%;
    }

    .tq-menu {
        display:none;
    }

    .tq-hamburger {
        display:flex;
    }

    body {
        font-size:15px;
    }

    .entry-title {
        font-size:22px;
    }

    .tq-header-icons {
        border-left:none;
        padding-left:0;
        margin-left:0;
        gap:12px;
    }

    .tq-hamburger {
        border-left:1px solid var(--techqor-border);
        padding-left:12px;
        margin-left:4px;
    }

    .tq-header-inner {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        min-height:72px;
    }

    .tq-logo{
        flex-shrink:0;
        display:flex;
        align-items:center;
        min-height:72px;
    }

    .tq-header-icons {
        display:flex;
        align-items:center;
        gap:12px;
        min-height:72px;
    }

    .tq-hamburger {
        margin-left:6px;
        padding-left:12px;
        border-left:1px solid var(--techqor-border);
        width:36px;
        height:36px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .tq-search-btn {
        display:flex;
        align-items:center;
        justify-content:center;
        width:36px;
        height:36px;
    }
}

@media (min-width:769px) {
    .tq-hamburger {
        display:none;
    }
}

.entry {
    margin-bottom:32px;
}

.entry-title {
    font-size:28px;
    margin-bottom:8px;
}

.entry-meta {
    font-size:14px;
    color:var(--techqor-light-text);
    margin-bottom:16px;
}

.widget {
    margin-bottom:32px;
    border:1px solid var(--techqor-border);
    padding:16px;
    background:#fff;
}

.widget-title {
    font-size:18px;
    margin-bottom:12px;
    padding-bottom:8px;
    border-bottom:1px solid var(--techqor-border);
}

.widget ul li {
    padding:10px 0;
    border-bottom:1px solid var(--techqor-border);
}

.widget ul li:last-child {
    border-bottom:none;
}

.widget a {
    display:block;
    font-size:14px;
    color:var(--techqor-text);
}

.widget a:hover {
    color:var(--techqor-primary);
}

/* =========================
RECENT POSTS WIDGET IMAGE
========================= */

.tq-recent-posts li{
    display:flex;
    gap:12px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid var(--techqor-border);
}

.tq-recent-posts .tq-thumb{
    flex:0 0 90px;
    width:90px;
    height:50px;
    overflow:hidden;
    border-radius:6px;
    position:relative;
}

.tq-recent-posts .tq-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.tq-recent-posts li:last-child{
    border-bottom:none;
}

.tq-post-content{
    flex:1;
    min-width:0;
}

.tq-post-content a{
    display:block;
    font-size:14px;
    font-weight:600;
    line-height:1.3;
    margin-bottom:6px;
    color:var(--techqor-heading);
    text-decoration:none;
}

.tq-post-content a:hover{
    color:var(--techqor-primary);
}

.tq-post-image img,
.wp-post-image,
.tq-default-featured-image{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
}

.tq-recent-posts .tq-post-meta{
    font-size:12px;
    color:var(--techqor-light-text);
}

.tq-recent-posts .tq-post-meta span + span::before{
    content:"|";
    margin:0 6px;
    color:var(--techqor-border);
}

.site-title,.site-description {
    display:none;
}

body.tq-menu-open {
    overflow:hidden;
}

.site-header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff;
    z-index:1000;
    transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;
    will-change:transform;
    transform:translateZ(0);
    backface-visibility:hidden;
}

.site-header.tq-scrolled {
    box-shadow:0 2px 6px rgba(0,0,0,.04);
}

.site-header.tq-hide {
    transform:translateY(-100%);
}

body {
    padding-top:70px;
}

@media (max-width:768px) {
    .site-header{
        padding:0;
    }

    body{
        padding-top:72px;
    }
}

.admin-bar .site-header {
    top:32px;
}

@media (max-width:782px) {
    .admin-bar .site-header {
        top:46px;
    }
}

.site-header {
    z-index:900;
}

/* ==============================
ARCHIVE CARD
============================== */

.tq-archive-post{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:22px;
    padding:18px;
    margin-bottom:24px;
    background:#fff;
    border:1px solid var(--techqor-border);
    overflow:hidden;
}

/* ==============================
IMAGE
============================== */

.tq-post-image{
    position:relative;
    flex:0 0 38%;
    max-width:38%;
    display:block;
    overflow:hidden;
    aspect-ratio:16 / 9;
}

.tq-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    aspect-ratio:16/9;
    display:block;
    opacity:1;
}

/* ==============================
CONTENT
============================== */

.tq-archive-post .tq-post-content{
    flex:1;
    min-width:0;
    padding-top:2px;
}

/* ==============================
TITLE
============================== */

.tq-post-title{
    font-size:34px;
    font-weight:700;
    line-height:1.22;
    margin:0 0 12px;
    letter-spacing:-0.2px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.tq-post-title a{
    display:block;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    color:#111;
    text-decoration:none;
}

.tq-post-title a:hover{
    color:var(--techqor-primary);
}

/* ==============================
META
============================== */

.tq-archive-meta{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    font-size:14px !important;
    line-height:1.4 !important;
    color:var(--techqor-light-text) !important;
    white-space:nowrap !important;
    margin-bottom:10px;
}

.tq-archive-meta > span,
.tq-archive-meta > a{
    display:inline-flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
}

.tq-meta-date{
    flex:0 0 auto !important;
}

.tq-meta-separator{
    flex:0 0 auto !important;
    opacity:.7;
}

.tq-meta-category{
    flex:0 0 auto !important;
    color:var(--techqor-light-text) !important;
    text-decoration:none !important;
    font-weight:500 !important;
}

.tq-meta-category:hover{
    color:var(--techqor-primary) !important;
}

/* ==============================
EXCERPT
============================== */

.tq-post-excerpt{
    font-size:16px;
    line-height:1.6;
    color:#555;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* ==============================
PAGINATION
============================== */

.archive-pagination,
.pagination{
    margin-top:40px;
    text-align:center;
}

.pagination a,
.pagination span{
    display:inline-block;
    padding:10px 16px;
    margin:4px;
    font-size:14px;
    border:1px solid var(--techqor-border);
    color:#444;
    transition:.25s;
}

.pagination a:hover{
    background:var(--techqor-primary);
    color:#fff;
    border-color:var(--techqor-primary);
}

.pagination .current{
    background:var(--techqor-primary);
    color:#fff;
    border-color:var(--techqor-primary);
}

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

@media (max-width:1024px){

    .tq-archive-post{
        gap:16px;
        padding:16px;
    }

    .tq-post-image{
        flex:0 0 40%;
        max-width:40%;
    }

    .tq-post-title{
        font-size:28px;
        line-height:1.26;
    }

    .tq-post-excerpt{
        -webkit-line-clamp:3;
    }
}

@media (max-width:768px){

    .tq-archive-post{
        display:block;
        gap:12px;
        padding:12px;
    }

    .tq-post-image{
        width:100%;
        max-width:100%;
        margin:0 0 14px;
    }

    .tq-img{
        aspect-ratio:16/9;
    }

    .tq-post-title{
        font-size:22px;
        line-height:1.3;
    }

    .tq-archive-meta{
        font-size:13px !important;
        gap:5px !important;
    }

    .tq-post-excerpt{
        display:none;
    }
}

/* ==============================
HOVER BORDER
============================== */

.tq-archive-post::before,
.tq-archive-post::after{
    content:"";
    position:absolute;
    background:var(--techqor-primary);
    transition:all .45s cubic-bezier(.4,0,.2,1);
}

.tq-archive-post::before{
    top:0;
    left:0;
    height:1px;
    width:0;
}

.tq-archive-post::after{
    bottom:0;
    right:0;
    height:1px;
    width:0;
}

.tq-border-left{
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:0;
    background:var(--techqor-primary);
    transition:.45s;
}

.tq-border-right{
    position:absolute;
    bottom:0;
    right:0;
    width:1px;
    height:0;
    background:var(--techqor-primary);
    transition:.45s;
}

.tq-archive-post:hover::before{
    width:100%;
}

.tq-archive-post:hover::after{
    width:100%;
}

.tq-archive-post:hover .tq-border-left{
    height:100%;
}

.tq-archive-post:hover .tq-border-right{
    height:100%;
}

/* Accessibility Skip Link */

.screen-reader-text{
    position:absolute;
    left:-9999px;
}

.screen-reader-text:focus{
    left:20px;
    top:20px;
    background:#000;
    color:#fff;
    padding:10px 15px;
    z-index:9999;
}

/* ================= FOOTER ================= */

.techqor-footer{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    background:#0f172a;
    color:#cbd5e1;
}

.techqor-footer-inner{
    max-width:1280px;
    margin:auto;
    padding:40px 20px 25px;
}

.site-footer{
    padding:0;
    background:none;
    border:none;
}

.techqor-footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:40px;
    margin-bottom:20px;
}

.techqor-footer-logo img{
    max-width:180px;
    height:auto;
    display:block;
    margin-bottom:12px;
}

.techqor-footer-desc{
    color:#94a3b8;
    line-height:1.7;
    margin-bottom:12px;
}

.techqor-dmca img{
    width:120px;
    height:auto;
}

.techqor-footer-grid h4{
    color:#fff;
    margin-bottom:14px;
    font-size:16px;
}

.techqor-footer-grid ul{
    list-style:none;
    padding:0;
    margin:0;
}

.techqor-footer-grid li{
    margin-bottom:6px;
}

.techqor-footer-grid a{
    color:#94a3b8;
    text-decoration:none;
    transition:.25s;
    font-size:16px;
}

.techqor-footer-grid a:hover{
    color:var(--techqor-primary-hover);
}

.techqor-newsletter p{
    color:#94a3b8;
    font-size:14px;
    margin-bottom:14px;
}

.techqor-news-form{
    display:flex;
    background:#1e293b;
    padding:6px;
}

.techqor-news-form input{
    flex:1;
    background:transparent;
    border:none;
    padding:10px 12px;
    color:#fff;
}

.techqor-news-form input:focus{
    outline:none;
}

.techqor-news-form button{
    background:var(--techqor-primary-hover);
    border:none;
    padding:10px 18px;
    color:#fff;
    cursor:pointer;
    transition:.25s;
}

.techqor-news-form button:hover{
    opacity:.9;
}

.techqor-divider{
    height:2px;
    background:linear-gradient(90deg,transparent,var(--techqor-primary-hover),transparent);
    margin-bottom:20px;
}

.techqor-footer-bottom{
    text-align:center;
    font-size:14px;
    color:#94a3b8;
}

.footer-dot{
    position:relative;
    width:8px;
    height:8px;
    background:var(--techqor-primary-hover);
    border-radius:50%;
    display:inline-block;
    margin:0 8px;
    box-shadow:0 0 8px var(--techqor-primary-hover);
}

.footer-dot::before,
.footer-dot::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--techqor-primary-hover);
    transform:translate(-50%,-50%);
    animation:ripple-wave 2s infinite;
    opacity:.6;
}

.footer-dot::after{
    animation-delay:1s;
}

@keyframes ripple-wave{
    0%{
        transform:translate(-50%,-50%) scale(1);
        opacity:.6;
    }

    70%{
        transform:translate(-50%,-50%) scale(3.5);
        opacity:0;
    }

    100%{
        transform:translate(-50%,-50%) scale(3.5);
        opacity:0;
    }
}

@media(max-width:900px){
    .techqor-footer-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px){
    .techqor-footer-grid{
        grid-template-columns:1fr;
    }

    .techqor-news-form{
        flex-direction:column;
        gap:6px;
    }

    .techqor-news-form button{
        width:100%;
    }

    .techqor-footer-logo img{
        max-width:150px;
    }
}

.techqor-newsletter .mailpoet_form{
    display:flex;
    gap:10px;
    background:#1e293b;
    padding:6px;
}

.techqor-newsletter input{
    flex:1;
    padding:10px;
    border:none;
    background:transparent;
    color:#fff;
}

.techqor-newsletter button{
    background:var(--techqor-primary-hover);
    border:none;
    padding:10px 18px;
    color:#fff;
    cursor:pointer;
}

/* Prevent horizontal scrollbar */
html, body{
    overflow-x:hidden;
}

/* ======================================================
TechQor Custom Scrollbar
====================================================== */

::-webkit-scrollbar{
    width:5px;
}

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

::-webkit-scrollbar-thumb{
    background:var(--techqor-primary);
}

::-webkit-scrollbar-thumb:hover{
    background:var(--techqor-primary-hover);
}

html{
    scrollbar-width:thin;
    scrollbar-color:var(--techqor-primary) #f1f1f1;
}

/* GLOBAL SCROLL REVEAL */

.scroll-reveal{
    opacity:0;
    transform:translateY(40px);
    transition:opacity .8s ease, transform .8s ease;
    will-change:opacity, transform;
}

.scroll-reveal.visible{
    opacity:1;
    transform:none;
}

.scroll-reveal-fast{
    transition:opacity .5s ease, transform .5s ease;
}

/* Social Icons Base */

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

.techqor-social-icons a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#1b2a4a;
    color:#fff;
    font-size:16px;
    transition:all .3s ease;
}

.techqor-social-icons a:hover{
    transform:translateY(-3px);
    color:#fff;
}

.techqor-social-icons a:hover .fa-youtube{
    color:#FF0000;
}

.techqor-social-icons a:hover .fa-instagram{
    color:#E1306C;
}

.techqor-social-icons a:hover .fa-facebook{
    color:#1877F2;
}

.techqor-social-icons a:hover .fa-telegram{
    color:#229ED9;
}

.techqor-social-icons a:hover .fa-whatsapp{
    color:#25D366;
}

#techqor-top{
    position:fixed;
    right:25px;
    bottom:25px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--techqor-primary-hover);
    color:#fff;
    border:none;
    border:1px solid rgba(255,255,255,.2);
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:all .3s ease;
    z-index:9999;
}

#techqor-top svg{
    fill:#fff;
    width:18px;
    height:18px;
}

#techqor-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

#techqor-top:hover{
    transform:translateY(-3px);
}

body.techqor-offcanvas-open{
    overflow:hidden;
    height:100vh;
    touch-action:none;
}