/*
Theme Name: Dope Party Shit

Author:      Jelani Smit

Description: A custom WooCommerce theme for Dope Party Shit.
Version:     1.0
License:     GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dope-party-shit
Tags:        woo-commerce, e-commerce, party, rave, apparel
*/

* {
    padding: 0;
    margin: 0;
}

body {
    max-width: 100%;
    margin: 0 auto;
}

li {
    list-style: none;
    display: inline;
}


#head {
    background: #d4d4d4;
    color: #ff0000;
    width: 100%;
    margin: 0 auto;
}

#cartdiv {
    float: right;
    position: relative;
    top: 10px;
    right: 20px;
}

#head nav {
    color: black;
}

#head img {
    position: relative;
    height: 80px;
    left: -17px;
}



#page {
    background: none;
    color: #333;
    margin: 0;
    padding: 0;
}

#page div p {
    position: relative;
    top: 5px;
    left: 5px;
}

#box {
    height: 800px;
    background: white;
    position: relative;
    top: 10px;
}

#box div:first-child {
    position: relative;
    background: white;
    color: black;
    height: 100px;
    width: 50%;
    float: right;
    z-index: 10;
}

#box div {
    position: relative;
    width: 50%;
    background: white;
    color: black;
    height: 100px;
    float: right;
}


/* ————————————————————————————————
   MAIN NAV BAR
————————————————————————————————— */
nav {

  background: #0000ff;        /* bright blue */
  display: flex;              /* make children flex items */
  align-items: center;
  padding: 8px 20px;
}

/* TAGLINE (left) — now shrinkable */
nav .site-tagline {
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;

  /* this auto-margin pushes the UL right */
  margin-right: auto;

  /* allow it to get narrower than its text */
  flex-shrink: 1;
  min-width: 0;

  /* hide any overflow and show “…” if it’s too long */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* MENU ITEMS */
/* MENU (right) — fixed width */
nav ul {
  display: flex;
  flex-shrink: 0;    /* never give up space to the tagline */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* spacing between items (you can tweak this) */
nav ul li + li {
  margin-left: 10px;
}


/* WHITE LINKS + RED SHADOW */
nav ul li a {
  color: #fff;
  text-decoration: none;
  text-shadow: 2px 2px 0 #f00;
  transition: text-shadow 0.3s ease;
}

nav ul li a:hover {
  text-shadow: none;
}