/* slubzbajki.pl — Portal weselny — Style based on Joomla 2020 theme */

/* === Base === */
body {
    font-family: 'PT Sans', sans-serif;
    background: #fff;
    color: #6f6f6f;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

a { text-decoration: none; color: #dbb3b3; }
a:hover { color: #448c81; }

h1 {
    font-weight: normal;
    font-family: 'PT Sans', cursive;
    line-height: 1.2em;
    color: #448c81;
    font-size: 1.8em;
    margin-bottom: 15px;
}

h2 {
    font-size: 1.3em;
    font-family: 'PT Sans', cursive;
    padding: 15px 0;
}
h2 a { text-decoration: none; color: #448c81; }
h2 a:hover { color: #dbb3b3; }

h3 {
    font-size: 1.1em;
    font-family: 'PT Sans', cursive;
    font-weight: normal;
    padding: 5px 0;
}

p { margin: 10px 0 5px 0; }

img { max-width: 100%; height: auto; }

/* === Header === */
#logo {
    width: 155px;
    height: 80px;
    float: left;
    display: block;
    position: relative;
    margin-left: 20px;
    margin-top: -25px;
}

#social-ikony { text-align: right; padding: 10px; }

/* === Hamburger Menu === */
#menu-burger {
    display: block;
    position: relative;
    top: 20px;
    left: 20px;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    width: 50px;
}

#menu-burger a { text-decoration: none; color: #232323; transition: color 0.3s ease; }
#menu-burger a:hover { color: #448c81; }

#menu-burger input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

#menu-burger span {
    display: block;
    width: 40px;
    height: 5px;
    margin-bottom: 5px;
    position: relative;
    background: #dbb3b3;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
}

#menu-burger span:first-child { transform-origin: 0% 0%; }
#menu-burger span:nth-last-child(2) { transform-origin: 0% 100%; }

#menu-burger input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #448c81;
}
#menu-burger input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}
#menu-burger input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

#top-burg {
    font-family: 'PT Sans', sans-serif;
    position: absolute;
    width: 300px;
    margin: -100px 0 0 -50px;
    padding: 20px;
    padding-top: 125px;
    padding-left: 30px;
    background: #fdf6f6;
    opacity: 0.95;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-600%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    z-index: 5;
}
#top-burg li { padding: 10px 0; font-size: 18px; }
#top-burg li a { color: #448c81; }
#top-burg li a:hover { color: #dbb3b3; }

#top-burg .nav-child { list-style: none; padding-left: 15px; }
#top-burg .nav-child li { font-size: 15px; padding: 5px 0; }

#menu-burger input:checked ~ ul { transform: none; }

/* === Breadcrumb === */
#breadcrumb { padding-bottom: 20px; }
#breadcrumb ul { list-style: none; padding: 0; margin: 0; }
#breadcrumb ul li { float: left; font-size: 0.9em; color: #999; }
#breadcrumb ul li a { padding: 7px; color: #448c81; }

/* === Content === */
#tresc { clear: both; }
#tresc .page-header h1 { padding-bottom: 20px; }

.item-page { margin-bottom: 30px; }

[itemprop="articleBody"] {
    line-height: 1.8;
    font-size: 1.05em;
}
[itemprop="articleBody"] p { margin: 10px 0; }

/* === Blog/Category listing === */
.items-leading h2 { font-size: 1.4em; }
#tresc h2 a { font-weight: normal; }
#tresc h2 { font-weight: normal; }

.item {
    border: 1px solid #dbb3b3;
    margin: 5px;
    padding: 5px;
    background: #fff;
    border-radius: 6px;
}
.item h2 { font-size: 1.3em; }

.readmore {
    margin: 10px;
    text-align: right;
    font-family: 'PT Sans', cursive;
    clear: both;
}

.article-info-term { display: none; }

.leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5 {
    border: 1px solid #dbb3b3;
    margin: 5px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    clear: both;
    display: block;
}

.pull-left.item-image { float: left; }
.item-image { padding: 10px; }
.blog p { margin: 10px; }

/* === Article details === */
.published { text-align: right; color: #999; padding-bottom: 10px; }
.tags { text-align: right; padding-bottom: 10px; }
.label-info:before { content: "#"; }
.prev { text-align: left; }
.next { text-align: right; }
.line-bottom { border-bottom: 1px solid #dbb3b3; }

/* === Announcements === */
.announcement-list { margin: 20px 0; }

.cat-children h3.page-header {
    font-size: 1.2em;
    padding: 10px 0;
}
.cat-children h3 a { color: #448c81; }
.cat-children h3 a:hover { color: #dbb3b3; }

/* Announcement detail images */
.announcement-gallery img {
    margin: 5px;
    border-radius: 4px;
}

/* === Offer blocks (announcement categories on sidebar) === */
div.offer-block { width: 288px; float: left; margin: 10px 4px 2px 3px; }
div.offer-block > a > img { width: 280px; height: 100px; }
div.offer-block > a > h2 { font-size: 1.3em; margin-top: -2px; color: #448c81; }
div.offer-block > p { height: 105px; width: 290px; margin: 0; padding: 5px; }
.oferta-foot-header { display: none !important; }
.offer-phone {
    font-size: 150%;
    border: 1px solid #d9d06e;
    margin: 5px;
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    font-family: 'PT Sans', cursive;
}

/* === Category icons (wedding categories grid) === */
.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}

/* === Footer === */
#foot {
    padding: 20px 15px;
    text-align: center;
    color: #999;
    font-size: 0.9em;
    clear: both;
    border-top: 1px solid #dbb3b3;
    margin-top: 30px;
}
#foot a { color: #448c81; }
#foot a:hover { color: #dbb3b3; }

/* === Pagination === */
div.pagination { clear: both; text-align: center; margin: 15px 0; }
div.pagination p.counter { font-style: italic; margin-bottom: 10px; }
div.pagination ul { list-style: none; padding: 0; }
div.pagination ul li { display: inline; padding: 3px 5px; margin: 0 5px; }
div.pagination a { font-weight: bold; color: #000; }

/* === Utility === */
.element-invisible { display: none; visibility: hidden; }
.hide { display: none; }
.hide-mobile { }
.clearfix:after { content: ""; display: table; clear: both; }

/* === Responsive === */
@media (max-width: 768px) {
    .container { width: 95%; padding: 0 10px; }
    #logo { margin-left: 20px; }
    .four.columns, .nine.columns, .sixteen.columns {
        width: 100%;
        float: none;
        margin: 0;
    }
    #top-burg { width: 250px; }
    div.offer-block { width: 100%; }
    div.offer-block > a > img { width: 100%; height: auto; }
    div.offer-block > p { width: 100%; height: auto; }
    .hide-mobile { display: none; }
}

@media (max-width: 480px) {
    h1 { font-size: 1.4em; }
    h2 { font-size: 1.1em; }
    #top-burg li { font-size: 16px; }
}