/*
 Theme Name:   Strute Child
 Theme URI:    https://your-site.com
 Description:  Child theme for Strute
 Author:       RKT Brewery
 Template:     strute
 Version:      1.0
*/

/* =============================
   Custom CSS за страница Нашите бири
============================= */

/* Grid wrapper с 3 карти на ред + fallback на flexbox */
.beers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 карти на ред */
    gap: 30px;
    margin-top: 30px;

    /* Flexbox fallback */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

/* Карта на всяка бира */
.beer-card {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    transition: transform 0.2s;

    /* Flexbox fallback: 3 карти на ред */
    flex: 1 1 calc(33.333% - 20px);
    margin-bottom: 30px;
}

/* Hover ефект */
.beer-card:hover {
    transform: translateY(-5px);
}

/* Картинка */
.beer-card img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* Заглавие */
.beer-card h2 {
    margin: 10px 0 5px;
    font-size: 1.2rem;
}

/* Кратко описание / стил на бирата */
.beer-card p {
    font-size: 0.95rem;
    color: #555;
}

/* Бутон „Виж повече“ */
.beer-card .btn {
    display: inline-block;
    padding: 8px 16px;
    background: #f0a500;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 10px;
    transition: background 0.2s;
}

.beer-card .btn:hover {
    background: #d18e00;
}

/* =============================
   ПРЕМАХВАНЕ НА "Continue reading"
============================= */
.beer-card .more-link,
.beer-card a.more-link,
.beer-card .read-more,
.beer-card hr {
    display: none !important;
}

/* =============================
   Responsive grid
============================= */

/* Таблети (2 карти на ред) */
@media (max-width: 992px) {
    .beers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .beer-card {
        flex: 1 1 calc(50% - 20px);
    }
}

/* Телефони (1 карта на ред) */
@media (max-width: 600px) {
    .beers-grid {
        grid-template-columns: 1fr;
    }
    .beer-card {
        flex: 1 1 100%;
    }
}
/* =============================
   Черен фон за страницата "Нашите бири"
============================= */

.page-template-page-beers,
.page-template-page-beers #page,
.page-template-page-beers .site,
.page-template-page-beers .site-content,
.page-template-page-beers #content {
    background-color: #000 !important;
}

/* Центрирано и бяло заглавие */
.page-template-page-beers h1,
.page-template-page-beers .entry-title {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

/* Padding за съдържанието */
.page-template-page-beers .homepage-style {
    padding: 40px 20px;
}
/* =============================
   Strute – реалният wrapper FIX
============================= */

/* Основният вътрешен контейнер на страницата */
.page-template-page-beers .container,
.page-template-page-beers .wrap,
.page-template-page-beers .content-wrap,
.page-template-page-beers .inner,
.page-template-page-beers .entry-content,
.page-template-page-beers main {
    background-color: #000 !important;
}

/* За всеки случай – body */
.page-template-page-beers body {
    background-color: #000 !important;
}
/* =============================
   Single Beer Page Layout
============================= */

.single-beer-page {
    background: #000;
    padding: 60px 20px;
    color: #fff;
}

/* Горна част – 2 колони */
.beer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto 60px;
}

/* Снимка */
.beer-image img {
    width: 100%;
    border-radius: 12px;
}

/* Дясна част */
.beer-specs h1 {
    margin-bottom: 25px;
    font-size: 2rem;
}

/* Характеристики */
.spec-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.spec-list li {
    padding: 8px 0;
    border-bottom: 1px solid #333;
}

/* Описание */
.beer-description {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 1.05rem;
}

/* Responsive */
@media (max-width: 900px) {
    .beer-top {
        grid-template-columns: 1fr;
    }
}
/* =============================
   FIX: Бяло заглавие за single beer
============================= */

.single-beer-page h1,
.single-beer-page .entry-title {
    color: #fff !important;
}