/*
Theme Name:   Rozany Zakatek Clean
Theme URI:    https://example.com/rozanyzakatek
Description:  Minimal style – jasna belka logo, jedno menu, hero 100 px.
Author:       Aneta Sordyl
Version:      1.3
*/

/* ———  GOOGLE FONTS  ——— */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Open+Sans:wght@400;600&display=swap");

/* ———  RESET / BAZA  ——— */
*{box-sizing:border-box;margin:0;padding:0}
body{
    background:#F9E6E4;
    color:#5A4236;
    font-family:'Open Sans',sans-serif;
    line-height:1.6;
}

/* ———  TYPOGRAFIA ——— */
h1,h2,h3,h4,h5,h6{
    font-family:'Playfair Display',serif;
    margin:0 0 .6em;
    line-height:1.2;
}
p{margin:0 0 1.2em}
ul,ol{margin:0 0 1.2em 1.6em}
li{margin:.3em 0}

/* ———  TOP BAR  ——— */
.top-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#F9E6E4;
    padding:10px 40px;
    position:relative;
    z-index:100;
}
.site-logo img{max-width:120px;height:auto;display:block}

/* ———  MENU  ——— */
.main-nav .menu{list-style:none;display:flex;gap:44px;margin:0}
.main-nav .menu a{
    color:#5A4236;
    font-weight:600;
    text-decoration:none;
    padding:14px 0;
    display:block;
    transition:.3s;
}
.main-nav .menu a:hover{color:#9E7E7E}

/* ———  HERO 100 px  ——— */
.hero{
    position:relative;
    width:100%;
    height:100px;                                        /* ← ustalona wysokość */
    background:url('images/banners/main_banner.png') center/cover no-repeat;
}

/* ———  GŁÓWNY KONTENER  ——— */
.content{max-width:1200px;margin:0 auto;padding:80px 20px}

/* ———  KARTY  ——— */
.card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.card>*:last-child{margin-bottom:0}

/* ———  PRZYCISKI  ——— */
button,.elementor-button{
    background:#9E7E7E;
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:30px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}
button:hover,.elementor-button:hover{background:#5A4236}

/* ———  STOPKA  ——— */
.site-footer{
    background:#5A4236;
    color:#fff;
    text-align:center;
    padding:30px 0;
}
.social-icons{margin-bottom:12px}
.social-icons a{
    color:#fff;
    margin:0 12px;
    font-size:26px;
    transition:.2s;
}
.social-icons a:hover{color:#FFC8C0}

/* ———  RESPONSYWNOŚĆ  ——— */
@media (max-width:768px){
    .top-bar{flex-direction:column;gap:12px;padding:20px}
    .site-logo img{max-width:100px}
    .main-nav .menu{flex-direction:column;align-items:center;gap:20px}
    .content{padding:60px 20px}
}