/*
Theme Name: Drushlyakov Dark Theme
*/


* {
    box-sizing:border-box;
}


html, body {
    margin:0;
    padding:0;
}


body {

    background:#050505;

    color:#eee6d8;

    font-family:Georgia,"Times New Roman",serif;

    line-height:1.7;

}



a {

    color:#eee6d8;

    text-decoration:none;

    transition:.3s ease;

}


a:hover {

    color:#c9954b;

}



/* =====================
   HERO / ГЛАВНАЯ
===================== */


.hero {

    position:relative;

    width:100%;

    overflow:hidden;

}


.hero-image {

    width:100%;

    display:block;

}



.hero-logo-link {

    position:absolute;

    top:20px;

    left:30px;

    width:300px;

    height:80px;

    z-index:10;

}



.hero-nav a {

    position:absolute;

    display:block;

    z-index:20;

}



/* невидимые кнопки меню */


.hit-home {

    left:44%;

    top:30px;

    width:100px;

    height:45px;

}



.hit-poems {

    left:54%;

    top:30px;

    width:90px;

    height:45px;

}



.hit-favorites {

    left:61%;

    top:30px;

    width:120px;

    height:45px;

}



.hit-archive {

    left:71%;

    top:30px;

    width:90px;

    height:45px;

}



.hit-photo {

    left:78%;

    top:30px;

    width:80px;

    height:45px;

}



.hit-about {

    left:84%;

    top:30px;

    width:110px;

    height:45px;

}



.hit-contacts {

    left:91%;

    top:30px;

    width:110px;

    height:45px;

}




/* =====================
   СТРАНИЦЫ
===================== */


.inner-page {

    padding:35px 5% 70px;

}



.inner-top {

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-bottom:1px solid #332717;

    padding-bottom:20px;

    margin-bottom:40px;

}



.inner-brand {

    color:#c9954b;

    font-size:32px;

    font-style:italic;

}



.inner-menu {

    display:flex;

    gap:25px;

}


.inner-menu a {

    font-size:18px;

}




h1,
h2,
.poem-title {

    color:#c9954b;

    font-weight:normal;

}




/* =====================
   КАРТОЧКИ СТИХОВ
===================== */


.cards {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}



.card {

    background:#090909;

    border:1px solid #332717;

    padding:25px;

    min-height:150px;

    transition:.3s ease;

}



.card:hover {

    transform:translateY(-5px);

    border-color:#c9954b;

}



.card-title a {

    font-size:21px;

}



.card-date {

    margin-top:12px;

    color:#a88a5a;

}




/* =====================
   АРХИВ
===================== */


.archive-list {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}



.archive-item {

    background:#090909;

    border:1px solid #332717;

    padding:25px;

    min-height:120px;

}



.archive-item:hover {

    border-color:#c9954b;

}




/* =====================
   СТИХ
===================== */


.poem-single {

    max-width:1100px;

}



.back-link {

    display:inline-block;

    margin-bottom:30px;

    color:#c9954b;

}



.poem-title {

    font-size:44px;

    margin-bottom:15px;

}



.poem-date {

    color:#a88a5a;

    font-size:18px;

    margin-bottom:25px;

}




.poem-image {

    margin-bottom:45px;

}



.poem-image img {

    width:100%;

    max-width:1000px;

    height:auto;

    display:block;

}




.poem-content {

    max-width:800px;

    margin-top:30px;

}



.poem-content,
.poem-content p,
.poem-content pre,
.wp-block-preformatted {


    font-family:Georgia,"Times New Roman",serif !important;


    font-size:21px !important;


    line-height:1.9 !important;


    color:#eee6d8 !important;


    background:transparent !important;


    border:0 !important;


    white-space:pre-wrap !important;


    padding:0 !important;


}



.poem-content p {

    margin:0 0 25px 0 !important;

}




/* =====================
   FOOTER
===================== */


.site-footer {

    border-top:1px solid #332717;

    padding:30px 5%;

}





/* =====================
   МОБИЛЬНАЯ ВЕРСИЯ
===================== */


@media(max-width:1000px){


.cards,
.archive-list {

    grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:700px){


.cards,
.archive-list {

    grid-template-columns:1fr;

}


.inner-top {

    flex-direction:column;

    align-items:flex-start;

}



.inner-menu {

    flex-wrap:wrap;

}



.poem-title {

    font-size:32px;

}



.poem-content,
.poem-content p,
.poem-content pre,
.wp-block-preformatted {

    font-size:18px !important;

}


}
/* =====================
   ЦЕНТРИРОВАНИЕ FOOTER
===================== */

.site-footer {
    text-align:center;
}