/*
Theme Name: My Recovery Blog
Author: Bree Peterson
Version: 1.0
*/

/* Paste ALL your CSS below */


.sidebar {
    width:100%;
    max-width:300px;
    display:flex;
    flex-direction:column;
    gap:25px;
    font-family: Arial, sans-serif;
}

/* Only Recent Posts sticky */
.sticky-widget {
    top: 20px;
}

/* Widget titles */
.sidebar .widget h3 {
    font-size:18px;
    margin-bottom:12px;
    border-bottom:2px solid #CC5500;
    padding-bottom:5px;
    color:#222;
}

/* Lists for Recent Posts & Categories */
.sidebar ul {
    list-style:none;
    padding-left:0;
    margin:0;
}
.sidebar ul li {
    margin-bottom:8px;
}
.sidebar ul li a {
    color:#CC5500;
    text-decoration:none;
    transition:0.3s;
}
.sidebar ul li a:hover {
    text-decoration:underline;
}

/* Top 8 Essentials Cards */
.sidebar .top8-sidebar .sidebar-card {
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:12px;
    background:#fff;
    padding:8px;
    border-radius:8px;
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
    transition:0.3s;
}
.sidebar .top8-sidebar .sidebar-card img {
    width:50px;
    height:50px;
    object-fit:cover;
    border-radius:6px;
}
.sidebar .top8-sidebar .sidebar-card a {
    font-weight:bold;
    color:#CC5500;
    text-decoration:none;
}
.sidebar .top8-sidebar .sidebar-card:hover {
    transform:translateX(4px);
}

/* Button styling */
.sidebar .button {
    display:inline-block;
    width:100%;
    padding:10px 0;
    background:#CC5500;
    color:white;
    font-weight:bold;
    text-align:center;
    border-radius:6px;
    margin-top:10px;
    text-decoration:none;
    transition:0.3s;
}
.sidebar .button:hover {
    background:#e68a00;
}

/* Start Here CTA */
.sidebar .start-here {
    text-align:center;
    background:#fffae6;
    padding:15px;
    border-left:4px solid #CC5500;
    border-radius:8px;
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
}
.sidebar .start-here h3 {
    color:#222;
}
.sidebar .start-here p {
    font-size:14px;
    color:#555;
    margin:10px 0;
}

/* Mobile: disable sticky & stack sidebar */
@media(max-width:900px){
    .sticky-widget {
        top: auto;
    }
    .sidebar {
        max-width:100%;
        margin-top:20px;
    }
}


/* Sticky Recent Posts widget */
.sticky-widget {
    top: 20px;  /* distance from top */
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Heading style */
.sticky-widget h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #CC5500;
    border-bottom: 2px solid #CC5500;
    padding-bottom: 5px;
}

/* List style */
.sticky-widget ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.sticky-widget ul li {
    margin-bottom: 20px;
}

.sticky-widget ul li:last-child {
    margin-bottom: 0;
}

.sticky-widget ul li a {
    text-decoration: none;
    color: #222;
    font-weight: 500;
    transition: color 0.2s;
}

.sticky-widget ul li a:hover {
    color: #CC5500;
}



/* Mobile fallback */
@media(max-width:900px){
    .sticky-widget {
        top: auto;
        margin-bottom: 20px;
    }
}

.widget {margin-bottom:20px}
.post-header {padding:0}