/*
Theme Name: Sharp VER092 Child COM
Theme URI: https://www.laterradipuglia.com
Description: Child theme di Sharp VER092 — La Terra di Puglia, sito inglese
Author: La Terra di Puglia
Template: sharp-VER092
Version: 1.0.0
*/
/* ============================================================
Qui sotto puoi aggiungere CSS custom senza toccare il padre
============================================================ */
/* === Header cleanup === */
/* Barra verde al posto di mag_header.jpg */
.ldp-header-bar {
width: 100%;
height: 8px;
background-color: #4cba39;
display: block;
}
/* Rimuove banner prodotti header (desktop) */
.headerbanner {
display: none !important;
}
/* Logo centrato quando il banner è rimosso */
.logo-banner .col-lg-4 {
float: none !important;
margin: 0 auto;
text-align: center;
}
/* === Menu masthead — font moderno di sistema === */
nav .mastheadnav li a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif !important;
font-size: 13.5px !important;
letter-spacing: 0.02em;
padding: 6px 8px !important;
color: #333333 !important;
border-left: none !important;
border-radius: 4px;
transition: background-color 0.2s ease, color 0.2s ease;
}
/* Hover — sfondo verde, testo bianco */
nav .mastheadnav li a:hover {
background-color: #4cba39 !important;
color: #ffffff !important;
}
/* Separatori tra voci — rimossi */
nav .mastheadnav li {
border: none !important;
}
/* === Shop button === */
nav .mastheadnav li.ldp-menu-shop a {
background-color: #4cba39 !important;
color: #ffffff !important;
font-weight: 600 !important;
padding: 6px 8px !important;
border-radius: 4px;
border-left: none !important;
}
nav .mastheadnav li.ldp-menu-shop a::before {
content: "\f07a";
font-family: FontAwesome;
margin-right: 5px;
font-weight: normal;
}
nav .mastheadnav li.ldp-menu-shop a:hover {
background-color: #3a9a2c !important;
color: #ffffff !important;
}
/* === Menu masthead — sfondo bianco + bordo verde === */
.site-masthead {
background-color: #ffffff;
border-bottom: 2px solid #4cba39 !important;
padding: 4px 0 !important;
}
/* =====================================================
PAGINE CATEGORIA — restyling titolo, descrizione, card
===================================================== */
/* Titolo categoria */
.post-lead h1 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.03em;
color: #2d2d2d;
border-left: 4px solid #4cba39;
padding-left: 12px;
}
/* Descrizione categoria */
.post-lead p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.7;
color: #444;
padding: 14px 18px;
background: #f8f8f6;
border-radius: 6px;
margin-top: 12px;
}
/* Link nella descrizione — oro coerente con il resto del sito */
.post-lead p a {
color: #c8922a !important;
text-decoration: underline;
}
/* Nasconde punto spurio sopra le card */
.archive .entries-wrapper > p,
.archive article.entry + p {
display: none;
}
/* Card articolo — solo su pagine archivio/categoria */
.archive article.entry {
background: #ffffff;
border: 1px solid #ebebeb;
border-radius: 8px;
padding: 14px;
margin-bottom: 18px;
transition: box-shadow 0.2s ease;
}
.archive article.entry:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
/* Titolo articolo in archivio */
.archive article.entry .entry-title {
margin: 8px 0 6px;
}
.archive article.entry .entry-title a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 21px !important;
font-weight: 700;
line-height: 1.3;
color: #1a1a1a !important;
letter-spacing: -0.01em;
}
.archive article.entry .entry-title a:hover {
color: #c8922a !important;
}
/* Meta (data, autore) */
.archive article.entry .postmeta {
font-size: 12px;
color: #888;
}
/* Badge categoria — resta verde, è un elemento grafico non un link di lettura */
.archive article.entry .postcategory {
display: inline-block;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #ffffff !important;
background-color: #4cba39;
padding: 2px 8px;
border-radius: 3px;
text-decoration: none !important;
margin-bottom: 8px;
}
.archive article.entry .postcategory:hover {
background-color: #3a9a2c;
}
/* =====================================================
ARTICOLO SINGOLO — titolo più grande
===================================================== */
.single article.entry .entry-title {
margin-bottom: 16px;
}
.single article.entry .entry-title a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 32px !important;
font-weight: 700;
line-height: 1.25;
color: #1a1a1a !important;
letter-spacing: -0.02em;
}
h1.post-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 5.2rem !important;
font-weight: 800 !important;
line-height: 1.2 !important;
color: #1a1a1a !important;
letter-spacing: -0.02em !important;
margin-bottom: 12px !important;
}
@media (max-width: 768px) {
h1.post-title {
font-size: 1.8rem !important;
}
}
/* Badge categorie articolo singolo — resta verde, elemento grafico */
p.post-category a {
display: inline-block !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
color: #ffffff !important;
background-color: #4cba39 !important;
padding: 3px 10px !important;
border-radius: 3px !important;
text-decoration: none !important;
margin-right: 4px !important;
}
p.post-category a:hover {
background-color: #3a9a2c !important;
}
/* Rimuove il punto separatore tra le categorie */
p.post-category {
margin-bottom: 8px !important;
}
/* =====================================================
LINK — oro coerente su tutto il sito
(v1.2.0 — prima era verde #4cba39, sostituito per uniformità
con i componenti editoriali ldp-articoli.css / ldp-pages.css)
===================================================== */
a {
color: #c8922a !important;
}
a:hover {
color: #a3741f !important;
}
/* --- Eccezioni alla regola qui sopra ---------------------------------
`a { color: oro !important }` vince su tutto, comprese le etichette di
categoria del tema padre: quelle hanno il fondo colorato e il testo
bianco (`color:#fff`, senza !important), quindi perdevano.
Il risultato in home era **oro su oro** nelle subnews — testo del tutto
invisibile — e **oro su arancio** nelle colonne sotto l'apertura.
Qui il bianco torna al suo posto, e **solo** sulle etichette che un
fondo colorato ce l'hanno davvero: quelle senza restano oro, che su
bianco si legge benissimo. Trovato da Marco il 16/08/2026. */
.below-fea-left .belowfea_secondcol .pull-left a.postcategory,
.below-fea-left .belowfea_secondcol .pull-left a.postcategory:hover,
.below-fea-left .belowfea_secondcol .pull-left a.postcategory:focus,
.below-fea-left .belowfea_thirdcol .postmedia a.postcategory,
.below-fea-left .belowfea_thirdcol .postmedia a.postcategory:hover,
.below-fea-left .belowfea_thirdcol .postmedia a.postcategory:focus,
.subnews .subnews-first a.subnews-catname,
.subnews .subnews-first a.subnews-catname:hover,
.subnews .subnews-first a.subnews-catname:focus {
color: #ffffff !important;
}
/* Eccezioni — menu e bottoni non devono cambiare colore */
nav .mastheadnav li a,
nav .mainnav li a,
.ldp-menu-shop a,
#wpadminbar a {
color: inherit !important;
}
/* =====================================================
SIDEBAR — ultimi post
===================================================== */
.wp-block-latest-posts__list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.wp-block-latest-posts__list li {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 8px 0 !important;
border-bottom: 1px solid #f0f0f0 !important;
}
.wp-block-latest-posts__post-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
color: #2d2d2d !important;
text-decoration: none !important;
}
.wp-block-latest-posts__post-title:hover {
color: #c8922a !important;
}
.wp-block-latest-posts__featured-image img {
border-radius: 4px !important;
object-fit: cover !important;
}
/* Link dentro strong negli articoli ldp — oro prevale sul nero del bold */
.ldp-article strong a,
.ldp-article a strong { color: #c8922a !important; }
.home .aioseo-breadcrumbs {
display: none;
}
/* ============================================================
Breadcrumb (widget AIOSEO nella colonna laterale)
============================================================
Sulla HOME il widget gira dentro il loop degli articoli e si
prende il primo post che incontra: mostrava "Home › Places ›
The cathedral of Trani", che non vuol dire niente. Sulle altre
pagine e' corretto, quindi si nasconde solo qui. */
.home .aioseo-breadcrumbs,
.blog .aioseo-breadcrumbs {
display: none;
}
/* Il separatore e il resto seguono i colori di casa: oro sui
link, grigio sul separatore. */
.aioseo-breadcrumbs {
font-size: 13px;
line-height: 1.6;
margin-bottom: 12px;
}
.aioseo-breadcrumbs a {
color: #c8922a;
}
.aioseo-breadcrumb-separator {
color: #999;
padding: 0 4px;
}
/* ============================================================
Correlati in fondo agli articoli (ldp_com_correlati)
============================================================ */
.ldp-correlati {
margin: 40px 0 10px;
padding-top: 24px;
border-top: 3px solid #c8922a;
}
.ldp-correlati-titolo {
font-size: 20px;
margin: 0 0 18px;
padding: 0;
border: 0;
}
.ldp-correlati-griglia {
display: flex;
flex-wrap: wrap;
gap: 18px;
}
.ldp-correlato {
flex: 1 1 200px;
min-width: 180px;
text-decoration: none;
color: #333;
display: block;
}
.ldp-correlato:hover .ldp-correlato-titolo {
color: #c8922a;
}
.ldp-correlato-foto img {
width: 100%;
height: 140px;
object-fit: cover;
border-radius: 4px;
display: block;
margin-bottom: 8px;
}
.ldp-correlato-titolo {
display: block;
font-weight: 700;
font-size: 15px;
line-height: 1.35;
}
/* Su schermo stretto una colonna sola: tre riquadri affiancati
su un telefono diventano illeggibili. */
@media (max-width: 600px) {
.ldp-correlato {
flex: 1 1 100%;
}
.ldp-correlato-foto img {
height: 180px;
}
}
/* ============================================================
Indice delle sottopagine (ldp_com_sottopagine)
============================================================ */
.ldp-sottopagine {
margin: 34px 0 10px;
padding: 18px 22px;
background: #faf7f0;
border-left: 4px solid #c8922a;
}
.ldp-sottopagine-titolo {
font-size: 17px;
margin: 0 0 10px;
padding: 0;
border: 0;
}
.ldp-sottopagine ul {
margin: 0;
padding: 0 0 0 18px;
columns: 2;
column-gap: 28px;
}
.ldp-sottopagine li {
margin: 0 0 6px;
break-inside: avoid;
}
@media (max-width: 600px) {
.ldp-sottopagine ul { columns: 1; }
}
/* ============================================================
Logo magazine + tagline (brief del 16/08/2026)
============================================================
Sostituisce il logo "shop-oriented" — wordmark con badge rosso
SHOP ONLINE e riga shop.laterradipuglia.it — con quello del
magazine. Il bottone verde Shop nel menu NON si tocca: e' il
CTA commerciale e resta dov'e'.
La tagline e' un e non un
: il tema stampa gia' un h1
in homepage (il claim in index.php). */
.site-brand {
display: flex;
flex-direction: column;
align-items: center;
gap: .5rem;
padding: 1.5rem 1rem;
text-align: center;
}
.site-brand__logo {
display: block;
line-height: 0;
}
.site-brand__logo img {
width: clamp(200px, 42vw, 320px);
height: auto;
display: block;
}
.site-brand__tagline {
margin: 0;
font-size: clamp(.8rem, 1.6vw, .95rem);
font-weight: 400;
letter-spacing: .08em;
/* piu' chiaro del #574E4E del wordmark: la tagline
accompagna il logo, non compete con lui */
color: #6B6B66;
text-transform: none;
}
@media (max-width: 600px) {
.site-brand { padding: 1rem .75rem; }
.site-brand__tagline { letter-spacing: .05em; }
}
/* --- Briciole di pane sopra il titolo (prova, 16/08/2026) --------------
Devono leggersi come un'indicazione di posizione, non come un menu:
piccole, grigie, senza sottolineature. Il colore pieno arriva solo
sull'hover, ed e' l'oro di casa. */
.ldp-briciole {
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 12px;
line-height: 18px;
letter-spacing: .02em;
color: #8a8a85;
margin: 4px 0 10px;
}
.ldp-briciole a {
color: #8a8a85;
text-decoration: none !important;
border: 0 !important;
}
.ldp-briciole a:hover,
.ldp-briciole a:focus {
color: #c8922a;
text-decoration: underline !important;
}
.ldp-briciole .aioseo-breadcrumb-separator {
margin: 0 5px;
opacity: .55;
}
/* l'ultima voce e' la pagina in cui sei: non e' un link e non deve
sembrarlo, ma neanche sparire */
.ldp-briciole .aioseo-breadcrumb:last-child {
color: #5c5c58;
}
/* Su mobile la topbar dei menu e' fissa in alto e le briciole le finivano
addosso: qui prendono aria sopra, si rimpiccioliscono di un punto e le
voci si stringono fra loro. La soglia e' 768px, la stessa a cui compare
la topbar in mobile-nav.css: sotto i 600px restava una fascia in cui il
menu era gia' mobile e le briciole ancora da desktop. */
@media (max-width: 768px) {
.ldp-briciole {
font-size: 10px;
line-height: 15px;
letter-spacing: 0;
margin: 14px 0 8px;
}
.ldp-briciole .aioseo-breadcrumb-separator {
margin: 0 3px;
}
}
/* Stessa causa, altri tre punti trovati il 16/08/2026 guardando il desktop:
1. l'etichetta della categoria **sopra il titolo di ogni articolo**
(`.post-lead p.post-category`), fondo arancio #ec4017;
2. le voci colorate del menu principale, che prendono il fondo da uno
stile inline messo dalle opzioni del tema (turchese, lilla, salmone);
3. le voci dei **sottomenu**, che al passaggio del mouse prendono il
fondo pieno arancio — da quando «Where to go» e «Getting there»
hanno dei figli, e' un caso che si vede eccome.
Piu' le paginazioni, che si accendono sull'hover. */
.post-lead p.post-category a,
.post-lead p.post-category a:hover,
.post-lead p.post-category a:focus,
nav .mainnav li.colored-nav-item > a,
nav .mainnav li.colored-nav-item > a:hover,
nav .mastheadnav li.colored-nav-item > a,
nav .mastheadnav li.colored-nav-item > a:hover,
.footer-nav nav a.colored-nav-item,
.footer-nav nav a.colored-nav-item:hover,
nav .mastheadnav li ul li a:hover,
nav .mastheadnav li ul li a:focus,
nav .mainnav li ul li a:hover,
nav .mainnav li ul li a:focus,
.archive-pagination .page-numbers:hover,
.comment-pagination a:hover,
p.post-pagination a:hover span {
color: #ffffff !important;
}
/* ============================================================
RICERCA — pagina dei risultati, lente nel menu (27/08/2026)
------------------------------------------------------------
Portato dal `.it`, dove `search.php` non esisteva e `/?s=`
serviva la HOMEPAGE. Stesso guasto qui.
============================================================ */
.ldp-ricerca-testata {
margin-bottom: 28px;
padding-bottom: 20px;
border-bottom: 3px solid #c8922a;
}
.ldp-ricerca-titolo { font-size: 26px; line-height: 1.25; margin: 0 0 6px; }
.ldp-ricerca-titolo em { font-style: normal; color: #c8922a; }
.ldp-ricerca-conta { margin: 0 0 16px; color: #777; font-size: 14px; }
.ldp-ricerca-form { display: flex; gap: 8px; max-width: 520px; }
.ldp-ricerca-form input[type="search"] {
flex: 1; min-width: 0; padding: 10px 12px;
border: 1px solid #ddd; border-radius: 3px;
font-size: 15px; background: #fff; color: #333;
}
.ldp-ricerca-form input[type="search"]:focus {
border-color: #c8922a;
outline: 2px solid rgba(200, 146, 42, .25); outline-offset: 1px;
}
.ldp-ricerca-form button {
padding: 10px 20px; border: 0; border-radius: 3px;
background: #4cba39; color: #fff; font-size: 15px; cursor: pointer;
}
.ldp-ricerca-form button:hover { background: #3f9a30; }
.ldp-risultato { padding: 18px 0; border-bottom: 1px solid #eee; }
.ldp-risultato .entry-title { font-size: 19px; line-height: 1.3; margin: 0 0 6px; }
.ldp-risultato-meta { margin: 0 0 8px; font-size: 12px; }
.ldp-tipo {
display: inline-block; padding: 2px 8px; border-radius: 3px;
text-transform: uppercase; letter-spacing: .06em; font-size: 11px;
}
.ldp-tipo-scheda { background: #c8922a; color: #fff; }
.ldp-tipo-articolo { background: #f1ece1; color: #7a6a4f; }
.ldp-risultato-meta .ldp-data { margin-left: 8px; color: #999; }
.ldp-risultato-testo { margin: 0; color: #555; font-size: 15px; line-height: 1.55; }
.ldp-ricerca-vuoto { padding: 8px 0 24px; }
.ldp-ricerca-vuoto-titolo { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.ldp-ricerca-vuoto-titolo em { font-style: normal; color: #c8922a; }
/* La lente nel menu: NON dichiara misure ne' colori, li eredita dalle
altre voci. Sul `.it` ridichiararli non serviva a niente, perche' il
child ridefinisce `nav .mastheadnav li a` con !important. */
nav .mastheadnav li.ldp-cerca a { display: flex; align-items: center; }
nav .mastheadnav li.ldp-cerca svg { display: block; }
/* La classe che WordPress usa per le etichette solo-lettore: il tema non
la definisce, e senza l'etichetta del campo si vedrebbe. */
.screen-reader-text {
position: absolute !important; width: 1px; height: 1px;
padding: 0; margin: -1px; overflow: hidden;
clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (max-width: 600px) {
.ldp-ricerca-titolo { font-size: 22px; }
.ldp-ricerca-form { flex-wrap: wrap; }
.ldp-ricerca-form input[type="search"] { flex: 1 1 100%; }
}