/*
Theme Name:  Enfold Child TanzimTal
Template:    enfold
Version:     1.0.0
Description: Enfold Child-Theme fuer TanzimTal. Nur CSS und Templates – keine Fachlogik.
*/

/* -------------------------------------------------------
   TanzimTal Design-Tokens
------------------------------------------------------- */
:root {
    --tt-primary:    #2c7b8a;
    --tt-secondary:  #3d9aaa;
    --tt-accent:     #f67828;
    --tt-bg:         #f7f7f5;
    --tt-text:       #1e1e1e;
    --tt-font-head:  'Raleway', sans-serif;
    --tt-font-body:  'Open Sans', sans-serif;

    /* Enfold-Farbsystem ueberschreiben */
    --enfold-main-color-primary:      #2c7b8a;
    --enfold-main-color-secondary:    #3d9aaa;
    --enfold-header-color-primary:    #2c7b8a;
    --enfold-header-color-secondary:  #3d9aaa;
    --enfold-footer-color-primary:    #2c7b8a;
    --enfold-footer-color-secondary:  #3d9aaa;
    --enfold-socket-color-primary:    #2c7b8a;
    --enfold-socket-color-secondary:  #3d9aaa;
    --enfold-alternate-color-primary:   #2c7b8a;
    --enfold-alternate-color-secondary: #3d9aaa;
}

/* -------------------------------------------------------
   Basis
------------------------------------------------------- */
body {
    background-color: var(--tt-bg);
    color: var(--tt-text);
    font-family: var(--tt-font-body);
}

/* -------------------------------------------------------
   Ueberschriften
------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.av-special-heading-tag {
    font-family: var(--tt-font-head);
    color: var(--tt-text);
}

/* -------------------------------------------------------
   Links
------------------------------------------------------- */
a {
    color: var(--tt-primary);
}

a:hover,
a:focus {
    color: var(--tt-accent);
}

/* -------------------------------------------------------
   Buttons (Enfold .avia-button)
------------------------------------------------------- */
.avia-button,
.avia-button.avia-color-theme-color {
    background-color: var(--tt-primary) !important;
    border-color: var(--tt-primary) !important;
    color: #fff !important;
}

.avia-button:hover,
.avia-button.avia-color-theme-color:hover {
    background-color: var(--tt-accent) !important;
    border-color: var(--tt-accent) !important;
}

/* -------------------------------------------------------
   Enfold Primaerfarbe (theme-color Klassen)
------------------------------------------------------- */
.avia-color-theme-color,
.av-current-nav-item > a,
#top #wrap_all .av-current-nav-item > a {
    color: var(--tt-primary) !important;
}

.main-color-bg,
.av-submenu-indicator {
    background-color: var(--tt-primary) !important;
}

/* -------------------------------------------------------
   Wordmark / Site-Titel
------------------------------------------------------- */
#header .main-logo img,
.av-logo-container .main-logo {
    font-family: var(--tt-font-head);
}

#header #site-title a,
.av-logo-container #site-title a {
    font-family: var(--tt-font-head);
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--tt-primary);
    text-decoration: none;
    letter-spacing: 0.02em;
}

#header #site-title a::after {
    content: '';
    display: block;
    height: 3px;
    width: 2em;
    background-color: var(--tt-accent);
    margin-top: 3px;
    border-radius: 2px;
}

/* -------------------------------------------------------
   Navigation
------------------------------------------------------- */
#top #wrap_all #header nav .av-nav-list > li > a {
    font-family: var(--tt-font-head);
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
}