/*
Theme Name: Web Login Guide
Theme URI: https://webloginguide.com/
Description: Child theme of Twenty Twenty-Five for Web Login Guide. Adds the site logo to the header of every page, the site footer and the site-wide styles.
Author: Web Login Guide
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: webloginguide
*/

:root{--wlg-ink:#14212B;--wlg-teal:#0B5E59;--wlg-teal-dark:#07423F;--wlg-amber:#E8B04B;--wlg-paper:#F6F3EC;--wlg-line:#E2DCCF;--wlg-muted:#3D4A55;--wlg-footer:#0E1820}
body{background:var(--wlg-paper)!important;color:var(--wlg-ink)}
body:not(.page-id-26):not(.home)::before{content:"Independent guide. Not affiliated with, or endorsed by, WhatsApp or Meta.";display:block;background:var(--wlg-ink);color:#E8E4DA;font-size:13px;line-height:1.4;text-align:center;padding:9px 16px}
/* Header + logo */
.wp-site-blocks>header{background:#fff;border-bottom:1px solid var(--wlg-line)}
.wp-site-blocks>header .wp-block-site-title a{display:block;width:230px;height:38px;font-size:0!important;line-height:0;color:transparent!important;text-decoration:none;background:url("/wp-content/uploads/2026/09/web-login-guide-logo.webp") left center/contain no-repeat}
@media (max-width:480px){.wp-site-blocks>header .wp-block-site-title a{width:190px;height:32px}}
.wp-site-blocks>header .wp-block-navigation-item__content{font-weight:600;color:var(--wlg-ink)}
.wp-site-blocks>header .wp-block-navigation-item__content:hover{color:var(--wlg-teal)}
.wp-site-blocks>header .wp-block-navigation__responsive-container-open{width:44px;height:44px;border:1px solid var(--wlg-line);border-radius:22px;display:flex;align-items:center;justify-content:center}
/* Type */
h1,h2,h3,.wp-block-post-title,.wp-block-query-title{font-family:Georgia,"Times New Roman",serif!important;color:var(--wlg-ink);letter-spacing:-0.01em}
main h1.wp-block-post-title,main .wp-block-query-title{font-size:clamp(2.1rem,4.5vw,3.4rem)!important;line-height:1.1;font-weight:700}
main .wp-block-post-content{font-size:1.08rem;line-height:1.72}
main .wp-block-post-content h2{font-size:clamp(1.55rem,3vw,2rem);margin-top:2.2em;line-height:1.2}
main .wp-block-post-content h3{font-size:1.3rem;margin-top:1.6em;font-family:inherit!important;font-weight:800}
main .wp-block-post-content a,main .wp-block-term-description a{color:var(--wlg-teal);text-underline-offset:3px;text-decoration-thickness:1px}
main .wp-block-post-content a:hover{color:var(--wlg-teal-dark)}
main .wp-block-post-content ol li,main .wp-block-post-content ul li{margin-bottom:.5em}
main .wp-block-post-content ol li::marker{color:var(--wlg-teal);font-weight:800}
main .wp-block-post-content strong{color:var(--wlg-ink)}
/* Opening "short answer" + date */
main .wp-block-post-content>p.has-small-font-size:first-child{display:inline-block;background:#fff;border:1px solid var(--wlg-line);border-radius:999px;padding:4px 14px;color:var(--wlg-muted)}
/* Images */
.wp-block-post-featured-image img{border-radius:20px;aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;border:1px solid var(--wlg-line)}
main .wp-block-post-content .wp-block-image img{border-radius:16px;border:1px solid var(--wlg-line)}
main .wp-block-post-content figcaption{color:#5B6772;font-size:.9rem;text-align:center}
/* Tables */
main .wp-block-table table{border-collapse:separate;border-spacing:0;border:1px solid var(--wlg-line);border-radius:14px;overflow:hidden;background:#fff;font-size:.98rem}
main .wp-block-table th{background:var(--wlg-ink);color:#fff;text-align:left;padding:12px 14px;border:0}
main .wp-block-table td{padding:12px 14px;border:0;border-top:1px solid var(--wlg-line)}
main .wp-block-table tr:nth-child(even) td{background:#FBF9F4}
/* Callouts, details, separators */
main .wp-block-post-content .wp-block-group.has-background{border-radius:14px}
main .wp-block-details{background:#fff;border:1px solid var(--wlg-line);border-radius:14px;padding:14px 18px;margin-bottom:10px}
main .wp-block-details summary{font-weight:800;cursor:pointer}
main .wp-block-post-content hr.wp-block-separator{border-color:var(--wlg-line);opacity:1}
/* Byline: show the real author, hide theme default */
.single-post main .wp-block-group:has(>.wp-block-post-author-name){display:none}
.single-post main h1.wp-block-post-title::after{content:"By Ankit Kumar \00B7  Technical Writer & Content Researcher";display:block;font:600 15px/1.4 Manrope,system-ui,sans-serif;color:#5B6772;letter-spacing:0;margin-top:16px}
/* No comments anywhere */
.wp-block-comments,.wp-block-post-comments-form{display:none!important}
/* Buttons */
.wp-element-button,.wp-block-button__link{min-height:48px}
/* Archive / query lists */
main .wp-block-post-template .wp-block-post-title a,main .wp-block-latest-posts a{color:var(--wlg-ink);text-decoration:none}
main .wp-block-post-template .wp-block-post-title a:hover{color:var(--wlg-teal)}
/* Site links strip (end of content) */
.wlg-sitelinks{background:#fff;border:1px solid var(--wlg-line);border-radius:20px}
.wlg-sitelinks a{color:var(--wlg-teal)!important;font-weight:600}
/* Footer */
.wp-site-blocks>footer{background:var(--wlg-footer);color:#C9CFD4}
.wp-site-blocks>footer .wp-block-navigation,.wp-site-blocks>footer .wp-block-site-tagline{display:none!important}
.wp-site-blocks>footer .wp-block-group.alignfull:has(>p.has-small-font-size){display:none!important}
.wp-site-blocks>footer .wp-block-site-title a{display:inline-flex;align-items:center;gap:12px;font-size:0!important;text-decoration:none}
.wp-site-blocks>footer .wp-block-site-title a::before{content:"";width:40px;height:40px;border-radius:12px;background:url("/wp-content/uploads/2026/09/web-login-guide-site-icon.webp") center/cover no-repeat}
.wp-site-blocks>footer .wp-block-site-title a::after{content:"Web Login Guide";font:700 24px/1 Georgia,serif;color:#fff}
.wp-site-blocks>footer .wp-block-site-title+*{display:none}
.wp-site-blocks>footer>.wp-block-group::after{content:"WhatsApp is a trademark of its owner, Meta. This website is an independent guide and is not affiliated with, endorsed by, or connected to WhatsApp or Meta.";display:block;max-width:1200px;margin:24px auto 0;padding:20px 24px 0;border-top:1px solid #26343F;font-size:13px;line-height:1.7;color:#9AA5AE}
@media (max-width:781px){main .wp-block-post-content{font-size:1.02rem}}
/* Real Site Logo block in header */
.wp-site-blocks>header .wp-block-site-logo{line-height:0}
.wp-site-blocks>header .wp-block-site-logo img{width:230px!important;height:auto!important;max-width:none}
@media (max-width:480px){.wp-site-blocks>header .wp-block-site-logo img{width:190px!important}}
.wp-site-blocks>footer .wp-block-site-logo{display:none!important}