/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.wd-post-meta {
    display: none !important;
}

.wd-page-title-bg, .wd-footer { 
    background: #453750 !important; 
    background: linear-gradient(90deg,rgba(69, 55, 80, 1) 0%, rgba(225, 122, 178, 1) 100%) !important;
}

.wd-page-title-bg img {
    display: none !important;
}

/* Styl dla linków menu z podwójną ramką */
.wd-header-main-nav .woodmart-nav-link {
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Czarna ramka (wewnętrzna) */
.wd-header-main-nav .woodmart-nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #000;
    transition: all 0.3s ease;
}


/* Różowa ramka (zewnętrzna) */
.wd-header-main-nav .woodmart-nav-link::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid #E91E84;
    transition: all 0.3s ease;
}

.wd-sub-menu .woodmart-nav-link::before, .wd-sub-menu .woodmart-nav-link::after {
    position: relative;
    border:none;
}

/* Tekst na wierzchu */
.wd-header-main-nav .nav-link-text {
    position: relative;
    z-index: 1;
}

/* Efekt hover */
.wd-header-main-nav .woodmart-nav-link:hover::before {
    top: -2px;
    left: -2px;
}

.wd-header-main-nav .woodmart-nav-link:hover::after {
    top: -7px;
    left: -7px;
    right: 7px;
    bottom: 7px;
}

/* Opcjonalnie - dodatkowy odstęp między elementami menu */
.wd-header-main-nav .menu-item {
    margin: 0 1px;
}


/* na przycisk */
/* Styl dla przycisku z podwójną ramką */
.btn-color-primary.btn-style-default {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    text-decoration: none;
    background: transparent !important;
    transition: all 0.3s ease;
    border: none !important;
    border-radius: 0 !important;
    color:#000;
}

/* Czarna ramka (wewnętrzna) */
.btn-color-primary.btn-style-default::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #000;
    border-radius: 0px; /* dla btn-shape-semi-round */
    transition: all 0.3s ease;
}

/* Różowa ramka (zewnętrzna) */
.btn-color-primary.btn-style-default::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: 6px;
    bottom: 6px;
    border: 3px solid #E91E84;
    border-radius: 0px; /* dla btn-shape-semi-round */
    transition: all 0.3s ease;
}

/* Tekst na wierzchu */
.btn-color-primary.btn-style-default span {
    position: relative;
    z-index: 1;
}

/* Efekt hover */
.btn-color-primary.btn-style-default:hover::before {
    top: -3px;
    left: -3px;
}

.btn-color-primary.btn-style-default:hover::after {
    top: -9px;
    left: -9px;
    right: 9px;
    bottom: 9px;
}

.btn-color-primary.btn-style-default:hover {
    background: transparent !important;
}

/* Dodaj pseudo-element z napisem dla projektów zrealizowanych */
article[class*="tag-projekt-zrealizowany"] .wd-post-img.post-img-wrapp {
    position: relative;
}

article[class*="tag-projekt-zrealizowany"] .wd-post-img.post-img-wrapp::after {
    content: "Projekt zrealizowany";
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    z-index: 10;
}