/*
Theme Name: GeeksGif
Theme URI: http://geeksgif.blog/
Author: GeeksGif Team
Author URI: http://geeksgif.blog/
Description: GeeksGif is a fast, clean, and fully-responsive WordPress theme built for technology blogs, gadget review sites, and tech news publications. Featuring a modern magazine-style homepage, sticky navigation, custom widget areas, SEO-friendly markup, and full support for the block editor (Gutenberg), GeeksGif gives tech bloggers everything needed to publish reviews, tutorials, and breaking tech news with a polished, professional look. Optimized identifier: lcfmodgeeks.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: geeksgif
Tags: blog, news, one-column, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, theme-options, technology
*/

/* =========================================================
   TABLE OF CONTENTS
   1.0 Reset & Base
   2.0 Typography
   3.0 Layout & Grid
   4.0 Header & Navigation
   5.0 Buttons & Forms
   6.0 Posts & Archives
   7.0 Single Post
   8.0 Sidebar & Widgets
   9.0 Footer
   10.0 Comments
   11.0 Pages / Custom Templates
   12.0 Utilities
   13.0 Responsive
========================================================= */

/* 1.0 Reset & Base */
:root{
  --gg-primary:#0d6efd;
  --gg-primary-dark:#0a4fc2;
  --gg-accent:#00d1b2;
  --gg-dark:#10151c;
  --gg-text:#242a33;
  --gg-muted:#6b7684;
  --gg-border:#e7eaee;
  --gg-bg:#ffffff;
  --gg-bg-alt:#f6f8fb;
  --gg-radius:10px;
  --gg-shadow:0 4px 16px rgba(16,21,28,0.06);
  --gg-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --gg-font-head:"Poppins",var(--gg-font-body);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--gg-font-body);
  color:var(--gg-text);
  background:var(--gg-bg);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--gg-primary);text-decoration:none;transition:color .15s ease;}
a:hover{color:var(--gg-primary-dark);}
ul,ol{padding-left:1.25em;}
figure{margin:0;}
table{width:100%;border-collapse:collapse;margin:1.5em 0;}
table th,table td{border:1px solid var(--gg-border);padding:.6em .8em;text-align:left;}

/* 2.0 Typography */
h1,h2,h3,h4,h5,h6{
  font-family:var(--gg-font-head);
  font-weight:700;
  line-height:1.25;
  color:var(--gg-dark);
  margin:1.4em 0 .6em;
}
h1{font-size:2.4rem;}
h2{font-size:1.85rem;}
h3{font-size:1.4rem;}
h4{font-size:1.15rem;}
p{margin:0 0 1.2em;}
blockquote{
  border-left:4px solid var(--gg-primary);
  margin:1.5em 0;
  padding:.6em 1.2em;
  background:var(--gg-bg-alt);
  font-style:italic;
  border-radius:0 6px 6px 0;
}
code,pre{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  background:#0d1117;color:#e6edf3;
}
code{padding:.15em .4em;border-radius:4px;font-size:.9em;}
pre{padding:1.2em;border-radius:8px;overflow-x:auto;}
pre code{background:none;padding:0;}

/* 3.0 Layout & Grid */
.gg-container{max-width:1180px;margin:0 auto;padding:0 20px;}
.gg-content-wrap{display:grid;grid-template-columns:1fr 340px;gap:40px;padding:40px 0 60px;}
.gg-content-wrap.no-sidebar{grid-template-columns:1fr;}
.site-main{min-width:0;}

/* 4.0 Header & Navigation */
.gg-topbar{background:var(--gg-dark);color:#c9d3df;font-size:.85rem;}
.gg-topbar .gg-container{display:flex;justify-content:space-between;align-items:center;height:38px;}
.gg-topbar a{color:#c9d3df;}
.gg-topbar a:hover{color:#fff;}
.gg-social a{margin-left:14px;font-size:.95rem;}

.site-header{background:#fff;border-bottom:1px solid var(--gg-border);position:sticky;top:0;z-index:999;}
.gg-header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.site-branding{display:flex;align-items:center;gap:12px;}
.site-title{font-family:var(--gg-font-head);font-size:1.6rem;font-weight:800;margin:0;letter-spacing:-.02em;}
.site-title a{color:var(--gg-dark);}
.site-title span{color:var(--gg-primary);}
.site-description{font-size:.8rem;color:var(--gg-muted);margin:0;}
.custom-logo{max-height:48px;width:auto;}

.main-navigation{display:flex;align-items:center;}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;}
.main-navigation li{position:relative;}
.main-navigation a{
  display:block;padding:10px 14px;font-weight:600;font-size:.95rem;color:var(--gg-text);border-radius:6px;
}
.main-navigation a:hover,.main-navigation .current-menu-item > a{color:var(--gg-primary);background:var(--gg-bg-alt);}
.main-navigation ul ul{
  position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:var(--gg-shadow);
  border-radius:8px;padding:8px;display:none;flex-direction:column;border:1px solid var(--gg-border);
}
.main-navigation li:hover > ul{display:flex;}
.main-navigation ul ul a{padding:8px 12px;}
.header-search-toggle,.menu-toggle{
  background:var(--gg-bg-alt);border:none;width:42px;height:42px;border-radius:8px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gg-text);
}
.menu-toggle{display:none;}
.gg-header-actions{display:flex;align-items:center;gap:10px;}
.gg-header-search{display:none;padding:14px 0;border-top:1px solid var(--gg-border);}
.gg-header-search.is-open{display:block;}
.gg-header-search form{display:flex;gap:8px;}
.gg-header-search input[type="search"]{flex:1;padding:10px 14px;border:1px solid var(--gg-border);border-radius:8px;}

/* Breaking ticker */
.gg-ticker{background:var(--gg-bg-alt);border-bottom:1px solid var(--gg-border);}
.gg-ticker .gg-container{display:flex;align-items:center;gap:14px;height:42px;}
.gg-ticker-label{background:var(--gg-primary);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:4px;flex-shrink:0;}
.gg-ticker-items{display:flex;gap:28px;overflow:hidden;white-space:nowrap;font-size:.88rem;}
.gg-ticker-items a{color:var(--gg-text);}

/* 5.0 Buttons & Forms */
.gg-btn{
  display:inline-block;background:var(--gg-primary);color:#fff;padding:11px 22px;border-radius:8px;
  font-weight:600;border:none;cursor:pointer;font-size:.95rem;transition:.15s ease;
}
.gg-btn:hover{background:var(--gg-primary-dark);color:#fff;}
.gg-btn.outline{background:transparent;color:var(--gg-primary);border:2px solid var(--gg-primary);padding:9px 20px;}
input[type=text],input[type=email],input[type=url],input[type=search],input[type=tel],textarea,select{
  width:100%;padding:11px 14px;border:1px solid var(--gg-border);border-radius:8px;font-family:inherit;font-size:1rem;
}
textarea{resize:vertical;}
label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;}
.form-row{margin-bottom:18px;}

/* 6.0 Posts & Archives */
.gg-hero{padding:34px 0 10px;}
.gg-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;}
.gg-hero-main{position:relative;border-radius:var(--gg-radius);overflow:hidden;box-shadow:var(--gg-shadow);}
.gg-hero-main img{aspect-ratio:16/9;object-fit:cover;width:100%;}
.gg-hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,0));}
.gg-hero-overlay h2{color:#fff;margin:8px 0 0;font-size:1.6rem;}
.gg-hero-overlay a{color:#fff;}
.gg-hero-side{display:flex;flex-direction:column;gap:16px;}
.gg-hero-side-item{display:flex;gap:12px;background:var(--gg-bg-alt);border-radius:var(--gg-radius);overflow:hidden;padding:10px;}
.gg-hero-side-item img{width:110px;height:78px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.gg-hero-side-item h3{font-size:.98rem;margin:0 0 4px;}

.gg-badge{
  display:inline-block;background:var(--gg-primary);color:#fff;font-size:.68rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;padding:4px 9px;border-radius:4px;
}
.gg-badge.alt{background:var(--gg-accent);}
.gg-meta{color:var(--gg-muted);font-size:.82rem;}
.gg-meta a{color:var(--gg-muted);}
.gg-meta span{margin-right:12px;}

.gg-section-title{display:flex;align-items:center;justify-content:space-between;margin:44px 0 18px;}
.gg-section-title h2{margin:0;font-size:1.4rem;position:relative;padding-left:14px;}
.gg-section-title h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--gg-primary);border-radius:2px;}
.gg-section-title a{font-size:.85rem;font-weight:600;}

.gg-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.gg-card{background:#fff;border:1px solid var(--gg-border);border-radius:var(--gg-radius);overflow:hidden;transition:.2s ease;}
.gg-card:hover{box-shadow:var(--gg-shadow);transform:translateY(-2px);}
.gg-card-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--gg-bg-alt);}
.gg-card-thumb img{width:100%;height:100%;object-fit:cover;}
.gg-card-thumb .gg-badge{position:absolute;top:10px;left:10px;}
.gg-card-body{padding:16px;}
.gg-card-body h3{font-size:1.05rem;margin:6px 0 8px;}
.gg-card-body p{font-size:.9rem;color:var(--gg-muted);margin-bottom:10px;}

.gg-list-post{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--gg-border);}
.gg-list-post img{width:180px;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0;}
.gg-list-post h2{font-size:1.25rem;margin:4px 0 8px;}

.gg-pagination{display:flex;justify-content:center;gap:8px;margin:36px 0;}
.gg-pagination a,.gg-pagination span{
  padding:9px 15px;border:1px solid var(--gg-border);border-radius:8px;font-weight:600;font-size:.9rem;
}
.gg-pagination .current{background:var(--gg-primary);color:#fff;border-color:var(--gg-primary);}

/* 7.0 Single Post */
.gg-single-header{padding:36px 0 0;}
.gg-single-header .gg-badge{margin-bottom:12px;}
.gg-single-header h1{font-size:2.1rem;margin:0 0 14px;}
.gg-single-meta{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.gg-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.gg-single-thumb{margin:20px 0 30px;border-radius:var(--gg-radius);overflow:hidden;}
.gg-single-thumb img{width:100%;}
.entry-content{font-size:1.08rem;}
.entry-content h2{margin-top:1.8em;}
.entry-content img{border-radius:8px;margin:1.2em 0;}
.gg-tags{margin:30px 0;display:flex;flex-wrap:wrap;gap:8px;}
.gg-tags a{background:var(--gg-bg-alt);padding:6px 13px;border-radius:20px;font-size:.82rem;font-weight:600;}
.gg-share{display:flex;align-items:center;gap:10px;margin:24px 0;padding:16px 0;border-top:1px solid var(--gg-border);border-bottom:1px solid var(--gg-border);}
.gg-share a{width:38px;height:38px;border-radius:50%;background:var(--gg-bg-alt);display:flex;align-items:center;justify-content:center;}
.gg-author-box{display:flex;gap:16px;background:var(--gg-bg-alt);padding:22px;border-radius:var(--gg-radius);margin:30px 0;}
.gg-author-box img{width:70px;height:70px;border-radius:50%;object-fit:cover;}
.gg-related{margin:40px 0;}

/* 8.0 Sidebar & Widgets */
.widget{background:#fff;border:1px solid var(--gg-border);border-radius:var(--gg-radius);padding:20px;margin-bottom:24px;}
.widget-title{font-size:1.05rem;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--gg-bg-alt);position:relative;}
.widget-title::after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--gg-primary);}
.widget ul{list-style:none;padding:0;margin:0;}
.widget li{padding:8px 0;border-bottom:1px dashed var(--gg-border);}
.widget li:last-child{border-bottom:none;}
.widget_search input[type=search]{margin-bottom:0;}
.gg-popular-post{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--gg-border);}
.gg-popular-post:last-child{border-bottom:none;}
.gg-popular-post img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.gg-popular-post h4{font-size:.88rem;margin:0 0 4px;line-height:1.35;}
.tagcloud a{display:inline-block;margin:3px;padding:6px 12px;background:var(--gg-bg-alt);border-radius:20px;font-size:.8rem !important;}
.gg-ad-slot{background:var(--gg-bg-alt);border:1px dashed var(--gg-border);border-radius:var(--gg-radius);padding:40px 16px;text-align:center;color:var(--gg-muted);font-size:.8rem;margin-bottom:24px;}
.gg-newsletter-widget input{margin-bottom:10px;}

/* 9.0 Footer */
.site-footer{background:var(--gg-dark);color:#c9d3df;margin-top:60px;}
.gg-footer-top{padding:56px 0 30px;}
.gg-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:34px;}
.gg-footer-grid h4{color:#fff;font-size:1rem;margin:0 0 16px;}
.gg-footer-grid ul{list-style:none;padding:0;margin:0;}
.gg-footer-grid li{margin-bottom:9px;}
.gg-footer-grid a{color:#a8b3c2;font-size:.9rem;}
.gg-footer-grid a:hover{color:#fff;}
.gg-footer-about p{color:#a8b3c2;font-size:.9rem;}
.gg-footer-social{display:flex;gap:10px;margin-top:16px;}
.gg-footer-social a{width:38px;height:38px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;}
.gg-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:.82rem;display:flex;justify-content:space-between;color:#8794a6;}
.gg-footer-bottom a{color:#8794a6;}

/* 10.0 Comments */
.comments-area{margin-top:44px;}
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list .children{list-style:none;margin:0 0 0 40px;padding:0;}
.comment-body{border:1px solid var(--gg-border);border-radius:var(--gg-radius);padding:18px;margin-bottom:16px;}
.comment-author img{border-radius:50%;margin-right:10px;vertical-align:middle;}
.comment-metadata{font-size:.78rem;color:var(--gg-muted);}
.comment-reply-link{font-size:.8rem;font-weight:700;}

/* 11.0 Pages */
.gg-page-header{background:var(--gg-bg-alt);padding:40px 0;text-align:center;margin-bottom:10px;}
.gg-page-header h1{margin:0;}
.gg-breadcrumbs{font-size:.85rem;color:var(--gg-muted);margin-top:8px;}
.gg-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0;}
.gg-stat-box{background:var(--gg-bg-alt);border-radius:var(--gg-radius);padding:24px;text-align:center;}
.gg-stat-box strong{display:block;font-size:2rem;color:var(--gg-primary);font-family:var(--gg-font-head);}
.gg-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0;}
.gg-team-card{text-align:center;background:#fff;border:1px solid var(--gg-border);border-radius:var(--gg-radius);padding:24px;}
.gg-team-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 14px;}
.gg-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0;}
.gg-contact-info-item{display:flex;gap:14px;margin-bottom:22px;}
.gg-contact-info-item .icon{width:46px;height:46px;background:var(--gg-bg-alt);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gg-primary);}

/* 12.0 Utilities */
.screen-reader-text{position:absolute;left:-9999px;}
.gg-cat-pill{display:inline-block;background:rgba(13,110,253,.1);color:var(--gg-primary);padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:10px;}
.alignwide{width:100%;}
.alignfull{width:100vw;margin-left:calc(50% - 50vw);}

/* 13.0 Responsive */
@media (max-width:1024px){
  .gg-post-grid{grid-template-columns:repeat(2,1fr);}
  .gg-hero-grid{grid-template-columns:1fr;}
  .gg-content-wrap{grid-template-columns:1fr;}
  .gg-footer-grid{grid-template-columns:1fr 1fr;}
  .gg-stats-grid{grid-template-columns:repeat(2,1fr);}
  .gg-team-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .gg-topbar{display:none;}
  .main-navigation{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;flex-direction:column;align-items:stretch;padding:70px 16px 20px;transition:.25s ease;box-shadow:var(--gg-shadow);overflow-y:auto;}
  .main-navigation.is-open{left:0;}
  .main-navigation ul{flex-direction:column;}
  .main-navigation ul ul{position:static;box-shadow:none;border:none;padding-left:14px;display:none;}
  .main-navigation li.menu-item-has-children.is-open > ul{display:flex;}
  .menu-toggle{display:flex;}
  .gg-post-grid{grid-template-columns:1fr;}
  .gg-contact-grid{grid-template-columns:1fr;}
  .gg-team-grid{grid-template-columns:1fr;}
  .gg-stats-grid{grid-template-columns:1fr 1fr;}
  .gg-footer-grid{grid-template-columns:1fr;}
  .gg-list-post img{width:120px;height:90px;}
  h1{font-size:1.8rem;}
  .gg-single-header h1{font-size:1.5rem;}
}