/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://gitsec.local
 Description:  GitSec için GeneratePress child theme
 Author:       GitSec
 Template:     generatepress
 Version:      3.0.0
*/

/* ==========================================================================
   DESIGN SYSTEM - GitSec
   ========================================================================== */

:root {
    /* Colors - True Dark Theme */
    --gs-bg-deep: #0a0a0f;
    --gs-bg-primary: #0f0f14;
    --gs-bg-secondary: #16161d;
    --gs-bg-card: rgba(255, 255, 255, 0.04);
    --gs-bg-elevated: #1a1a22;

    /* Accent - Marka Rengi (Mavi) */
    --gs-accent: #3b82f6;
    --gs-accent-light: #60a5fa;
    --gs-accent-glow: rgba(59, 130, 246, 0.5);
    --gs-purple: #8b5cf6;
    --gs-cyan: #06b6d4;
    --gs-green: #10b981;

    /* Text */
    --gs-text-white: #f8fafc;
    --gs-text-primary: #e2e8f0;
    --gs-text-secondary: #a1a1aa;
    --gs-text-muted: #71717a;

    /* Border */
    --gs-border: rgba(255, 255, 255, 0.08);
    --gs-border-hover: rgba(59, 130, 246, 0.4);

    /* Effects */
    --gs-glow: 0 0 40px rgba(59, 130, 246, 0.12);
    --gs-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   LUCIDE ICONS - SVG Icon Fixes
   ========================================================================== */

svg.lucide *,
svg[class*="lucide"] * {
    fill: none !important;
}

svg.lucide,
svg[class*="lucide"] {
    stroke: currentColor;
    display: inline-block;
    vertical-align: middle;
}

/* ==========================================================================
   GLOBAL BACKGROUND - Tüm sayfalar için
   ========================================================================== */

/* Body ve HTML - Base Background with Brand Blue Gradient */
body,
html {
    background-color: var(--gs-bg-deep) !important;
    background-image:
        radial-gradient(ellipse 90% 70% at 20% 30%, rgba(59, 130, 246, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 85% 65% at 80% 55%, rgba(59, 130, 246, 0.10) 0%, transparent 55%) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

/* Site wrapper - transparent to show body gradient */
.site,
#page {
    background-color: transparent !important;
}

/* Header & Footer - Fully Transparent */
.site-header,
#masthead,
.main-navigation {
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.site-footer,
#colophon,
.footer-widgets {
    background-color: transparent !important;
}

/* Content area */
.site-content,
#content,
.content-area,
#primary,
.inside-article {
    background-color: transparent !important;
}

/* ==========================================================================
   BLOG ARCHIVE - ASYMMETRIC BENTO GRID
   ========================================================================== */

/* Reset & Background */
.blog,
.archive,
.category {
    background: var(--gs-bg-deep) !important;
}

.blog .site-content,
.archive .site-content,
.category .site-content {
    background: var(--gs-bg-deep) !important;
}

/* Main Grid Container */
[class*="gb-looper"] {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    grid-auto-rows: minmax(200px, auto) !important;
    gap: 16px !important;
    padding: 32px 0 !important;
}

/* Remove list styling */
.gb-loop-item {
    list-style: none !important;
}

/* ==========================================================================
   FEATURED CARD - İlk Kart (Hero Style)
   ========================================================================== */

[class*="gb-looper"] .gb-loop-item:first-child {
    grid-column: span 12 !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article {
    display: flex !important;
    flex-direction: column !important;
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article:hover {
    border-color: var(--gs-border-hover) !important;
    box-shadow: var(--gs-glow) !important;
    transform: translateY(-4px) !important;
}

/* Featured Image */
[class*="gb-looper"] .gb-loop-item:first-child article > [class*="gb-media"],
[class*="gb-looper"] .gb-loop-item:first-child article > a:first-child {
    height: 240px !important;
    position: relative !important;
    overflow: hidden !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article > [class*="gb-media"] img,
[class*="gb-looper"] .gb-loop-item:first-child article > a:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Image zoom removed - card already has hover effect */

/* Featured Content */
[class*="gb-looper"] .gb-loop-item:first-child article .gb-text {
    padding: 0 !important;
}

/* Date Badge - Simple inline style */
[class*="gb-looper"] .gb-loop-item:first-child article div.gb-text:first-of-type {
    display: inline-block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 20px 24px 12px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: var(--gs-accent-light) !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    position: relative !important;
    padding-left: 16px !important;
    z-index: 1 !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article div.gb-text:first-of-type::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--gs-accent) !important;
    border-radius: 50% !important;
}

/* Title */
[class*="gb-looper"] .gb-loop-item:first-child article h2.gb-text,
[class*="gb-looper"] .gb-loop-item:first-child article h3.gb-text {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--gs-text-white) !important;
    margin: 0 24px 12px !important;
    padding: 0 !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article h2.gb-text a,
[class*="gb-looper"] .gb-loop-item:first-child article h3.gb-text a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article h2.gb-text a:hover,
[class*="gb-looper"] .gb-loop-item:first-child article h3.gb-text a:hover {
    color: var(--gs-accent-light) !important;
}

/* Excerpt */
[class*="gb-looper"] .gb-loop-item:first-child article div.gb-text:nth-of-type(2) {
    font-size: 0.9rem !important;
    color: var(--gs-text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 24px 20px !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Read More Button */
[class*="gb-looper"] .gb-loop-item:first-child article a.gb-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: 1px solid var(--gs-border-hover) !important;
    color: var(--gs-accent-light) !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    margin: 0 24px 24px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    width: fit-content !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article a.gb-text::before {
    display: none !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article a.gb-text::after {
    content: '→' !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    transition: transform 0.3s ease !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article a.gb-text:hover {
    background: var(--gs-accent) !important;
    border-color: var(--gs-accent) !important;
    color: white !important;
    transform: none !important;
}

[class*="gb-looper"] .gb-loop-item:first-child article a.gb-text:hover::after {
    transform: translateX(4px) !important;
}

/* ==========================================================================
   SECONDARY CARDS - 2. ve 3. Kartlar (Orta boy)
   ========================================================================== */

[class*="gb-looper"] .gb-loop-item:nth-child(2) {
    grid-column: span 6 !important;
}

[class*="gb-looper"] .gb-loop-item:nth-child(3) {
    grid-column: span 6 !important;
}

/* ==========================================================================
   REGULAR CARDS - Diğer Kartlar
   ========================================================================== */

/* Son tek kalan kart - full width yap */
[class*="gb-looper"] .gb-loop-item:nth-child(odd):last-child:not(:first-child) {
    grid-column: span 6 !important;
}

[class*="gb-looper"] .gb-loop-item:nth-child(n+4) {
    grid-column: span 6 !important;
}

/* Card Base Style */
.gb-loop-item:not(:first-child) article {
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.gb-loop-item:not(:first-child) article:hover {
    border-color: var(--gs-border-hover) !important;
    transform: translateY(-6px) !important;
    box-shadow: var(--gs-glow) !important;
}

/* Corner Accent */
.gb-loop-item:not(:first-child) article::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 80px !important;
    height: 80px !important;
    background: linear-gradient(135deg, transparent 50%, rgba(59, 130, 246, 0.1) 50%) !important;
    border-radius: 0 20px 0 0 !important;
    z-index: 5 !important;
    transition: all 0.4s ease !important;
}

.gb-loop-item:not(:first-child) article:hover::before {
    width: 100px !important;
    height: 100px !important;
    background: linear-gradient(135deg, transparent 50%, rgba(59, 130, 246, 0.2) 50%) !important;
}

/* Card Image */
.gb-loop-item:not(:first-child) article [class*="gb-media"],
.gb-loop-item:not(:first-child) article > a:first-child {
    height: 160px !important;
    overflow: hidden !important;
    position: relative !important;
}

.gb-loop-item:not(:first-child) article [class*="gb-media"] img,
.gb-loop-item:not(:first-child) article > a:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Image zoom removed - card already has hover effect */

/* Card Content */
.gb-loop-item:not(:first-child) article .gb-text {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* Date Badge */
.gb-loop-item:not(:first-child) article div.gb-text:first-of-type {
    display: inline-block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 20px 24px 12px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: var(--gs-accent-light) !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    position: relative !important;
    padding-left: 16px !important;
}

.gb-loop-item:not(:first-child) article div.gb-text:first-of-type::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--gs-accent) !important;
    border-radius: 50% !important;
}

/* Card Title */
.gb-loop-item:not(:first-child) article h2.gb-text,
.gb-loop-item:not(:first-child) article h3.gb-text {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--gs-text-primary) !important;
    margin: 0 24px 12px !important;
}

.gb-loop-item:not(:first-child) article h2.gb-text a,
.gb-loop-item:not(:first-child) article h3.gb-text a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.gb-loop-item:not(:first-child) article h2.gb-text a:hover,
.gb-loop-item:not(:first-child) article h3.gb-text a:hover {
    color: var(--gs-accent-light) !important;
}

/* Card Excerpt */
.gb-loop-item:not(:first-child) article div.gb-text:nth-of-type(2) {
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
    color: var(--gs-text-secondary) !important;
    margin: 0 24px 20px !important;
    flex-grow: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Card Button */
.gb-loop-item:not(:first-child) article a.gb-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: none !important;
    border: none !important;
    color: var(--gs-accent-light) !important;
    padding: 0 24px 24px !important;
    margin: auto 0 0 0 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    width: fit-content !important;
}

.gb-loop-item:not(:first-child) article a.gb-text::before {
    display: none !important;
}

.gb-loop-item:not(:first-child) article a.gb-text::after {
    content: '→' !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    font-size: 1.1rem !important;
    transition: transform 0.3s ease !important;
}

.gb-loop-item:not(:first-child) article a.gb-text:hover {
    color: var(--gs-text-white) !important;
    transform: none !important;
    box-shadow: none !important;
    background: none !important;
}

.gb-loop-item:not(:first-child) article a.gb-text:hover::after {
    transform: translateX(4px) !important;
}

/* ==========================================================================
   PAGINATION - Minimal Style
   ========================================================================== */

.page-numbers,
a.page-numbers,
span.page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    background: transparent !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 14px !important;
    color: var(--gs-text-secondary) !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    margin: 0 4px !important;
}

a.page-numbers:hover {
    border-color: var(--gs-accent) !important;
    color: var(--gs-accent-light) !important;
    background: rgba(59, 130, 246, 0.1) !important;
}

span.page-numbers.current {
    background: var(--gs-accent) !important;
    border-color: var(--gs-accent) !important;
    color: white !important;
}

.page-numbers.dots {
    border: none !important;
    background: none !important;
}

/* Next/Prev navigation links - Standard WP */
a.page-numbers.next,
a.page-numbers.prev {
    border-radius: 14px !important;
    padding: 0 16px !important;
    gap: 6px !important;
}

/* GenerateBlocks Pagination - Next/Prev buttons */
.gb-query-loop-pagination a[class*="gb-text-"] {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* ==========================================================================
   SINGLE POST - BENTO MAGAZINE LAYOUT
   ========================================================================== */

/* Single post inherits global background - no extra rules needed */

/* Hide sidebar */
.single-post #secondary,
.single-post .sidebar {
    display: none !important;
}

.single-post #primary {
    width: 100% !important;
    max-width: 100% !important;
}

/* ==========================================================================
   POST HEADER - Clean Minimal Style
   ========================================================================== */

.single-post .inside-article {
    max-width: 960px !important;
    margin: 0 auto !important;
    padding: 40px 24px 60px 24px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Entry Header - Simple Stack */
.single-post .entry-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 48px !important;
    text-align: left !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.single-post .entry-header::before {
    display: none !important;
}

/* Title - Clean & Bold */
.single-post .entry-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(2rem, 5vw, 3rem) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: var(--gs-text-white) !important;
    letter-spacing: -0.03em !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.single-post .entry-title::before {
    display: none !important;
}

/* Meta Container - Inline */
.single-post .entry-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 20px !important;
    font-size: 0.9rem !important;
    color: var(--gs-text-muted) !important;
}

/* Date */
.single-post .entry-meta .posted-on {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.single-post .entry-meta .posted-on::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.single-post .entry-meta .posted-on a,
.single-post .entry-meta .posted-on time {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: var(--gs-text-secondary) !important;
    text-decoration: none !important;
}

.single-post .entry-meta .posted-on:hover a,
.single-post .entry-meta .posted-on:hover time {
    color: var(--gs-accent-light) !important;
}

/* Separator */
.single-post .entry-meta .posted-on::after {
    content: '·' !important;
    margin-left: 12px !important;
    color: var(--gs-text-muted) !important;
    font-weight: 700 !important;
}

/* Author */
.single-post .entry-meta .byline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* "yazar" text'ini gizle - font-size: 0 ile text node'u gizle, child'ları göster */
.single-post .entry-meta .byline {
    font-size: 0 !important;
}

.single-post .entry-meta .byline .author.vcard,
.single-post .entry-meta .byline .author.vcard a,
.single-post .entry-meta .byline .author-name {
    font-size: 0.9rem !important;
}

.single-post .entry-meta .byline::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.single-post .entry-meta .byline a {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: var(--gs-text-secondary) !important;
    text-decoration: none !important;
}

.single-post .entry-meta .byline:hover a {
    color: var(--gs-purple) !important;
}

/* Category - Gizle */
.single-post .entry-meta .cat-links {
    display: none !important;
}

/* Featured Image - Header'ın üstünde göster */
body.single-post div.featured-image.page-header-image-single {
    display: block !important;
    width: 100% !important;
    max-width: 912px !important;
    padding-top: 90px !important;
    margin: 0 auto 40px auto !important;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    overflow: visible !important;
    height: auto !important;
    position: relative !important;
}

body.single-post div.featured-image.page-header-image-single img {
    border-radius: 20px !important;
    height: 480px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.single-post .inside-article > figure:first-child,
.single-post .inside-article > .wp-block-image:first-child,
.single-post article > figure.wp-block-post-featured-image,
.single-post .inside-article img[class*="gb-media"] {
    order: -1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 912px !important;
    margin: 0 auto 40px auto !important;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    overflow: hidden !important;
    height: 480px !important;
    position: relative !important;
    isolation: isolate !important;
}

.single-post .featured-image img,
.single-post .post-image img,
.single-post .inside-article > figure:first-child img,
.single-post article > figure.wp-block-post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
}

/* Image overlay */
.single-post .featured-image::after,
.single-post .post-image::after,
.single-post .inside-article > figure:first-child::after,
.single-post article > figure.wp-block-post-featured-image::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 60%, var(--gs-bg-deep) 100%) !important;
    pointer-events: none !important;
    border-radius: inherit !important;
}

/* ==========================================================================
   CONTENT AREA - Two Column Layout
   ========================================================================== */

/* Typography */
.single-post .entry-content {
    display: block !important;
    max-width: 100% !important;
    margin: 0 0 60px !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
}

.single-post .entry-content p {
    margin-bottom: 1.5em !important;
    color: var(--gs-text-secondary) !important;
}

/* Buttons - Preserve original button colors (override gray text) */
.single-post .entry-content .gb-button,
.single-post .entry-content .wp-block-button__link,
.single-post .entry-content a.gb-button,
.single-post .entry-content [class*="gb-button"],
.single-post .entry-content .wp-element-button,
.single-post .entry-content a[class*="gb-button"],
.single-post .entry-content a[style*="background"],
.single-post .entry-content .gb-container a,
.single-post .entry-content [class*="gb-container"] a[style*="background"] {
    color: white !important;
}

/* GenerateBlocks Text Buttons - gb-text-* class yapısı */
.single-post .entry-content a[class*="gb-text-"],
.single-post .entry-content a[class*="gb-text-"] span,
.single-post .entry-content a[class*="gb-text-"] .gb-text,
.single-post .entry-content a[class*="gb-text-"] span.gb-text,
a[class*="gb-text-"] .gb-text,
a[class*="gb-text-"] span.gb-text {
    color: white !important;
    border-bottom: none !important;
}

/* Headings */
.single-post .entry-content h2 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: var(--gs-text-white) !important;
    margin-top: 2.5em !important;
    margin-bottom: 0.75em !important;
    position: relative !important;
    padding-left: 20px !important;
}

.single-post .entry-content h2::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.2em !important;
    bottom: 0.2em !important;
    width: 4px !important;
    background: linear-gradient(180deg, var(--gs-accent) 0%, var(--gs-purple) 100%) !important;
    border-radius: 2px !important;
}

.single-post .entry-content h2::after {
    display: none !important;
}

.single-post .entry-content h3 {
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    color: var(--gs-text-primary) !important;
    margin-top: 2em !important;
    margin-bottom: 0.5em !important;
}

/* Links - Butonları hariç tut */
.single-post .entry-content a:not(.wp-block-button__link):not([class*="gb-button"]):not([class*="gb-text-"]):not(.gb-container a) {
    color: var(--gs-accent-light) !important;
    text-decoration: none !important;
    border-bottom: 1px dashed var(--gs-accent) !important;
    transition: all 0.3s ease !important;
}

.single-post .entry-content a:not(.wp-block-button__link):not([class*="gb-button"]):not([class*="gb-text-"]):not(.gb-container a):hover {
    border-bottom-style: solid !important;
}

/* Blockquote - Pull Quote Style */
.single-post .entry-content blockquote {
    grid-column: 1 / -1 !important;
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 20px !important;
    padding: 40px 48px !important;
    margin: 2.5em 0 !important;
    position: relative !important;
    font-size: 1.25rem !important;
    font-style: normal !important;
    color: var(--gs-text-primary) !important;
    line-height: 1.6 !important;
}

.single-post .entry-content blockquote::before {
    content: '"' !important;
    position: absolute !important;
    top: 20px !important;
    left: 24px !important;
    font-size: 4rem !important;
    font-family: Georgia, serif !important;
    color: var(--gs-accent) !important;
    opacity: 0.3 !important;
    line-height: 1 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
}

/* Code Inline */
.single-post .entry-content code {
    background: var(--gs-bg-elevated) !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-size: 0.9em !important;
    color: var(--gs-cyan) !important;
    border: 1px solid var(--gs-border) !important;
    font-family: 'SF Mono', 'Fira Code', monospace !important;
}

/* Code Block */
.single-post .entry-content pre {
    background: var(--gs-bg-primary) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin: 2em 0 !important;
    overflow-x: auto !important;
    position: relative !important;
}

.single-post .entry-content pre::before {
    content: '' !important;
    position: absolute !important;
    top: 12px !important;
    left: 16px !important;
    width: 12px !important;
    height: 12px !important;
    background: #ff5f56 !important;
    border-radius: 50% !important;
    box-shadow: 20px 0 0 #ffbd2e, 40px 0 0 #27ca40 !important;
}

.single-post .entry-content pre code {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    padding-top: 20px !important;
    display: block !important;
    color: var(--gs-text-primary) !important;
    font-size: 0.9rem !important;
}

/* Lists */
.single-post .entry-content ul,
.single-post .entry-content ol {
    margin: 1.5em 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.single-post .entry-content li {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 0.75em !important;
}

.single-post .entry-content ul li::before {
    content: '' !important;
    position: absolute !important;
    left: 8px !important;
    top: 0.6em !important;
    width: 6px !important;
    height: 6px !important;
    background: var(--gs-accent) !important;
    border-radius: 50% !important;
}

.single-post .entry-content ol {
    counter-reset: item !important;
}

.single-post .entry-content ol li::before {
    content: counter(item) !important;
    counter-increment: item !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: var(--gs-accent-light) !important;
}

/* Images */
.single-post .entry-content img {
    border-radius: 16px !important;
    margin: 2em 0 !important;
}

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

.single-post .entry-footer,
.single-post .post-tags {
    max-width: 720px !important;
    margin: 0 auto !important;
    padding: 32px !important;
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 16px !important;
}

.single-post .entry-footer .tags-links a,
.single-post .entry-footer .cat-links a {
    display: inline-block !important;
    background: var(--gs-bg-elevated) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    margin: 4px !important;
    color: var(--gs-text-secondary) !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.single-post .entry-footer .tags-links a:hover,
.single-post .entry-footer .cat-links a:hover {
    border-color: var(--gs-accent) !important;
    color: var(--gs-accent-light) !important;
}

/* ==========================================================================
   POST NAVIGATION
   ========================================================================== */

/* Post Navigation Container */
.single-post .post-navigation,
.single-post .gitsec-post-nav {
    max-width: 100% !important;
    margin: 60px 0 0 !important;
    padding: 40px 0 0 !important;
    border-top: 1px solid var(--gs-border) !important;
    display: block !important;
}

/* Nav Links Grid */
.single-post .nav-links,
.single-post .gitsec-post-nav .nav-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-post .nav-previous,
.single-post .nav-next {
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.single-post .nav-previous:hover,
.single-post .nav-next:hover {
    border-color: var(--gs-accent) !important;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.15) !important;
}

/* Label - Önceki/Sonraki */
.single-post .nav-previous::before {
    content: '← Önceki Yazı' !important;
    display: block !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: var(--gs-text-muted) !important;
}

.single-post .nav-next::before {
    content: 'Sonraki Yazı →' !important;
    display: block !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: var(--gs-text-muted) !important;
    text-align: right !important;
}

.single-post .nav-previous a,
.single-post .nav-next a {
    color: var(--gs-text-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.3s ease !important;
}

.single-post .nav-previous:hover a {
    color: var(--gs-accent-light) !important;
}

.single-post .nav-next:hover a {
    color: var(--gs-accent-light) !important;
}

.single-post .nav-next {
    text-align: right !important;
}

.single-post .nav-next a {
    text-align: right !important;
}

/* Tek yazı varsa - sadece önceki */
.single-post .gitsec-post-nav.only-prev .nav-links {
    grid-template-columns: 1fr !important;
}

.single-post .gitsec-post-nav.only-prev .nav-previous {
    max-width: 50% !important;
}

/* Tek yazı varsa - sadece sonraki */
.single-post .gitsec-post-nav.only-next .nav-links {
    grid-template-columns: 1fr !important;
    justify-items: end !important;
}

.single-post .gitsec-post-nav.only-next .nav-next {
    max-width: 50% !important;
}

/* ==========================================================================
   COMMENTS
   ========================================================================== */

.single-post .comments-area {
    max-width: 720px !important;
    margin: 0 auto 60px !important;
    padding: 40px !important;
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 24px !important;
}

.single-post .comments-title {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--gs-text-white) !important;
    margin-bottom: 32px !important;
}

.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"],
.single-post .comment-form input[type="url"],
.single-post .comment-form textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    background: var(--gs-bg-primary) !important;
    border: 1px solid var(--gs-border) !important;
    border-radius: 12px !important;
    color: var(--gs-text-primary) !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
    margin-bottom: 16px !important;
}

.single-post .comment-form input:focus,
.single-post .comment-form textarea:focus {
    outline: none !important;
    border-color: var(--gs-accent) !important;
}

.single-post .comment-form .submit {
    background: var(--gs-accent) !important;
    color: white !important;
    border: none !important;
    padding: 14px 28px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.single-post .comment-form .submit:hover {
    background: var(--gs-accent-light) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   RESPONSIVE - TABLET
   ========================================================================== */

@media (max-width: 1024px) {
    /* Blog Grid */
    [class*="gb-looper"] {
        grid-template-columns: repeat(8, 1fr) !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child {
        grid-column: span 8 !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article > [class*="gb-media"],
    [class*="gb-looper"] .gb-loop-item:first-child article > a:first-child {
        height: 280px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article div.gb-text:first-of-type,
    [class*="gb-looper"] .gb-loop-item:first-child article h2.gb-text,
    [class*="gb-looper"] .gb-loop-item:first-child article h3.gb-text,
    [class*="gb-looper"] .gb-loop-item:first-child article div.gb-text:nth-of-type(2),
    [class*="gb-looper"] .gb-loop-item:first-child article a.gb-text {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 0 24px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article div.gb-text:first-of-type {
        margin-top: 24px !important;
        margin-bottom: 12px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article h2.gb-text,
    [class*="gb-looper"] .gb-loop-item:first-child article h3.gb-text {
        font-size: 1.5rem !important;
        margin-bottom: 12px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article div.gb-text:nth-of-type(2) {
        margin-bottom: 20px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article a.gb-text {
        margin-bottom: 24px !important;
    }

    [class*="gb-looper"] .gb-loop-item:nth-child(2),
    [class*="gb-looper"] .gb-loop-item:nth-child(3) {
        grid-column: span 4 !important;
    }

    [class*="gb-looper"] .gb-loop-item:nth-child(n+4) {
        grid-column: span 4 !important;
    }

    /* Single Post */
    .single-post .entry-header {
        grid-template-columns: 1fr !important;
    }

    .single-post .entry-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-height: 200px !important;
    }

    .single-post .entry-meta .posted-on,
    .single-post .entry-meta .byline {
        grid-column: 1 !important;
    }

    .single-post .entry-content {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   RESPONSIVE - MOBILE
   ========================================================================== */

@media (max-width: 768px) {
    [class*="gb-looper"] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child,
    [class*="gb-looper"] .gb-loop-item:nth-child(2),
    [class*="gb-looper"] .gb-loop-item:nth-child(3),
    [class*="gb-looper"] .gb-loop-item:nth-child(n+4) {
        grid-column: span 1 !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article {
        border-radius: 20px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article > [class*="gb-media"],
    [class*="gb-looper"] .gb-loop-item:first-child article > a:first-child {
        height: 200px !important;
    }

    [class*="gb-looper"] .gb-loop-item:first-child article h2.gb-text,
    [class*="gb-looper"] .gb-loop-item:first-child article h3.gb-text {
        font-size: 1.25rem !important;
    }

    .gb-loop-item:not(:first-child) article {
        border-radius: 16px !important;
    }

    .gb-loop-item:not(:first-child) article [class*="gb-media"],
    .gb-loop-item:not(:first-child) article > a:first-child {
        height: 140px !important;
    }

    /* Single Post - Mobile */
    .single-post .site-content {
        padding-top: 20px !important;
        margin-top: 0 !important;
    }

    .single-post .inside-article {
        padding: 0 !important;
    }

    /* Featured Image - Mobilde container içinde, padding ile */
    body.single-post div.featured-image.page-header-image-single {
        padding: 70px 16px 0 16px !important;
        margin: 0 0 16px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.single-post div.featured-image.page-header-image-single img {
        height: 56vw !important;
        min-height: 200px !important;
        max-height: 280px !important;
        border-radius: 16px !important;
        width: 100% !important;
    }

    .single-post .inside-article > img[class*="gb-media"]:first-of-type {
        order: -1 !important;
        height: 56vw !important;
        min-height: 200px !important;
        max-height: 280px !important;
        border-radius: 0 0 16px 16px !important;
        margin: 0 0 16px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Mobilde gradient overlay'i kaldır */
    .single-post .featured-image::after,
    .single-post .post-image::after {
        display: none !important;
    }

    /* Entry Header - İçerik padding'i */
    .single-post .entry-header {
        gap: 10px !important;
        margin-bottom: 16px !important;
        padding: 0 16px !important;
    }

    .single-post .entry-title {
        padding: 0 !important;
        min-height: auto !important;
        font-size: 1.4rem !important;
        line-height: 1.3 !important;
        border-radius: 0 !important;
        background: none !important;
    }

    .single-post .entry-meta {
        gap: 6px 12px !important;
    }

    .single-post .entry-meta .posted-on,
    .single-post .entry-meta .byline {
        padding: 0 !important;
        border-radius: 0 !important;
        background: none !important;
    }

    .single-post .entry-meta .posted-on a,
    .single-post .entry-meta .posted-on time {
        font-size: 0.8rem !important;
    }

    .single-post .entry-meta .byline .author.vcard a,
    .single-post .entry-meta .byline .author-name {
        font-size: 0.8rem !important;
    }

    /* Entry Content - İçerik padding'i */
    .single-post .entry-content {
        padding: 0 16px !important;
    }

    /* Yazı içi resimler - mobilde tam radius ve duyarlı */
    .single-post .entry-content img,
    .single-post .entry-content img[class*="gb-media"] {
        border-radius: 12px !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .single-post .entry-content h2 {
        font-size: 1.25rem !important;
    }

    .single-post .entry-content blockquote {
        padding: 16px !important;
        font-size: 1rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .single-post .post-navigation,
    .single-post .gitsec-post-nav {
        padding: 32px 16px 0 16px !important;
    }

    .single-post .entry-footer {
        padding: 0 16px !important;
    }

    .single-post .nav-links,
    .single-post .gitsec-post-nav .nav-links {
        grid-template-columns: 1fr !important;
    }

    .single-post .nav-next {
        text-align: left !important;
    }

    .single-post .nav-next::before {
        text-align: left !important;
    }

    .single-post .nav-next a {
        text-align: left !important;
    }

    .single-post .comments-area {
        padding: 28px 20px !important;
        border-radius: 20px !important;
        margin: 0 16px 40px !important;
    }
}

/* ==========================================================================
   READING PROGRESS BAR
   ========================================================================== */

.reading-progress-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 0% !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--gs-accent), var(--gs-purple), var(--gs-cyan)) !important;
    z-index: 9999 !important;
    transition: width 0.1s ease-out !important;
}

/* ==========================================================================
   STICKY TABLE OF CONTENTS - Right Edge Drawer
   ========================================================================== */

/* TOC Container - Sağ kenardan açılır drawer */
.gitsec-toc-sidebar {
    position: fixed !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) translateX(200px) !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Açıkken içeri gel */
.gitsec-toc-sidebar.is-open {
    transform: translateY(-50%) translateX(0) !important;
}

/* Toggle Button - Sol kenarında, panelle birlikte hareket eder */
.gitsec-toc-sidebar .toc-toggle {
    position: absolute !important;
    left: -28px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 56px !important;
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-right: none !important;
    border-radius: 8px 0 0 8px !important;
    color: var(--gs-text-muted) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.3s ease, color 0.3s ease !important;
    padding: 0 !important;
}

.gitsec-toc-sidebar .toc-toggle:hover {
    background: var(--gs-bg-elevated) !important;
    color: var(--gs-accent-light) !important;
}

.gitsec-toc-sidebar .toc-toggle svg {
    width: 14px !important;
    height: 14px !important;
}

/* Icon states - Açıkken > (kapat), kapalıyken < (aç) */
.gitsec-toc-sidebar .toc-icon-close {
    display: none !important;
}

.gitsec-toc-sidebar.is-open .toc-icon-open {
    display: none !important;
}

.gitsec-toc-sidebar.is-open .toc-icon-close {
    display: block !important;
}

/* Panel - sabit genişlik */
.gitsec-toc-sidebar .toc-panel {
    width: 200px !important;
    max-height: 70vh !important;
}

/* Panel Inner */
.gitsec-toc-sidebar .toc-inner {
    background: var(--gs-bg-card) !important;
    border: 1px solid var(--gs-border) !important;
    border-right: none !important;
    border-radius: 12px 0 0 12px !important;
    padding: 16px !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    position: relative !important;
}

/* Custom scrollbar */
.gitsec-toc-sidebar .toc-inner::-webkit-scrollbar {
    width: 3px !important;
}

.gitsec-toc-sidebar .toc-inner::-webkit-scrollbar-track {
    background: transparent !important;
}

.gitsec-toc-sidebar .toc-inner::-webkit-scrollbar-thumb {
    background: var(--gs-border) !important;
    border-radius: 2px !important;
}

/* Title */
.gitsec-toc-sidebar .toc-title {
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--gs-text-muted) !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--gs-border) !important;
}

/* Navigation */
.gitsec-toc-sidebar .toc-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

/* Links - Base */
.gitsec-toc-sidebar .toc-link {
    display: block !important;
    padding: 8px 10px !important;
    color: var(--gs-text-secondary) !important;
    text-decoration: none !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    border-radius: 6px !important;
    border-left: 2px solid transparent !important;
    transition: all 0.2s ease !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* H1 - En büyük, bold */
.gitsec-toc-sidebar .toc-link.toc-h1 {
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    color: var(--gs-text-primary) !important;
}

/* H2 - Normal */
.gitsec-toc-sidebar .toc-link.toc-h2 {
    padding-left: 16px !important;
}

/* H3 - Girintili, küçük */
.gitsec-toc-sidebar .toc-link.toc-h3 {
    padding-left: 24px !important;
    font-size: 0.72rem !important;
    color: var(--gs-text-muted) !important;
}

.gitsec-toc-sidebar .toc-link:hover {
    background: rgba(59, 130, 246, 0.1) !important;
    color: var(--gs-text-primary) !important;
}

.gitsec-toc-sidebar .toc-link.active {
    background: rgba(59, 130, 246, 0.12) !important;
    color: var(--gs-accent-light) !important;
    border-left-color: var(--gs-accent) !important;
}


/* Responsive - 1100px altında gizle */
@media (max-width: 1099px) {
    .gitsec-toc-sidebar {
        display: none !important;
    }
}



/* ==========================================================================
   READING TIME STYLE
   ========================================================================== */

.reading-time {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: var(--gs-text-secondary) !important;
    margin-left: 12px !important;
}

.reading-time::before {
    content: "·" !important;
    margin-right: 6px !important;
    color: var(--gs-text-muted) !important;
    font-weight: 700 !important;
}

.reading-time svg {
    width: 14px !important;
    height: 14px !important;
    stroke: var(--gs-text-muted) !important;
}

/* ==========================================================================
   ENHANCED CTA BUTTONS
   ========================================================================== */

/* Primary CTA - Gradient with Glow */
.wp-block-button.is-style-fill .wp-block-button__link,
a.gb-button.gb-button-text,
.gb-button.gb-button-fill {
    background: linear-gradient(135deg, #154F93 0%, #1E6FD9 100%) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 28px !important;
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 15px rgba(21, 79, 147, 0.3) !important;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
a.gb-button.gb-button-text:hover,
.gb-button.gb-button-fill:hover {
    background: linear-gradient(135deg, #1E6FD9 0%, #3B8DF5 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(21, 79, 147, 0.4) !important;
}

/* Secondary CTA - Outline */
.wp-block-button.is-style-outline .wp-block-button__link,
.gb-button.gb-button-outline {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--gs-text-primary) !important;
    font-weight: 600 !important;
    padding: 12px 26px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.gb-button.gb-button-outline:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   STANDARDIZED BORDER RADIUS
   ========================================================================== */

:root {
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

/* ==========================================================================
   CONSISTENT SPACING
   ========================================================================== */

/* Section spacing */
.gb-container {
    margin-bottom: 80px !important;
}

.gb-container:last-child {
    margin-bottom: 0 !important;
}