/*
Theme Name:  Robinson Welding & Fabrication
Theme URI:   https://robinsonweldingfabricationllc.com
Author:      Robinson Welding & Fabrication LLC
Author URI:  https://robinsonweldingfabricationllc.com
Description: Custom theme for Robinson Welding & Fabrication LLC — precision welding, custom fabrication, and steel building construction in Redfield, KS. Features Bootstrap 5, dark industrial design, GLightbox project gallery, WordPress Customizer integration, custom nav menus, widget areas, and a Projects custom post type.
Version:     1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       robinson-welding
Tags:              one-page, custom-menu, custom-logo, custom-background, threaded-comments, translation-ready, dark, full-width-template, bootstrap
*/

/*
 * All visual styles are loaded from assets/css/main.css via functions.php.
 * This file satisfies the WordPress stylesheet requirement and holds
 * only WordPress-specific overrides below.
 */

/* ── WordPress admin bar clearance ── */
body.admin-bar #mainNav { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar #mainNav { top: 46px; } }

/* ── WordPress alignment classes ── */
.alignleft  { float: left;  margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin: 0 auto 1rem; }

/* ── WordPress caption ── */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.8rem; color: #888; text-align: center; }

/* ── WordPress image classes ── */
img.alignleft, img.alignright, img.aligncenter { max-width: 100%; height: auto; }

/* ── Sticky post indicator ── */
.sticky .entry-title::before { content: "\f08d  "; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #B22222; }

/* ── Screen reader text ── */
.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
    height: 1px; margin: -1px; overflow: hidden; padding: 0;
    position: absolute; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
    background: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto !important; clip-path: none; color: #21759b;
    display: block; font-size: .875rem; font-weight: 700;
    height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px;
    text-decoration: none; top: 5px; width: auto; z-index: 100000;
}

/* ── Skip link ── */
.skip-link { position: absolute; top: -999px; left: -999px; z-index: 99999; }
.skip-link:focus { top: 5px; left: 5px; }

/* ── Blog/archive page layout ── */
.site-main { padding-top: 80px; min-height: 60vh; }
.site-main .container { padding-top: 2rem; padding-bottom: 3rem; }

/* ── Entry (post) styles ── */
.entry-header { margin-bottom: 1.5rem; }
.entry-title { font-family: 'Oswald', sans-serif; font-size: 2rem; color: #f0f0f0; }
.entry-title a { color: #f0f0f0; text-decoration: none; }
.entry-title a:hover { color: #D44444; }
.entry-meta { font-size: 0.82rem; color: #888; margin-bottom: 1rem; }
.entry-meta a { color: #aaa; }
.entry-content { color: #ccc; line-height: 1.8; }
.entry-content h1,.entry-content h2,.entry-content h3 { color: #f0f0f0; font-family:'Oswald',sans-serif; }
.entry-content a { color: #D44444; }
.entry-content p, .entry-content li { margin-bottom: 1rem; }
.entry-footer { font-size: 0.82rem; color: #888; border-top: 1px solid #2a2a2a; padding-top: 1rem; margin-top: 1.5rem; }
.entry-footer a { color: #aaa; }

/* ── Pagination ── */
.navigation { margin: 2rem 0; }
.nav-links { display: flex; gap: 0.5rem; justify-content: center; }
.nav-links a, .nav-links span {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border: 1px solid #2a2a2a;
    background: #1a1a1a; color: #ccc; text-decoration: none;
    border-radius: 3px; font-size: 0.85rem; transition: all 0.2s;
}
.nav-links .current, .nav-links a:hover { background: #B22222; border-color: #B22222; color: #fff; }

/* ── Comments ── */
.comments-area { padding: 2rem 0; }
.comment-list { list-style: none; padding: 0; }
.comment { padding: 1rem 0; border-bottom: 1px solid #2a2a2a; }
.comment-meta { font-size: 0.82rem; color: #888; margin-bottom: 0.5rem; }
.comment-content { color: #ccc; }
.comment-reply-link { font-size: 0.8rem; color: #D44444; }
#respond { margin-top: 2rem; }
#respond h3 { font-family: 'Oswald', sans-serif; color: #f0f0f0; }
.comment-form label { color: #ccc; font-size: 0.85rem; }
.comment-form input, .comment-form textarea {
    background: #1a1a1a; border: 1px solid #2a2a2a; color: #f0f0f0;
    border-radius: 3px; padding: 0.5rem 0.75rem; width: 100%;
    transition: border-color 0.2s;
}
.comment-form input:focus, .comment-form textarea:focus { border-color: #B22222; outline: none; }
.comment-form .submit {
    background: #B22222; color: #fff; border: none; border-radius: 3px;
    padding: 0.6rem 1.5rem; font-family: 'Oswald', sans-serif;
    font-size: 0.85rem; letter-spacing: 1px; text-transform: uppercase;
    cursor: pointer; transition: background 0.2s;
}
.comment-form .submit:hover { background: #D44444; }

/* ── Search form ── */
.search-form { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; }
.search-field {
    flex: 1; background: #1a1a1a; border: 1px solid #2a2a2a; color: #f0f0f0;
    border-radius: 3px; padding: 0.5rem 0.75rem;
}
.search-field:focus { border-color: #B22222; outline: none; }
.search-submit {
    background: #B22222; color: #fff; border: none; border-radius: 3px;
    padding: 0.5rem 1rem; cursor: pointer; transition: background 0.2s;
}
.search-submit:hover { background: #D44444; }

/* ── Widgets ── */
.widget { margin-bottom: 2rem; }
.widget-title { font-family: 'Oswald', sans-serif; font-size: 1rem; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-left: 3px solid #B22222; padding-left: 0.75rem; margin-bottom: 1rem; }
.widget ul { list-style: none; padding: 0; }
.widget ul li { padding: 0.3rem 0; border-bottom: 1px solid #2a2a2a; font-size: 0.88rem; }
.widget ul li a { color: #ccc; text-decoration: none; }
.widget ul li a:hover { color: #D44444; }

/* ── 404 page ── */
.error-404 .search-form { max-width: 500px; margin: 2rem auto; }

/* ── Gutenberg block styles ── */
.wp-block-quote { border-left: 3px solid #B22222; padding-left: 1.25rem; color: #ccc; }
.wp-block-code { background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 3px; padding: 1rem; color: #f0f0f0; }
.wp-block-button__link { border-radius: 3px; }

/* ── Sidebar layout for inner pages ── */
.has-sidebar .content-area { flex: 1; }
.widget-area { width: 280px; flex-shrink: 0; }
@media (max-width: 991px) { .has-sidebar { flex-direction: column; } .widget-area { width: 100%; } }