/*
Theme Name: 	   DayStory
Text Domain: 	   daystory
Template: 			newsmash
Version:            1.0.33
Tested up to:       6.5
Requires at least:  4.7
Requires PHP:       7.0
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/daystory-free/
Description:        DayStory is a fast, clean, Best Responsive News Magazine WordPress theme. DayStory is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. With its modern and clean design, DayStory offers a visually appealing layout that is easy to navigate, making it ideal for delivering content to your readers. This theme comes equipped with a range of customizable options, custom widgets, and color schemes, allowing you to tailor your website to your specific needs and branding. It also supports various post formats, making it easy to present a variety of content types, from articles and videos to images and galleries. DayStory is optimized for speed and SEO, ensuring that your website loads quickly and ranks well in search engine results. Its responsive design ensures that your content looks great on all devices, whether it's a desktop computer, tablet, or smartphone. DayStory demos https://preview.desertthemes.com/newsmash/
Tags:               blog, e-commerce, entertainment, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-images, featured-image-header, flexible-header, post-formats, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
 */










/* === Powiązane: VWREL-22 (unikalne klasy, bez kolizji) === */







.post .meta li img.author-1 {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 12px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
}


.vwrel-22__grid{
    display: grid;
    gap: 18px;
}

/* Mobile: 1 kolumna */
@media (max-width: 767px){
    .vwrel-22__grid{
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* Tablet: 2 kolumny */
@media (min-width: 768px) and (max-width: 991px){
    .vwrel-22__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .vwrel-22__item--small,
    .vwrel-22__item--large{
        grid-column: auto;
    }
}

/* Desktop: 6 kolumn -> góra 3x(2 kol) + dół 2x(3 kol) = idealne 50/50 */
@media (min-width: 992px){
    .vwrel-22__grid{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .vwrel-22__item--small{
        grid-column: span 2;
    }
    .vwrel-22__item--large{
        grid-column: span 3; /* 50% szerokości */
    }
}

/* Karta */
.vwrel-22__item{
    border-radius: 12px;
    overflow: hidden;
}

/* “Zdjęcie” jako tło */
.vwrel-22__media{
    display: block;
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #111;

    text-decoration: none;
}

/* Wysokości */
.vwrel-22__item--small .vwrel-22__media{ min-height: 220px; }
.vwrel-22__item--large .vwrel-22__media{ min-height: 340px; }

@media (max-width: 767px){
    .vwrel-22__item--large .vwrel-22__media{ min-height: 260px; }
}

/* Gradient czytelności */
.vwrel-22__media::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
            to top,
            rgba(0,0,0,.78) 0%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.12) 70%,
            rgba(0,0,0,0) 100%
    );
    pointer-events:none;
}

/* Kategoria: LEWY górny róg */
.vwrel-22__cat{
    position:absolute;
    top:12px;
    left:12px;
    z-index:2;

    font-size:12px;
    font-weight:800;
    line-height:1;

    padding:8px 10px;
    border-radius:4px;

    background: #52a815;
    color:#fff;
    backdrop-filter: blur(6px);
}

/* Overlay z tytułem i metą */
.vwrel-22__overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:2;

    padding: 16px 16px 14px 16px;
    color:#fff;
}

.vwrel-22__title{
    margin:0 0 30px 0;
    color:#fff;
    line-height:1.2;
    font-weight:900;
    font-size:16px;

    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
}

.vwrel-22__item--large .vwrel-22__title{
    font-size:20px;
}

/* Meta: autor • komentarze (bez ikonek) */
.vwrel-22__meta{
    display:flex;
    gap:10px;
    align-items:center;
    font-size:12px;
    opacity:.95;
    flex-wrap: wrap;
}

.vwrel-22__meta-sep{
    opacity:.85;
}



.vwrel-22__media{ position: relative; }
.vwrel-22__cover{ position:absolute; inset:0; z-index:1; display:block; }
.vwrel-22__cat{ position:absolute; z-index:3; }
.vwrel-22__overlay{ position:absolute; z-index:3; left:0; right:0; bottom:0; }
.vwrel-22__meta, .vwrel-22__overlay a{ position: relative; z-index:4; }

.vwrel-22__media{ position: relative; }

.vwrel-22__cover{
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
}

.vwrel-22__cat,
.vwrel-22__overlay{
    position: absolute;
    z-index: 3;
}

.vwrel-22__overlay{
    left: 0;
    right: 0;
    bottom: 0;
}

/* linki w overlay mają być “nad” cover-linkiem */
.vwrel-22__overlay a,
.vwrel-22__cat{
    position: relative;
    z-index: 4;
}











/* === VWREL-22: więcej miejsca + mniejsza meta, żeby wszystko się mieściło === */

/* 1) Mniejszy avatar autora (32 -> 22) */
.vwrel-22 .vwrel-22__meta img.author{
    width: 22px !important;
    height: 22px !important;
}

/* 2) Ściśnij metę (żeby nie zjadała miejsca w obrazku) */
.vwrel-22 .vwrel-22__meta{
    font-size: 11px !important;
    line-height: 1.25 !important;
    margin-top: 6px !important;
}

.vwrel-22 .vwrel-22__meta .list-inline-item{
    margin-right: 8px !important;
}

/* 3) Najważniejsze: odsuń overlay (tytuł+meta) w dół tak, aby nie kolidował z kategorią
      Działa niezależnie od tego, czy tytuł ma 1 czy 2 linie. */
.vwrel-22 .vwrel-22__overlay{
    padding-top: 34px !important; /* zwiększ do 40px jeśli badge jest wyższy */
}

/* 4) Dodatkowy odstęp dla samego tytułu (na wypadek gdy motyw resetuje marginesy) */
.vwrel-22 .vwrel-22__overlay .post-title{
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}

/* 5) Jeśli chcesz jeszcze ciaśniej: mniejsza ikonka w meta */
.vwrel-22 .vwrel-22__meta i{
    font-size: 11px !important;
}

/* 6) (Opcjonalnie) Zmniejsz badge kategorii, jeśli nadal zabiera za dużo miejsca */
.vwrel-22 .category-badge{
    transform: scale(0.92);
    transform-origin: left top;
}




















/* ===== ODPOWIEDŹ NA CYTAT  CSSY  ===== */












.odpowiedz-na-cytat {
    float: right;
    color: var(--dt-main-color);
    font-style: italic;
    font-weight: bold;
    padding: 10px;
    background: #40465d;
    border-radius: 5px;
    margin-top: -22px;
}



/* ===== SEO  CSSY  ===== */


.seo-hub-link {
    text-decoration: none;
    font-weight: inherit;
    color: inherit;
}




/* ===== WYSZUKIWARKA LUPKA NOWA WYSZUKIWARKA CSSY  ===== */






.dt_navbar-list-right-1 {
    position: relative; /* kontekst dla panelu */
}

/* Kółko wyszukiwarki */
.wyszukiwarka-przycisk {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;


    padding: 0;


        background: #f45b01 !important; /* wymusza pomarańcz */
        border: none !important;
        color: #fff !important;
        z-index: 20 !important; /* zawsze nad panelem */
    }


/* Ikona lupki */
.wyszukiwarka-przycisk svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    display: block;
}

/* Panel wysuwany spod kółka w lewo */
.wyszukiwarka-formularz {
    position: absolute;
    top: 0;
    right: 0; /* zaczyna się pod kółkiem */
    height: 3.4rem;
    width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #f45b01;
    border-radius: 20px;
    transition: width 1.3s ease;
    z-index: 5; /* niżej niż przycisk */
}

/* Input w panelu */
.wyszukiwarka-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 0 30px 0 10px;
    background: transparent;
    color: #fff;
}

/* Panel otwarty */
.wyszukiwarka-formularz.active {
    width: 400px; /* szerokość po wysunięciu */
}











/* --------------  KONIEC    -----*/












 :root {
    --dt-main-rgb: 243, 90, 2;
    --dt-black-color: #0a1233;
}

/* Header 5 */
.header--five .dt_navbar-menu {
    justify-content: space-between;
}

.header--five+.toptags {
    border-top: solid 1px rgba(189, 189, 189, 0.3);
}

.has-background.wp-block-read-more,
.has-background.post-navigation-link-next,
.has-background.post-navigation-link-previous {
    padding: 0.25em 1.375em;
}

.has-text-color a:hover,
.has-text-color a:focus {
    color: inherit;
}

.wp-block-pullquote.has-text-color blockquote {
    border-left-color: inherit;
}

.wp-block-calendar table caption {
    color: #fff;
    background-color: var(--dt-main-color);
}

.wp-block-calendar table th {
    background: var(--dt-main-color);
}

.wp-block-quote .wp-block-search {
    padding-bottom: 5px;
}

.post-navigation-link-next a,
.post-navigation-link-previous a {
    text-decoration: none;
}

.wp-block-table figcaption {
    text-align: center;
    font-weight: 600;
}

.wp-block-calendar table caption {
    font-weight: 500;
}

.wc-block-components-product-sale-badge {
    z-index: 0 !important;
}

.wp-block-woocommerce-single-product .wp-block-post-title a {
    text-decoration: none;
}

.wp-block-code.has-text-color code {
    color: inherit;
}

.wc-block-cart__submit-button,
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus {
    color: #fff;
    background-color: var(--dt-main-color);
    text-decoration: none;
}

.wp-block-code.has-background code {
    background: inherit;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
    color: #fff;
}

.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__empty-cart-wrapper p strong {
    font-size: 16px;
}

.wc-block-components-product-title a.wc-block-components-product-name {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 30px;
    padding: 0.25em 0 8px 0;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    text-decoration: none;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
    font-size: 24px;
    line-height: 34px;
    text-transform: capitalize;
    margin-bottom: 15px;
    color: var(--dt-black-color);
}

.wc-block-cart__submit-container .wc-block-cart__submit-button.wc-block-components-button:not(.is-link).contained {
    background-color: var(--dt-main-color) !important;
}

.wc-block-grid__products .wc-block-components-product-sale-badge.wc-block-grid__product-onsale {
    left: 15px;
    top: 15px;
    padding: 0;
    color: #fff;
    background: var(--dt-main-color);
    right: auto;
    min-width: 45px;
    height: 24px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    min-height: auto;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2px;
    border: none;
}

.wc-block-grid__product-price.price ins {
    color: var(--dt-main-color);
    font-weight: bold;
}

.wc-block-grid__products .wc-block-components-product-button__button {
    border-radius: 0;
    text-decoration: none;
}

.wc-block-components-product-title a.wc-block-components-product-name:hover,
.wc-block-components-product-title a.wc-block-components-product-name:focus {
    color: var(--dt-main-color);
}

.wc-block-grid__products .wc-block-components-product-button__button:hover,
.wc-block-grid__products .wc-block-components-product-button__button:focus {
    background-color: var(--dt-black-color);
}

.wc-block-components-product-name {
    color: var(--dt-black-color);
    text-decoration: none;
    font-weight: 600;
}

.wc-block-cart__submit-button,
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus {
    color: #fff;
    text-decoration: none;
}

.wc-block-components-product-price__value {
    color: var(--dt-main-color);
}

.wc-block-components-totals-item {
    color: var(--dt-black-color);
    font-weight: 700;
}

div.wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__totals-title {
    font-size: 24px;
}