/* /ggpost/css/ggpost_public.css */
:root { --primary-color: #3498db; --bg-color: #fcfbf9; --text-dark: #1a1a1a; --white: #ffffff; }
body { background-color: var(--bg-color); color: var(--text-dark); font-family: 'Montserrat', sans-serif; line-height: 1.8; overflow-x: hidden; padding-bottom: 50px; margin:0;}

/* Preview Mode Banner */
.preview-domain-banner { background: #f39c12; color: #111; text-align: center; padding: 12px; font-weight: 900; letter-spacing: 1px; font-size: 0.95rem; display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; border-bottom: 2px solid #d68910;}
.preview-domain-banner a { background: #111; color: white; text-decoration: none; padding: 6px 15px; border-radius: 5px; display: inline-flex; align-items: center; gap: 8px; transition: 0.2s;}
.preview-domain-banner a:hover { background: #333; }
.preview-domain-banner a img, .preview-domain-banner a .custom-icon { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }
.preview-domain-banner a .custom-icon { font-size: 10px; display: flex; align-items: center; justify-content: center;}

/* Admin / Hero */
.admin-edit-btn { position: fixed; bottom: 30px; left: 30px; background: #e74c3c; color: white; padding: 15px 25px; border-radius: 50px; text-decoration: none; font-weight: 900; box-shadow: 0 5px 20px rgba(231, 76, 60, 0.4); z-index: 9999; display: flex; align-items: center; gap: 10px; transition: 0.3s; letter-spacing: 1px;}
.admin-edit-btn:hover { background: #c0392b; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(231, 76, 60, 0.5); }
.blog-hero { width: 100%; height: 50vh; min-height: 350px; position: relative; background: #111; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center;}
.blog-hero::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); z-index: 1; }
.hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.8; z-index: 0; }
.hero-content { position: relative; z-index: 2; padding: 0 20px; max-width: 900px;}
.hero-content h1 { color: white; font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 900; text-transform: uppercase; line-height: 1.1; margin-bottom: 0; text-shadow: 0 4px 15px rgba(0,0,0,0.5); letter-spacing: 1px;}

/* Author Section (Below Header) */
.gg-author-row { max-width: 850px; margin: 30px auto 0; padding: 0 5%; display: flex; justify-content: center; }
.gg-author-pill { display: inline-flex; align-items: center; gap: 12px; background: white; padding: 8px 25px 8px 8px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid #eaeaea; }
.gg-author-pill img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.gg-author-pill span { color: #555; font-size: 0.95rem; font-weight: 600;}
.gg-author-pill strong { color: var(--primary-color); font-weight: 900;}

/* Top Bar: Icon & Share */
.gg-top-bar { max-width: 850px; margin: 20px auto; padding: 0 5%; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #eaeaea; padding-bottom: 25px; flex-wrap: wrap; gap: 20px;}
.gg-top-left { display: flex; flex-direction: column; gap: 2px; }
.gg-domain-icon { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 900; color: #222; font-size: 1.1rem; transition: 0.2s; }
.gg-domain-icon:hover { color: var(--primary-color); }
.gg-domain-icon img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.gg-domain-icon .custom-icon { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 14px;}
.custom-zk { background: #222; color: white; }
.custom-gg { background: black; color: #00ffff; letter-spacing: -1px;}
.gg-author-text { color: #888; font-size: 0.95rem; font-weight: 600; margin-left: 42px;}

/* Restyled Share Section */
.gg-share-sec { display: flex; align-items: center; gap: 12px; border: 2px solid #eaeaea; padding: 12px 18px; border-radius: 12px; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.02);}
.gg-share-lbl { font-weight: 900; color: var(--primary-color); font-size: 1rem; letter-spacing: 1px; margin-right: 5px; display: flex; align-items: center; gap: 8px;}
.gg-share-qr { width: 45px; height: 45px; border-radius: 5px; cursor: pointer; transition: 0.2s; border: 1px solid #ddd;}
.gg-share-qr:hover { transform: scale(1.1); box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.gg-share-btn { background: #f4f4f4; border: 1px solid #ddd; padding: 10px 18px; border-radius: 5px; font-weight: 900; cursor: pointer; font-size: 0.9rem; display: flex; align-items: center; gap: 8px; transition: 0.2s; color: #333;}
.gg-share-btn:hover { background: #e0e0e0; }

/* Subtle Pop-Up Toast */
.gg-toast { position: fixed; bottom: -100px; left: 50%; transform: translateX(-50%); background: #2e8b40; color: white; padding: 15px 30px; border-radius: 50px; font-weight: 900; font-size: 0.95rem; display: flex; align-items: center; gap: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 10000; pointer-events: none; letter-spacing: 1px;}
.gg-toast.show { bottom: 30px; }

/* Blocks */
.ggpost-container { max-width: 850px; margin: 0 auto 50px; padding: 0 5%; }
.gg-block-title { font-size: 2.2rem; font-weight: 900; color: var(--primary-color); margin: 40px 0 20px 0; text-transform: uppercase; line-height: 1.2; letter-spacing: 1px;}
.gg-block-paragraph { font-size: 1.15rem; color: #333; margin-bottom: 30px; white-space: pre-wrap; line-height: 1.9;}

/* Paragraph Link Parses - Hover Change */
.gg-block-paragraph a { color: var(--primary-color); font-weight: bold; text-decoration: none; transition: color 0.2s ease; }
.gg-block-paragraph a:hover { text-decoration: none; color: #1a5276; /* Darker blue on hover */ }

.gg-block-picture { width: 100%; height: auto; border-radius: 12px; margin: 40px auto; display: block; box-shadow: 0 5px 20px rgba(0,0,0,0.15); border: 1px solid #eaeaea; }
.gg-block-double-pic { display: flex; gap: 20px; margin: 40px 0; }
.gg-block-double-pic img { width: 50%; height: auto; object-fit: cover; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); border: 1px solid #eaeaea;}
.gg-block-video { width: 100%; margin: 40px auto; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.15); }
.gg-block-video video, .gg-block-video iframe { width: 100%; aspect-ratio: 16/9; display: block; border: none; }
.gg-block-buttons { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin: 50px 0; }
.gg-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--text-dark); color: var(--white) !important; padding: 18px 40px; text-decoration: none; border-radius: 8px; font-weight: 900; transition: 0.3s; letter-spacing: 2px; text-transform: uppercase; font-size: 1.1rem;}
.gg-btn:hover { background: #333; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
.gg-btn:first-child { background: var(--primary-color); }
.gg-btn:first-child:hover { background: #2980b9; }

/* SEO Footer Link */
.seo-list-link { text-align: center; margin-top: 60px; padding-top: 30px; border-top: 2px dashed #ddd; }
.seo-list-link a { color: #888; text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: 0.2s; display: inline-flex; align-items: center; gap: 8px; }
.seo-list-link a:hover { color: var(--primary-color); }

@media (max-width: 768px) {
    .blog-hero { height: 35vh; min-height: 280px; }
    .gg-block-double-pic { flex-direction: column; gap: 15px; }
    .gg-block-double-pic img { width: 100%; }
    .gg-btn { width: 100%; }
    .gg-top-bar { flex-direction: column; align-items: flex-start;}
    .gg-author-text { margin-left: 0; margin-top: 5px;}
}