/* Main Stylesheet - Deferred Loading */ /* Botrade Theme - Non-critical Styles */ /* Typography */ h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-sm);font-weight:700;line-height:1.3;color:var(--color-text)}h1{font-size:clamp(2rem,1.75rem+1.25vw,2.75rem)}h2{font-size:clamp(1.5rem,1.25rem+1vw,2rem)}h3{font-size:clamp(1.25rem,1.1rem+0.75vw,1.5rem)}h4{font-size:clamp(1.1rem,1rem+0.5vw,1.25rem)}h5{font-size:1rem}h6{font-size:.875rem}p{margin:0 0 var(--spacing-md)}a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--transition),text-decoration-color var(--transition)}a:hover,a:focus{color:var(--color-primary-dark);text-decoration:underline;text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}/* Links in content - ensure always distinguishable */ .entry-content a,p a,li a,td a{text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:3px}.entry-content a:hover,p a:hover,li a:hover,td a:hover{text-decoration-thickness:2px;text-decoration-color:var(--color-primary-dark)}/* Navigation links - no underline needed (context is clear) */ .main-navigation a,.footer-menu a,.breadcrumbs a,.post-card-title a,.category-badge,.read-more,.btn,.pagination a{text-decoration:none}.main-navigation a:hover,.footer-menu a:hover,.post-card-title a:hover{text-decoration:none;color:var(--color-primary)}/* Images */ img{max-width:100%;height:auto;display:block}figure{margin:0 0 var(--spacing-md)}figcaption{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-light)}/* Buttons */ .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover,.btn-primary:focus{background:var(--color-primary-dark);color:#fff;text-decoration:none}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover,.btn-secondary:focus{background:var(--color-primary);color:#fff;text-decoration:none}/* Posts Grid */ .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}/* Post Card */ .post-card{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px)}.post-card-thumbnail{aspect-ratio:16/9;overflow:hidden}.post-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.post-card:hover .post-card-thumbnail img{transform:scale(1.05)}.post-card-content{display:flex;flex-direction:column;flex:1;padding:var(--spacing-md)}.post-card-header{margin-bottom:var(--spacing-sm)}.category-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:rgba(37,99,235,0.1);border-radius:999px;margin-bottom:var(--spacing-sm)}.category-badge:hover{background:var(--color-primary);color:#fff;text-decoration:none}.post-card-title{margin:0 0 var(--spacing-xs);font-size:1.25rem}.post-card-title a{color:var(--color-text)}.post-card-title a:hover{color:var(--color-primary);text-decoration:none}.post-card-meta{font-size:.875rem;color:var(--color-text-light)}.post-card-excerpt{flex:1;color:var(--color-text-light);font-size:.9375rem}.post-card-footer{margin-top:var(--spacing-sm)}.read-more{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-primary)}.read-more:hover{gap:.75rem;text-decoration:none}.read-more svg{transition:transform var(--transition)}.read-more:hover svg{transform:translateX(4px)}/* Single Post */ .single-post .entry-header{margin-bottom:var(--spacing-lg)}.single-post .entry-title{margin-bottom:var(--spacing-md)}.entry-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-light)}.entry-meta span::after{content:'·';margin-left:var(--spacing-sm)}.entry-meta span:last-child::after{display:none}.entry-thumbnail{margin-bottom:var(--spacing-lg);border-radius:var(--radius);overflow:hidden}/* Entry Content */ .entry-content{max-width:65ch}.entry-content>*:first-child{margin-top:0}.entry-content>*:last-child{margin-bottom:0}.entry-content h2{margin-top:var(--spacing-xl)}.entry-content h3,.entry-content h4{margin-top:var(--spacing-lg)}.entry-content ul,.entry-content ol{margin:0 0 var(--spacing-md);padding-left:1.5rem}.entry-content li{margin-bottom:var(--spacing-xs)}.entry-content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-alt);border-left:4px solid var(--color-primary);font-style:italic}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--color-bg-alt);border-radius:var(--radius);overflow-x:auto;font-size:.875rem}.entry-content code{padding:.125rem .375rem;background:var(--color-bg-alt);border-radius:4px;font-size:.875em}.entry-content pre code{padding:0;background:none}.entry-content table{width:100%;margin:var(--spacing-md) 0;border-collapse:collapse}.entry-content th,.entry-content td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:left}.entry-content th{background:var(--color-bg-alt);font-weight:600}/* Entry Footer */ .entry-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.entry-footer span{display:block;margin-bottom:var(--spacing-sm)}.entry-footer a{color:var(--color-text-light)}.entry-footer a:hover{color:var(--color-primary)}/* Tags Links */ .tags-links a{display:inline-block;padding:.25rem .5rem;background:var(--color-bg-alt);border-radius:var(--radius);margin:.125rem;font-size:.875rem}.tags-links a:hover{background:var(--color-primary);color:#fff;text-decoration:none}/* Post Navigation */ .post-navigation{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.post-navigation .nav-previous,.post-navigation .nav-next{display:flex;flex-direction:column}.post-navigation .nav-next{text-align:right}.nav-subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.nav-title{font-weight:600;color:var(--color-text)}/* Breadcrumbs */ .breadcrumbs{margin-bottom:var(--spacing-md)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:0;padding:0;list-style:none;font-size:.875rem}.breadcrumbs li::after{content:'/';margin-left:var(--spacing-xs);color:var(--color-text-light)}.breadcrumbs li:last-child::after{display:none}.breadcrumbs a{color:var(--color-text-light)}.breadcrumbs a:hover{color:var(--color-primary)}/* Pagination */ .pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xl)}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-weight:500;text-decoration:none;transition:all var(--transition)}.pagination .page-numbers:hover,.pagination .page-numbers.current{background:var(--color-primary);border-color:var(--color-primary);color:#fff}/* Author Header */ .author-header{display:flex;align-items:center;gap:var(--spacing-md)}.author-avatar img{border-radius:50%}.author-bio{margin-top:var(--spacing-sm);color:var(--color-text-light)}/* Search Form */ .search-form{display:flex;max-width:400px}.search-form .search-field{flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem;border:1px solid var(--color-border);border-right:none;border-radius:var(--radius) 0 0 var(--radius)}.search-form .search-field:focus{outline:none;border-color:var(--color-primary)}.search-form .search-submit{padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;transition:background var(--transition)}.search-form .search-submit:hover{background:var(--color-primary-dark)}/* 404 Page */ .error-404{text-align:center;padding:var(--spacing-xl) 0}.error-404 .page-title{font-size:clamp(4rem,3rem+5vw,8rem);color:var(--color-border)}.error-actions{margin:var(--spacing-lg) 0}.error-search{margin-top:var(--spacing-lg)}.error-search .search-form{margin:var(--spacing-md) auto 0}/* No Results */ .no-results{text-align:center;padding:var(--spacing-xl) 0}/* Comments */ .comments-area{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.comments-title{margin-bottom:var(--spacing-lg)}.comment-list{margin:0;padding:0;list-style:none}.comment-list .comment{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.comment-body{display:grid;grid-template-columns:48px 1fr;gap:var(--spacing-md)}.comment-author img{border-radius:50%}.comment-meta{font-size:.875rem;margin-bottom:var(--spacing-sm)}.comment-meta .fn{font-weight:600;color:var(--color-text)}.comment-content{margin-top:var(--spacing-sm)}.comment-reply-title{margin-top:var(--spacing-lg)}.comment-form label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--color-primary)}.comment-form .form-submit{margin-top:var(--spacing-sm)}/* Footer */ .site-footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);margin-top:var(--spacing-xl)}.footer-inner{max-width:var(--container-max);margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-navigation{margin-bottom:var(--spacing-md)}.footer-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin:0;padding:0;list-style:none}.footer-menu a{color:var(--color-text-light);font-size:.875rem}.footer-menu a:hover{color:var(--color-primary)}.site-info{text-align:center;font-size:.875rem;color:var(--color-text-light)}.site-info p{margin:0}.site-info .sep{margin:0 .5rem}/* Widget */ .widget{margin-bottom:var(--spacing-lg)}.widget-title{font-size:1rem;margin-bottom:var(--spacing-sm)}.widget ul{margin:0;padding:0;list-style:none}.widget li{margin-bottom:var(--spacing-xs)}/* Gutenberg Blocks */ .wp-block-image{margin:var(--spacing-lg) 0}.wp-block-image.alignwide,.wp-block-image.alignfull{max-width:none}.wp-block-image figcaption{text-align:center}.alignwide{margin-left:calc(-25vw+50%);margin-right:calc(-25vw+50%);max-width:100vw;width:100vw}.alignfull{margin-left:calc(-50vw+50%);margin-right:calc(-50vw+50%);max-width:100vw;width:100vw}.aligncenter{text-align:center}.alignleft{float:left;margin-right:var(--spacing-md)}.alignright{float:right;margin-left:var(--spacing-md)}/* Page Links */ .page-links{margin-top:var(--spacing-lg);font-weight:600}.page-links .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-xs);background:var(--color-bg-alt);border-radius:var(--radius);margin:0 .25rem}/* Mobile Responsive */ @media (max-width:768px){.posts-grid{grid-template-columns:1fr}.post-navigation .nav-links{grid-template-columns:1fr}.post-navigation .nav-next{text-align:left}.author-header{flex-direction:column;text-align:center}.alignwide,.alignfull{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));width:calc(100%+var(--spacing-md) * 2);max-width:calc(100%+var(--spacing-md) * 2)}}@media (max-width:480px){.entry-meta{flex-direction:column;gap:var(--spacing-xs)}.entry-meta span::after{display:none}}