/*
Theme Name: Attitude Pro Child
Theme URI: https://mtimusik.se
Description: Child theme till Attitude Pro för mtimusik.se
Author: Mats Svedberg
Author URI: https://mtimusik.se
Template: attitude-pro
Version: 1.0.0
Text Domain: attitude
*/

/* =============================================================
   Nyheter / bloggsidan
   ============================================================= */

/* Dölj startsidans featured slider på Nyheter/bloggsidan */
body.blog .featured-slider {
  display: none;
}


/* =============================================================
   Landningssida: Kom nära mig (page-id-2376)
   ============================================================= */

/* Dölj header, navigering, sidrubrik och footer */
.page-id-2376 #branding,
.page-id-2376 #access,
.page-id-2376 .hgroup-wrap,
.page-id-2376 .page-title-wrap,
.page-id-2376 #footer,
.page-id-2376 #colophon,
.page-id-2376 .menu-toggle,
.page-id-2491 #branding,
.page-id-2491 #access,
.page-id-2491 .hgroup-wrap,
.page-id-2491 .page-title-wrap,
.page-id-2491 #footer,
.page-id-2491 #colophon,
.page-id-2491 .menu-toggle {
  display: none !important;
}

/* Ta bort toppmarginal när header är dold */
.page-id-2376 #main,
.page-id-2376 #content,
.page-id-2376 .container,
.page-id-2491 #main,
.page-id-2491 #content,
.page-id-2491 .container {
  margin-top: 0;
  padding-top: 0;
}


/* =============================================================
   Enskilda blogginlägg – föregående/nästa-navigation
   ============================================================= */

/* Dämpa röd bakgrund på prev/next-knappar */
body.single-post ul.default-wp-page li a {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #cccccc;
}

body.single-post ul.default-wp-page li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}


/* =============================================================
   Kategori- och arkivsidor – sidtitelrad
   ============================================================= */

/* Tona ner röd arkivrubrik till mörk/diskret stil */
body.category .page-title-wrap,
body.archive .page-title-wrap {
    background-color: #1a1a1a;
    border-bottom: 1px solid #333333;
    padding: 12px 0;
}

body.category .page-title-wrap .page-title,
body.archive .page-title-wrap .page-title {
    color: #dddddd;
    font-size: 1.1em;
}

/* =============================================================
   Nyheter / bloggsidan – tydligare inläggsrubriker
   ============================================================= */

body.blog h2.entry-title,
body.blog h2.entry-title a {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
}

/* =============================================================
   Enskilda blogginlägg – tydligare inläggsrubrik
   ============================================================= */

body.single-post h1.entry-title {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 18px;
}

/* =============================================================
   Landningssidor – dölj WordPress-genererad sidtitelrubrik
   ============================================================= */

/* header.entry-header innehåller h1.entry-title med sidans WP-titel.
   På landningssidorna används Gutenberg-innehållets egna rubriker istället. */
.page-id-2376 .entry-header,
.page-id-2491 .entry-header {
  display: none !important;
}

/* Försäkra full bredd på kopians innehållskolumn (får body-klass no-sidebar-template) */
.page-id-2491 #container,
.page-id-2491 #content {
  width: 100%;
  max-width: 100%;
  float: none;
}

/* =============================================================
   Global formulärfix – läsbar text i formulärfält
   ============================================================= */

textarea,
.wpcf7 textarea,
.wpcf7-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"] {
    color: #111 !important;
    -webkit-text-fill-color: #111;
}

input::placeholder,
textarea::placeholder {
    color: #666;
    opacity: 1;
}


/* =============================================================
   Landningssidor – Contact Form 7 svarsruta/tackmeddelande
   Gäller Kom nära mig och After Midnight Project
   ============================================================= */

.page-id-2376 .wpcf7 form .wpcf7-response-output,
.page-id-2491 .wpcf7 form .wpcf7-response-output {
    border: 1px solid rgba(214, 160, 18, 0.85) !important;
    background: rgba(214, 160, 18, 0.14) !important;
    color: #fff !important;
    padding: 16px 18px !important;
    margin: 28px 0 0 !important;
    border-radius: 8px;
    font-weight: 600;
    line-height: 1.45;
    box-shadow: none;
}

.page-id-2376 .wpcf7 form.sent .wpcf7-response-output,
.page-id-2491 .wpcf7 form.sent .wpcf7-response-output {
    border-color: rgba(214, 160, 18, 0.95) !important;
    background: rgba(214, 160, 18, 0.16) !important;
}

.page-id-2376 .wpcf7 form.invalid .wpcf7-response-output,
.page-id-2376 .wpcf7 form.failed .wpcf7-response-output,
.page-id-2376 .wpcf7 form.spam .wpcf7-response-output,
.page-id-2491 .wpcf7 form.invalid .wpcf7-response-output,
.page-id-2491 .wpcf7 form.failed .wpcf7-response-output,
.page-id-2491 .wpcf7 form.spam .wpcf7-response-output {
    border-color: rgba(214, 160, 18, 0.85) !important;
    background: rgba(214, 160, 18, 0.12) !important;
}