/**
Theme Name:  Musicana
Theme URI:   https://themesartist.com/artimusic/
Description: Musicana is a child theme of the Artimusic WordPress Theme, designed especially for musicians, bands, DJs, and anyone passionate about music. Showcase your latest albums, upcoming events, or curated playlists with this elegant and dynamic theme. Musicana inherits all the powerful features of Artimusic, including seamless Mailchimp integration for newsletters and a convenient One Click Demo Import to get your site live within minutes. Create an engaging online presence and connect with your audience effortlessly using Musicana, the perfect stage for your musical journey.
Author:      themesartist
Author URI:  https://themesartist.com/
Template:    artimusic
Version:     1.0.1
Tested up to: 6.8
Requires PHP: 5.6
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: musicana
 */

a{
  color: #D14343;
}

a:hover, a:focus{
  color: #D14343;
}
a:visited {
  color: #D14343;
}
span.edit-link a {
    border: 1px solid #D14343;
}
nav#site-navigation li > .sub-menu li a:hover,nav#site-navigation li > .sub-menu li a:focus {
    background:#D14343;
}
#hamburger-menu span {
    background-color: #D14343;
}
svg.svg-icon path {
    fill: #D14343;
}svg.svg-icon path {
    fill: #D14343;
}
.header-add-listing a {
    background-color: #D14343;
}
h3.entry-title a:hover {
    color: #D14343;
}
.ai-wrap .ai-audio-control {
    background-color: #D14343;
}

.ai-wrap .ai-audio-control:hover,.ai-wrap .ai-audio-control:focus {
    background-color: #D14343
}
.ai-wrap .ai-track-progress {

    background-color: #D14343;
}
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
    background-color: #D14343
}
.ai-wrap .ai-btn.ai-btn-active {
    background-color: #D14343
}
.ai-wrap .ai-track:hover,.ai-wrap .ai-track.ai-track-active {
    background-color: #D14343;
}
.ai-wrap .ai-footer a {
    color: #D14343;
}

.ai-wrap .ai-footer a:hover {
    color: #D14343;
}
.ai-wrap .ai-scroll-wrap>div:last-child div {
    background-color: #D14343 !important
}
.ai-wrap .ai-btn:focus {
    background: #D14343 !important;
}
.ai-wrap .ai-audio-control:focus {
    background-color: #D14343 !important;
}

.header-navigation ul>li.current-menu-item a {
    color: #D14343;
}
.site-info a {
    color: #D14343;
}a{
  color: #D14343;
}

a:hover, a:focus{
  color: #D14343;
}
a:visited {
  color: #D14343;
}
span.edit-link a {
    border: 1px solid #D14343;
}
nav#site-navigation li > .sub-menu li a:hover,nav#site-navigation li > .sub-menu li a:focus {
    background:#D14343;
}
#hamburger-menu span {
    background-color: #D14343;
}
svg.svg-icon path {
    fill: #D14343;
}svg.svg-icon path {
    fill: #D14343;
}
.header-add-listing a {
    background-color: #D14343;
}
h3.entry-title a:hover {
    color: #D14343;
}
.ai-wrap .ai-audio-control {
    background-color: #D14343;
}

.ai-wrap .ai-audio-control:hover,.ai-wrap .ai-audio-control:focus {
    background-color: #D14343
}
.ai-wrap .ai-track-progress {

    background-color: #D14343;
}
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
    background-color: #D14343
}
.ai-wrap .ai-btn.ai-btn-active {
    background-color: #D14343
}
.ai-wrap .ai-track:hover,.ai-wrap .ai-track.ai-track-active {
    background-color: #D14343;
}
.ai-wrap .ai-footer a {
    color: #D14343;
}

.ai-wrap .ai-footer a:hover {
    color: #D14343;
}
.ai-wrap .ai-scroll-wrap>div:last-child div {
    background-color: #D14343 !important
}
.ai-wrap .ai-btn:focus {
    background: #D14343 !important;
}
.ai-wrap .ai-audio-control:focus {
    background-color: #D14343 !important;
}

.header-navigation ul>li.current-menu-item a {
    color: #D14343;
}
.site-info a {
    color: #D14343;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Passion One !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    line-height: 130% !important;
}
.album-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

div#newsletter-section {
    text-align: center;
    padding-bottom: 70px;
}
div#newsletter-section .newsletter-content {
    padding: 60px 30px;
    border: 1px solid #404040;
    max-width: 950px;
    margin: 0 auto;
}
div#newsletter-section .newsletter-content input[type="email"] {
    padding: 9px 10px;
}
div#newsletter-section .newsletter-content h2.newsletter-title {
    margin-bottom: 30px;
    font-size: 32px;
}
.counter-section{
    position: relative !important;
}
.album-list h3.entry-title {
    font-size: 24px !important;
    margin-bottom: 0 !important;
}
.photo-info {
    background: rgb(255 255 255 / 14%);
    margin-top: 0 !important;
    text-align: center;
    padding: 10px 10px;
}
.banner-section.section-overlay .row {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

    h2.counter-text {
        font-size: 25px !important;
    }

@media (max-width: 767px) {
	div#newsletter-section .newsletter-content h2.newsletter-title {
	    font-size: 21px;
	}
	 h2.counter-text {
        font-size: 21px !important;
    }
    .album-list h3.entry-title {
	    font-size: 21px !important;
	}
	div#newsletter-section .newsletter-content input[type="submit"],div#newsletter-section .newsletter-content input[type="email"]{
		width: 100%;
	}
	div#newsletter-section .newsletter-content {
	    padding: 30px 20px;
	    border: 1px solid #404040;
	}
	.album-list {
		    display: grid;
		    grid-template-columns: repeat(1, 1fr);
		}
}






























/* ==========================================================
   BULLI-PROOF – FINAL MENU & SHOP STYLES (CLEAN)
   Theme: Musicana / Artimusic
   Ziel:
   - Menü/Submenü normal: BG #E7E1DA, Text inherit
   - Hover/Fokus: BG #E7B02E (Leopardengelb), Text inherit
   - Mobile: kein Rot mehr
   - Woo Sortierfeld: hell + leicht dunkler Hover (kein System-Blau)
   - Woo Shop-Mitteilung: Text leopardengelb
   ========================================================== */


/* ==================================================
   1) SUBMENÜ (DESKTOP)
   Normal: BG #E7E1DA | Text inherit
   Hover:  BG #E7B02E | Text inherit
   ================================================== */

/* Theme-Overlays entfernen (Artimusic/Musicana) */
.header-navigation ul.sub-menu::before,
.header-navigation ul.sub-menu::after,
.header-menu ul.sub-menu::before,
.header-menu ul.sub-menu::after,
.main-navigation ul.sub-menu::before,
.main-navigation ul.sub-menu::after,
#site-navigation ul.sub-menu::before,
#site-navigation ul.sub-menu::after,
.header-navigation ul.sub-menu li::before,
.header-navigation ul.sub-menu li::after,
.header-menu ul.sub-menu li::before,
.header-menu ul.sub-menu li::after,
.main-navigation ul.sub-menu li::before,
.main-navigation ul.sub-menu li::after,
#site-navigation ul.sub-menu li::before,
#site-navigation ul.sub-menu li::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Grundzustand Submenu (UL + LI) */
.header-navigation ul.sub-menu,
.header-menu ul.sub-menu,
.main-navigation ul.sub-menu,
#site-navigation ul.sub-menu,
.header-navigation ul.sub-menu li,
.header-menu ul.sub-menu li,
.main-navigation ul.sub-menu li,
#site-navigation ul.sub-menu li {
  background-color: #E7E1DA !important;
  border: none !important;
  box-shadow: none !important;
}

/* Links */
.header-navigation ul.sub-menu li > a,
.header-menu ul.sub-menu li > a,
.main-navigation ul.sub-menu li > a,
#site-navigation ul.sub-menu li > a {
  background: transparent !important;   /* LI-Farbe sichtbar */
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hover / Fokus / Klick (Dropdown-Ebene): GELB + normale Schrift */
.header-navigation ul.sub-menu li:hover,
.header-navigation ul.sub-menu li:focus-within,
.header-menu ul.sub-menu li:hover,
.header-menu ul.sub-menu li:focus-within,
.main-navigation ul.sub-menu li:hover,
.main-navigation ul.sub-menu li:focus-within,
#site-navigation ul.sub-menu li:hover,
#site-navigation ul.sub-menu li:focus-within {
  background-color: #E7B02E !important;
}

.header-navigation ul.sub-menu li:hover > a,
.header-navigation ul.sub-menu li:focus-within > a,
.header-menu ul.sub-menu li:hover > a,
.header-menu ul.sub-menu li:focus-within > a,
.main-navigation ul.sub-menu li:hover > a,
.main-navigation ul.sub-menu li:focus-within > a,
#site-navigation ul.sub-menu li:hover > a,
#site-navigation ul.sub-menu li:focus-within > a {
  color: inherit !important;
}

/* Aktive Zustände neutral */
.header-navigation ul.sub-menu li.current-menu-item,
.header-navigation ul.sub-menu li.current-menu-ancestor,
.header-menu ul.sub-menu li.current-menu-item,
.header-menu ul.sub-menu li.current-menu-ancestor,
.main-navigation ul.sub-menu li.current-menu-item,
.main-navigation ul.sub-menu li.current-menu-ancestor,
#site-navigation ul.sub-menu li.current-menu-item,
#site-navigation ul.sub-menu li.current-menu-ancestor {
  background-color: #E7E1DA !important;
}

.header-navigation ul.sub-menu li.current-menu-item > a,
.header-navigation ul.sub-menu li.current-menu-ancestor > a,
.header-menu ul.sub-menu li.current-menu-item > a,
.header-menu ul.sub-menu li.current-menu-ancestor > a,
.main-navigation ul.sub-menu li.current-menu-item > a,
.main-navigation ul.sub-menu li.current-menu-ancestor > a,
#site-navigation ul.sub-menu li.current-menu-item > a,
#site-navigation ul.sub-menu li.current-menu-ancestor > a {
  color: inherit !important;
}


/* ==================================================
   2) MOBILE MENÜ – ROT KOMPLETT ENTFERNT
   Normal: BG #E7E1DA | Text inherit
   Hover:  BG #E7B02E | Text inherit
   ================================================== */

/* Hamburger (3 Linien) – in normaler Schriftfarbe */
#hamburger-menu span,
#hamburger-menu span::before,
#hamburger-menu span::after,
.menu-toggle span,
.menu-toggle span::before,
.menu-toggle span::after,
.mean-container a.meanmenu-reveal span {
  background-color: #1a1a1a !important;
}

/* Hamburger als SVG */
.menu-toggle svg,
.menu-toggle svg *,
#hamburger-menu svg,
#hamburger-menu svg * {
  fill: #1a1a1a !important;
  stroke: #1a1a1a !important;
}

/* Mobile Menü Links – Grundzustand */
.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li a:link,
.mean-container .mean-nav ul li a:visited,
.mobile-menu ul li a,
.mobile-menu ul li a:link,
.mobile-menu ul li a:visited,
.offcanvas-menu ul li a,
.offcanvas-menu ul li a:link,
.offcanvas-menu ul li a:visited {
  background-color: #E7E1DA !important;
  color: inherit !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Mobile Hover/Fokus */
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a:focus,
.mean-container .mean-nav ul li a:active,
.mobile-menu ul li a:hover,
.mobile-menu ul li a:focus,
.offcanvas-menu ul li a:hover,
.offcanvas-menu ul li a:focus {
  background-color: #E7B02E !important;
  color: inherit !important;
}

/* Expand (+ / -) */
.mean-container .mean-nav ul li a.mean-expand,
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a.mean-expand:focus {
  background-color: #E7E1DA !important;
  color: inherit !important;
  border: none !important;
  box-shadow: none !important;
}


/* ==================================================
   3) WOO SORTIERFELD – STABIL, KEIN KNALLBLAU
   Normal: #E7E1DA | Text #1a1a1a
   Hover/Fokus: #D2CBC2 (leicht dunkler)
   ================================================== */

.woocommerce .woocommerce-ordering {
  position: relative !important;
  display: inline-block !important;
}

.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-ordering select.orderby {
  background-color: #E7E1DA !important;
  color: #1a1a1a !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  padding: 10px 44px 10px 14px !important;
  font-family: inherit !important;
  font-size: 16px !important;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  background-image: none !important;
}

/* Hover/Fokus: NICHT blau */
.woocommerce .woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:focus,
.woocommerce .woocommerce-ordering select:focus-visible {
  background-color: #D2CBC2 !important;
  color: #1a1a1a !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Pfeil */
.woocommerce .woocommerce-ordering::after {
  content: "˅" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 18px !important;
  pointer-events: none !important;
  color: #1a1a1a !important;
}


/* ==================================================
   4) WOO SHOP-MITTEILUNG (Notice) – Farbschema
   Text standard: Leopardengelb
   ================================================== */

/* Hintergrund + Text */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
  background-color: #E7E1DA !important;
  color: #E7B02E !important;
  border: none !important;
  box-shadow: none !important;
}

/* Grüne Linien/Border oben/links killen (Woo setzt das gern) */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: #1a1a1a !important;      /* Icon-Farbe (nicht grün) */
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-left: none !important;
}

/* Links/Buttons in Notices */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
  color: #E7B02E !important;
  text-decoration: underline !important;
}













/* ==========================================================
   BULLI-PROOF – WOO SHOP-MITTEILUNG FIX
   - immer oberhalb Header/Menü
   - BG: Leopardengelb (#E7B02E)
   - Text: Seitenschriftfarbe (inherit)
   - keine lila Links, keine grünen Woo-Icons/Leisten
   ========================================================== */

/* Mitteilung selbst */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
  background: #E7B02E !important;
  color: inherit !important;            /* = Standard-Schriftfarbe der Seite */
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  text-align: center !important;
  font-family: inherit !important;
}

/* Woo setzt gern ein Icon + Border links (grün) */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: inherit !important;            /* Icon nicht grün */
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-left: none !important;
}

/* Links in der Mitteilung: nicht lila */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-notice a {
  color: inherit !important;
  text-decoration: underline !important;
}

/* ==================================================
   Positionierung: oberhalb vom Header/Menü (sticky)
   ================================================== */

/* Notice sticky oben */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  position: sticky !important;
  top: 0 !important;
  z-index: 999999 !important;
}

/* Damit nichts überdeckt wird: Header darunter lassen */
.site-header,
#masthead,
header#masthead,
.header-area,
.header-navigation,
.header-menu {
  position: relative !important;
  z-index: 1000 !important;
}

/* Mobile: etwas mehr Luft */
@media (max-width: 782px) {
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error {
    padding: 12px 12px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
}



.woocommerce-message a:visited,
.woocommerce-info a:visited,
.woocommerce-error a:visited {
  color: inherit !important;
}




/* ==========================================================
   BULLI-PROOF – Woo Sortierfeld (wie Menü)
   Normal: #E7E1DA | Text: inherit
   Hover/Fokus/Aktiv: #E7B02E | Text: inherit
   ========================================================== */

/* Wrapper */
.woocommerce .woocommerce-ordering{
  position: relative !important;
  display: inline-block !important;
}

/* Select – Grundzustand */
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-ordering select.orderby{
  background-color: #E7E1DA !important;   /* hell */
  color: inherit !important;              /* Seitenschriftfarbe */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  padding: 10px 44px 10px 14px !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.2 !important;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  background-image: none !important;      /* Theme-Gradient kill */
  -webkit-tap-highlight-color: transparent !important; /* Mobile highlight */
}

/* Hover / Fokus / „Aktiv“ */
.woocommerce .woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:focus,
.woocommerce .woocommerce-ordering select:focus-visible,
.woocommerce .woocommerce-ordering:hover select,
.woocommerce .woocommerce-ordering:focus-within select{
  background-color: #E7B02E !important;   /* Leopardengelb */
  color: inherit !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Pfeil – sichtbar, wie Textfarbe */
.woocommerce .woocommerce-ordering::after{
  content: "˅" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  color: inherit !important;
}

/* Optional: Pfeil beim Hover/Fokus auch inherit lassen (nur zur Sicherheit) */
.woocommerce .woocommerce-ordering:hover::after,
.woocommerce .woocommerce-ordering:focus-within::after{
  color: inherit !important;
}

/* System-Highlight (Chrome) zusätzlich entschärfen */
.woocommerce .woocommerce-ordering select:active{
  outline: none !important;
  box-shadow: none !important;
}