/*
 Theme Name:   GeneratePress Child Extended
 Theme URI:    https://generatepress.com
 Description:  Child theme with custom templates and styling
 Author:       ChatGPT
 Template:     generatepress
 Version:      1.1.0
*/

/* Import parent theme styles */
@import url("../generatepress/style.css");

/* ----------------------------
   General Layout & Body
---------------------------- */
body {
    background-color: #f0f4ff;
    font-family: 'Arial', sans-serif;
    color: #222;
}

/* ----------------------------
   Typography & Headings
---------------------------- */
h1, h2, h3, h4 {
    color: #004080;
}

a {
    color: #e91e63;
    text-decoration: none;
}

a:hover {
    color: #c2185b;
}

/* ----------------------------
   Model Profile Styling
---------------------------- */
.model-profile {
    background: #fff;
    border: 2px solid #e91e63;
    padding: 20px;
    margin: 20px 0;
    border-radius: 12px;
}

.model-profile h2 {
    color: #004080;
}

.model-profile img {
    max-width: 100%;
    border-radius: 10px;
}

/* ----------------------------
   Dashboard Layout
---------------------------- */
.dashboard {
    padding: 2em;
}

.dashboard__section {
    margin-bottom: 2em;
}

.dashboard__section-title {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

.dashboard__favorites-list {
    list-style: none;
    padding-left: 0;
}

.dashboard__favorite-item {
    margin-bottom: 0.3em;
}

/* ----------------------------
   Footer Styling
---------------------------- */
.custom-footer,
.site-footer {
    background: #1a1a1a;
    color: #ccc;
}

.footer-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-column {
    min-width: 200px;
    margin-bottom: 30px;
}

.footer-column h3 {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column li {
    margin: 8px 0;
}

.footer-column a,
.custom-footer a,
.site-footer a {
    color: #ccc;
    text-decoration: none;
}

.footer-column a:hover,
.custom-footer a:hover,
.site-footer a:hover {
    color: #ff99cc;
}

.footer-columns i {
    margin-right: 8px;
}

/* ----------------------------
   Responsive Tweaks
---------------------------- */
@media (max-width: 768px) {
    .footer-columns {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-column {
        min-width: 100%;
        margin-bottom: 20px;
    }
}