/*
Theme Name: Tabloid Viaggi
Theme URI: https://viaggi.iltabloid.it
Author: EO Factory Lab
Author URI: https://eofactory.it
Description: Tema figlio per Il Tabloid Viaggi
Template: tabloid-parent
Version: 1.0.0
Text Domain: tabloid-viaggi
*/

:root {
    --color-accent: #000000;
    --color-footer-bg: #000000;
    --color-topbar: #94AF98;
    --color-badge: #94AF98;
}

.tbl-row__cat a,
.tbl-row__cat {
    display: inline !important;
    background: none !important;
    color: var(--color-accent) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase;
}
.tbl-sidebar-card__cat,
.tbl-related__item__cat,
.tbl-widget__post__cat {
    display: inline !important;
    background: none !important;
    color: var(--color-accent) !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.tbl-card__cat a { color: var(--color-accent); font-weight: 700; font-size: 11px; text-transform: uppercase; text-decoration: none; }
.tbl-card__cat a:hover { text-decoration: underline; }
.tbl-row__cat { margin-bottom: 8px !important; display: block !important; }
.tbl-row__title { margin-top: 6px; }
.tbl-widget__post .tbl-widget__post__title { font-size: 14px !important; }
.tbl-widget__post .tbl-widget__post__date { font-size: 12px !important; }
.tbl-widget__post .tbl-row__cat { font-size: 11px !important; }
.tbl-widget__post--large .tbl-widget__post__title { font-size: 14px !important; }
.tbl-widget__post--large .tbl-widget__post__date { font-size: 12px !important; }

/* Fix footer */
.tbl-footer__col-title { color: #94AF98 !important; border-bottom-color: #94AF98 !important; }
.tbl-footer__col2-title { color: #94AF98 !important; border-bottom-color: #94AF98 !important; }
.tbl-footer__social-title { color: #94AF98 !important; border-bottom-color: #94AF98 !important; }
.tbl-newsletter button { background: #94AF98 !important; }

/* Hero viaggi desktop */
.tbl-hero-viaggi {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 24px;
    padding: 24px 0;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 10px;
}
.tbl-hero-viaggi__thumb { aspect-ratio: 16/9; overflow: hidden; border-radius: var(--border-radius); }
.tbl-hero-viaggi__thumb img { width: 100%; height: 100%; object-fit: cover; }
.tbl-hero-viaggi__ad { margin-bottom: 16px; }
.tbl-hero-viaggi__secondo-thumb { aspect-ratio: 16/9; overflow: hidden; border-radius: var(--border-radius); }
.tbl-hero-viaggi__secondo-thumb img { width: 100%; height: 100%; object-fit: cover; }
.tbl-hero-viaggi__secondo-title { font-size: 15px; font-weight: 700; line-height: 1.4; margin-top: 6px; }
.tbl-hero-viaggi__secondo-title a { color: var(--color-text); }
.tbl-hero-viaggi__secondo-title a:hover { color: var(--color-accent); text-decoration: none; }

/* Mobile - identico a nautica + hero viaggi */
@media (max-width: 600px) {
    .tbl-hero-viaggi { grid-template-columns: 1fr !important; gap: 0 !important; }
    .tbl-hero-viaggi__side { display: none !important; }
    .tbl-hero { grid-template-columns: 1fr !important; }
    .tbl-hero__thumb { order: 1; }
    .tbl-hero__main { order: 2; }
    .tbl-hero__ad { display: none; }
    .tbl-hero__title { font-size: 20px; }
    .tbl-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
    .tbl-card { border-radius: 0; border-left: none; border-right: none; border-top: none; }
    .tbl-card__thumb { aspect-ratio: 16/9; }
    .tbl-card__body { padding: 12px 0; }
    .tbl-card__title { font-size: 18px; }
    .tbl-grid--border { border-bottom: none; padding-bottom: 0; }
    .tbl-layout { grid-template-columns: 1fr !important; }
    .tbl-sidebar { display: none !important; }
    .tbl-row { grid-template-columns: 1fr !important; border-bottom: 1px solid #ccc; padding: 16px 0; gap: 0 !important; }
    .tbl-row__thumb { order: 1 !important; aspect-ratio: 16/9; margin-bottom: 12px; }
    .tbl-row__body { order: 2 !important; }
    .tbl-row__title { font-size: 18px; }
    .tbl-404__number { font-size: 100px; }
}
