@import url("../variables.css");

/* =====================================================================
   CorporateClean – Farben (portiert aus der D7-Color-Modul-Ausgabe)
   Alle Werte sind als Variablen in ../variables.css hinterlegt.
   ===================================================================== */

/* ---------- Color Module Styles ----------- */
body { color: var(--cc-color-text); background: var(--cc-color-bg-page); }

a, li a.active,
#footer a:hover, #footer li a.active:hover, #footer-bottom a:hover, #footer-bottom li a.active:hover,
#header a, #header-menu ul.menu li a:hover, #header-menu ul.menu li a.active, #header-menu ul.menu li ul.menu li a:hover,
#navigation .block-superfish ul.sf-menu li a:focus, #navigation .block-superfish ul.sf-menu li a:hover, #navigation .block-superfish ul.sf-menu li a.active,
.front .node h1.front-heading { color: var(--cc-color-primary); }

#header-menu a, #header-menu ul.menu li a, #navigation .block-superfish ul.sf-menu li a { color: var(--cc-color-menu-accent); }

#footer a, #footer li a.active, #footer-bottom a, #footer-bottom li a.active { color: #000000; }

h1, h2, h3, h4, h5, h6 { color: var(--cc-color-primary); text-shadow: var(--cc-text-shadow); }

#slogan { color: var(--cc-color-text-light); }

#header {
  background: var(--cc-color-bg-header);
  background-image: linear-gradient(top, var(--cc-color-bg-header) 0%, var(--cc-color-bg-header-dark) 100%);
}

#header-menu { background: var(--cc-color-bg-menu); border-top:1px solid var(--cc-color-border-menu); border-bottom:1px solid var(--cc-color-border-menu); }

#header-menu ul.menu li.expanded ul.menu, #navigation .block-superfish ul.sf-menu li, #navigation .block-superfish ul.sf-menu li li a { background: var(--cc-color-bg-menu); }

#header-menu ul.menu li.expanded ul.menu li a, #footer .block ul.menu li a, #navigation .block-superfish ul.sf-menu li li a { border-bottom:1px solid var(--cc-color-border-menu); }
#footer-bottom { border-top:1px solid var(--cc-color-border-menu); }
ul.secondary-menu li, #footer-bottom ul.menu li { border-right:1px solid var(--cc-color-border-menu); }

#header-menu ul.menu li ul.menu li a:hover,
#header-menu ul.menu li.expanded ul.menu li.expanded a:hover,
#header-menu ul.menu li.expanded ul.menu li.leaf a:hover,
#navigation .block-superfish ul.sf-menu li li:hover,
#navigation .block-superfish ul.sf-menu li li a:focus, #navigation .block-superfish ul.sf-menu li li a:hover, #navigation .block-superfish ul.sf-menu li li a:active  { background-color: var(--cc-color-bg-menu-hover); }

#banner  {
  background: var(--cc-color-bg-banner);
  background-image: linear-gradient(top, var(--cc-color-bg-banner) 0%, var(--cc-color-bg-banner-dark) 100%);
  border-bottom:1px solid var(--cc-color-border-banner);
}

#content {
  background: var(--cc-color-bg-content);
  background-image: linear-gradient(top, var(--cc-color-bg-content) 0%, var(--cc-color-bg-content-light) 100%);
}

#footer { background: var(--cc-color-bg-footer); }

#footer-bottom {
  background: var(--cc-color-bg-footer-bottom);
  background-image: linear-gradient(top, var(--cc-color-bg-footer-top) 0%, var(--cc-color-bg-footer-bottom) 100%);
}

/* D11: Submit-Buttons sind <button class="form-submit"> statt <input type=submit>. */
.links ul li a, a.more, #comments ul.links li a,
input[type="submit"], input[type="reset"], input[type="button"],
button.form-submit, button.form-reset, button.form-button { color:var(--cc-color-offwhite); text-shadow: var(--cc-button-text-shadow);
background: var(--cc-color-primary-light);
background-image: linear-gradient(top, var(--cc-color-primary-light) 0%, var(--cc-color-primary-dark) 100%);
box-shadow: var(--cc-button-shadow); }

.links ul li a:hover, a.more:hover, #comments ul.links li a:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
button.form-submit:hover, button.form-reset:hover, button.form-button:hover { background: var(--cc-color-primary-mid); }