/*
Theme Name: RyanCV Child
Theme URI: https://dwancolbert.com/
Description: Child theme for RyanCV.
Author: Dwan Colbert
Template: ryancv
Version: 1.0.0
*/


/* === Keep RyanCV Sidebar Expanded with Labels === */

/* Sidebar width */
.header,
.header.opened,
.header.sticky,
.header.fixed {
  width: 220px !important;
}

/* Always show menu text next to icons */
.header .top-menu ul li a span {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin-left: 10px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Prevent auto-collapse transitions */
.header {
  transition: none !important;
}

/* Align icons + labels horizontally */
.header .top-menu ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* Hover highlight for better interactivity */
.header .top-menu ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

.header .top-menu ul li a:hover span {
  color: #f39c12 !important; /* accent color */
}

/* Disable collapsed variant completely */
.header.closed,
.header.collapsed {
  width: 220px !important;
}

/* === Optional: Collapse automatically on mobile === */
@media (max-width: 991px) {
  .header {
    width: 80px !important;
  }
  .header .top-menu ul li a span {
    display: none !important;
  }
}


/* --- RyanCV: keep sidebar labels visible --- */

/* 1) Show the text label next to the icon */
.header .top-menu a .name {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  clip: auto !important;
  height: auto !important;
  width: auto !important;
  position: static !important;
  margin-left: 10px;
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
}

/* 2) Make the item a row (icon + label) */
.header .top-menu ul li a.one-page-menu-item {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 14px;
}

/* 3) Give the icon a little spacing */
.header .top-menu a .icon {
  margin-right: 10px;
}

/* 4) Prevent any “collapsed/closed” state from hiding labels */
.header.closed .top-menu a .name,
.header.collapsed .top-menu a .name {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 5) Keep the sidebar wide enough for labels (desktop) */
@media (min-width: 1024px) {
  .header,
  .header.opened,
  .header.sticky,
  .header.fixed {
    width: 220px !important;
  }
}