/*
Theme Name: Monica
Theme URI: https://www.monicagalasso.it
Author: Marco Perugini
Author URI: https://marcoperugini.com
Description: Tema istituzionale per Studio Legale Avv. Monica Galasso.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monica
*/

/* Reset e Base */
body { 
    font-family: 'Lato', sans-serif; 
    color: #333;
    /* Padding top gestito via JS o CSS specifico se navbar è fixed */
}

h1, h2, h3, .logo, .font-serif { 
    font-family: 'Merriweather', serif; 
}

/* Navbar */
.navbar-brand.logo {
    font-size: 1.5rem;
    color: #2c3e50 !important;
}

/* Hero Section */
.hero {
    padding: 8rem 0;
    color: white;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.hero h1 {
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
}

.hero p {
    font-size: 1.25rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Page Header (Interne) */
.page-header {
    background-color: #f8f9fa;
    padding: 4rem 0;
    border-bottom: 1px solid #dee2e6;
    margin-top: 76px; /* Compensazione Navbar Fixed */
}

/* About Section */
.about-section { 
    background: #f8f9fa; 
}

.about-image {
    width: 225px;
    height: 225px;
    object-fit: cover;
    object-position: 50% 10%;
}

/* Cards */
.card-custom {
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.card-custom:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Sidebar */
.sidebar .card {
    border: 1px solid #ddd;
}

/* Footer */
footer {
    background: #2c3e50;
    color: #fff;
}

footer a { 
    color: #fff; 
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
    color: #ddd;
}

/* Buttons */
.btn-primary {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.btn-primary:hover {
    background-color: #34495e;
    border-color: #34495e;
}

/* WordPress Core Alignments */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
img { max-width: 100%; height: auto; }