/*
Theme Name: MoreNews Child
Theme URI: https://www.samuelpotente.it
Description: Child theme di MoreNews
Author: Samuel Potente
Template: morenews
Version: 1.0
*/


/* --- FONT FACE (self-hosted) --- */
@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Italic.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Code';
    src: url('assets/fonts/FiraCode.woff2') format('woff2');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

/* --- BASE TYPOGRAPHY --- */

html, body {
    font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

code, pre {
    font-family: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* --- OVERRIDE MoreNews inline typography --- */

/* Menu principale */
.main-navigation ul li a,
.main-navigation a {
    font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, Helvetica, sans-serif !important;
    font-weight: 400;
}

/* Tag cloud / widget / liste che il tema forza su Oswald */
.wp-block-tag-cloud a,
.tagcloud a,
.wp-block-latest-posts.wp-block-latest-posts__list li,
.wp-block-latest-comments li.wp-block-latest-comments__comment,
.wp-block-group ul li a,
.widget ul ul li,
.widget ul.menu > li,
.widget > ul > li {
    font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, Helvetica, sans-serif !important;
    font-weight: 400;
}

/* ---------- OVERRIDES ------------ */

@media (min-width: 768px) {
    .entry-content p {
        text-align: justify;
    }
}

/*
-----------------------
 ISCRIZIONE NEWSLETTER
----------------------- 
*/
/* --- Newsletter page wrapper --- */
.sp-newsletter { padding: 24px 0; }

.sp-newsletter__box{
  max-width: 760px;
  margin: 0 auto;
  padding: 26px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
}

.sp-newsletter__title{ margin: 0 0 10px; }
.sp-newsletter__lead{ margin: 0 0 18px; color: #4A4F54; line-height: 1.55; }
.sp-newsletter__fineprint{ margin: 14px 0 0; font-size: .95em; color: #515856; }

/* --- MailerLite form normalization inside our box --- */
.sp-newsletter__box form { margin: 0; }
.sp-newsletter__box label { display: block; margin: 10px 0 6px; font-weight: 600; }

.sp-newsletter__box input[type="text"],
.sp-newsletter__box input[type="email"]{
  width: 100% !important;
  max-width: 560px;
  padding: 12px 14px;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.2;
  background: #fff;
}

.sp-newsletter__box input[type="text"]:focus,
.sp-newsletter__box input[type="email"]:focus{
  outline: none;
  border-color: #F05A28; /* sostituisci con l'arancione ESATTO del logo se diverso */
  box-shadow: 0 0 0 3px rgba(240, 90, 40, .15);
}

/* --- Submit button --- */
.sp-newsletter__box button,
.sp-newsletter__box input[type="submit"]{
  display: inline-block;
  margin-top: 10px;
  padding: 12px 18px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  background: #F05A28; /* colore brand */
  color: #fff;
}

.sp-newsletter__box button:hover,
.sp-newsletter__box input[type="submit"]:hover{
  filter: brightness(0.95);
}

/* --- Small helpers for spacing --- */
.sp-newsletter__box .ml-form-embedContainer,
.sp-newsletter__box .ml-form-embedWrapper{
  max-width: 100% !important;
}

/* --- OVERRIDE WP FORMS --- */
/* WPForms – forza sfondo bianco SOLO sulla textarea del form 236 */
body #wpforms-form-236 textarea#wpforms-236-field_3{
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}


/* Contatore visualizzazioni Burst - Forza una sola riga */
.burst-pageviews {
    margin: 30px 0 25px 0;
    padding: 14px 28px;
    background-color: rgba(255, 137, 2, 0.08);
    border-left: 5px solid #ff8902;
    color: #e0e0e0;
    font-size: 1.00rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 240px;
}

.burst-pageviews strong {
    color: #ff8902;
    font-weight: 700;
    font-size: 1.00rem;
}