/*
Theme Name: Italty Blog
Description: A WordPress blog theme based on Italty website design
Version: 1.0
Author: Italty
*/

@font-face {
    font-family: "Mediamoure regular italic";
    src: url(./fonts/Mediamoure-RegularItalic.ttf);
    font-display: swap;
}

@font-face {
    font-family: "MFEK sans";
    src: url(./fonts/MFEK-Sans[TRMA,wght,wdth].ttf);
    font-display: swap;
}

/* Base Styles */
html, body {
    font-family: "MFEK sans", Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-variation-settings: "wdth" 90;
    background-color: #d2c1a7;
    color: #312624;
}

body {
    padding-top: 9em; /* prevent navbar from covering body */
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-variation-settings: "wdth" 100;
    color: #312624;
}

p, a, span {
    color: #312624;
}

button {
  border-radius: 2em !important;
}

.navbar {
  border-radius: 2em;
  background-color: #747a56a8; /* olive green with some transparency */
  -webkit-backdrop-filter: blur(10px); /* Add this line first, it fixes blur for Safari*/
  backdrop-filter: blur(10px);
}

.nav-link {
  border-radius: 2em;
  font-weight: 650;
  font-variation-settings: "wdth" 80;
}

/*.nav-link #blog {
    color: #9a4c3bff;
}*/

.nav-link:hover {
  background-color: #d2c1a787;
}

.dropdown-menu {
  border-radius: 2em !important;
  background-color: #888c73;
}

.dropdown-item {
  border-radius: 2em !important;
  --bs-dropdown-link-active-bg: #e4d2b854;
  font-weight: 650;
  font-variation-settings: "wdth" 80;
}

.dropdown-item:hover {
  background-color: #e4d2b854;
}

/* Blog Posts */
.post {
    background-color: #fbf0df;
    border-radius: 2em;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.post-title {
    color: #ad512f;
    margin-bottom: 1rem;
}

.post-title a {
    color: #ad512f;
}

.post-title a:hover {
    color: #312624;
}

.post-meta {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    font-style: italic;
}

.post-content {
    line-height: 1.6;
    margin-bottom: 1rem;
}

.read-more {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    background-color: #ad512f;
    color: white;
    border-radius: 2em;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.read-more:hover {
    background-color: #312624;
    color: white;
    text-decoration: none;
}

/* Sidebar */
.sidebar {
    background-color: #fbf0df;
    border-radius: 2em;
    padding: 2rem;
    margin-bottom: 2rem;
}

.sidebar h3 {
    color: #ad512f;
    margin-bottom: 1rem;
}

.sidebar ul {
    list-style: none;
    padding: 0;
}

.sidebar li {
    margin-bottom: 0.5rem;
}

.sidebar a {
    color: #312624;
    padding: 0.25rem 0;
    display: block;
}

.sidebar a:hover {
    color: #ad512f;
}

/* Footer */
#footer {
  background-color: #b3a694; /* cold light brown */
}

/* Forms */
.search-form {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.search-form input {
    flex: 1;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 1em;
    font-family: inherit;
}

.search-form button {
    padding: 0.5rem 1rem;
    background-color: #ad512f;
    color: white;
    border: none;
    border-radius: 1em;
    cursor: pointer;
    font-family: inherit;
}

.search-form button:hover {
    background-color: #312624;
}

/* Comments */
.comments-area {
    background-color: #fbf0df;
    border-radius: 2em;
    padding: 2rem;
    margin-top: 2rem;
}

.comment {
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.comment:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

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

.comment-content {
    line-height: 1.6;
}

/* Comment submission form */
.form-submit input {
    padding: 0.5rem 1rem;
    background-color: #ad512f;
    color: white;
    border: none;
    border-radius: 1em;
    cursor: pointer;
    font-family: inherit;
}

.form-submit input:hover {
    background-color: #312624;
}

#comment {
    height: 10em;
}

#wp-comment-cookies-consent:checked {
  background-color: #717755 !important;
  border-color: #717755 !important;
}

.form-check-input:focus {
  border-color: #717755;
  box-shadow: 0 0 10px #717755;
}

.form-control:focus {
  border-color: #717755;
  box-shadow: 0 0 10px #717755;
}

/* Pagination */
.pagination-btn-group .btn {
    --bs-btn-bg: white;
    --bs-btn-hover-bg: #b76242;
    --bs-btn-color: black;
    --bs-btn-border-color: #d48061;
    --bs-btn-hover-border-color: #b76242;
    --bs-btn-active-bg: #ad512f;
    --bs-btn-active-border-color: #ad512f;
}

/* Single Post */
.single-post {
    background-color: #fbf0df;
    border-radius: 2em;
    padding: 2rem;
}

.single-post .post-title {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.single-post .post-content {
    font-size: 1.1rem;
    line-height: 1.7;
}

/* Archive Pages */
.archive-header {
    background-color: #fbf0df;
    border-radius: 2em;
    padding: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.archive-title {
    color: #ad512f;
    margin-bottom: 0.5rem;
}

.archive-description {
    color: #666;
    font-style: italic;
}