/*
Theme Name: JeradCooks
Theme URI: https://jeradcooks.com
Author: Jerad Shepherd
Description: A clean, modern Bootstrap 5 theme for recipe sharing with classic editor support
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jeradcooks
*/

/* Theme uses Bootstrap 5 for styling */
/* Additional custom styles can be added below */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Global link styles */
a {
    color: #f09a46;
    text-decoration: underline;
    transition: all 0.3s ease;
}

a:hover,
a:focus {
    color: #d6893a;
    text-decoration: none;
}

a:visited {
    color: #f09a46;
}

/* Bootstrap navigation links */
.nav-link,
.navbar-nav .nav-link {
    color: #f09a46 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.nav-link:hover,
.nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #d6893a !important;
    text-decoration: none !important;
}

/* Category and tag links */
.cat-links a,
.tags a,
.entry-footer a {
    color: #f09a46;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.cat-links a:hover,
.cat-links a:focus,
.tags a:hover,
.tags a:focus,
.entry-footer a:hover,
.entry-footer a:focus {
    color: #d6893a;
    text-decoration: none;
}

.site-header {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}

.site-footer {
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    margin-top: 4rem;
}

/* Recipe specific styles */
.recipe-ingredients,
.recipe-method {
    margin-bottom: 2rem;
}

.recipe-ingredients__heading,
.recipe-method__heading {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    color: #333;
}

.recipe-method__subheading {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #555;
}

.recipe-ingredients__list {
    list-style: disc;
    padding-left: 1.5rem;
}

.recipe-method__steps {
    padding-left: 1.5rem;
}

.recipe-method__step {
    margin-bottom: 0.75rem;
}

/* Post meta */
.post-meta {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.post-meta a {
    color: #f09a46;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.post-meta a:hover {
    color: #d6893a;
    text-decoration: none;
}

/* Featured image */
.post-thumbnail {
    margin-bottom: 2rem;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Navigation */
.navbar-brand {
    font-size: 1.5rem;
    font-weight: 600;
}

/* Comments */
.comment-list {
    list-style: none;
    padding-left: 0;
}

.comment {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.comment-author {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.comment-meta {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 0.5rem;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin-top: 0;
}

h3 {
    font-size: 1.5rem;
}

.btn,
.btn a,
a.btn {
    background: #f09a46;
    color: #ffffff !important;
    display: inline-block;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.btn:hover,
.btn:focus,
.btn a:hover,
.btn a:focus,
a.btn:hover,
a.btn:focus {
    color: #ffffff !important;
    background: #d6893a;
    text-decoration: none !important;
}

div#recipe-list-container {
    margin-left: auto;
    margin-right: auto;
}

.recipe-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
}

.recipe-list li {
    background: #ffffff;
    border-bottom: 0 none;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding: 15px;
}

.recipe-list li .btn {
    margin-top: auto;
}

.recipe-list h3 a,
.recipe-list a {
    color: #f09a46;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.recipe-list h3 a:hover,
.recipe-list h3 a:focus,
.recipe-list a:hover,
.recipe-list a:focus {
    color: #d6893a;
    text-decoration: none;
}

.recipe-method,
.recipe-ingredients {
    
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
    }
}

.recipe-ingredients__list,
.recipe-method__steps {
    font-size: 20px;
}

/* Hide post navigation */
.post-navigation,
.nav-links,
.wp-block-post-navigation-link {
    display: none !important;
}