/*
Theme Name: Nui Portfolio
Theme URI: https://failamir.my.id/nui-portfolio
Author: Fail Amir
Author URI: https://failamir.my.id
Description: WordPress theme converted from Nui - Creative Portfolio Showcase HTML template.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nui-portfolio
Tags: portfolio, blog, creative
*/

/* You can add small overrides here. Main CSS is loaded from assets/css/ */

/* RLK Footer (4-column top + existing bottom bar) */
body #tt-footer.rlk-footer .tt-wrap.rlk-grid,
body footer.rlk-footer .tt-wrap.rlk-grid,
body .rlk-footer .tt-wrap.rlk-grid,
body .rlk-footer .rlk-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr !important;
  gap: 48px !important;
  padding: 50px 3.5% 40px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
body .rlk-footer .rlk-col {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
}
@media (max-width: 1024px) {
  body .rlk-footer .tt-wrap.rlk-grid,
  body .rlk-footer .rlk-grid { grid-template-columns: 1fr 1fr !important; gap: 36px !important; }
}
@media (max-width: 768px) {
  body .rlk-footer .tt-wrap.rlk-grid,
  body .rlk-footer .rlk-grid { grid-template-columns: 1fr 1fr !important; gap: 20px !important; padding: 35px 5% !important; }
  body .rlk-footer .rlk-brand { max-width: 100% !important; grid-column: 1 / -1 !important; }
  body .rlk-footer .rlk-desc { margin: 10px 0 14px !important; font-size: 13px !important; }
  body .rlk-footer .rlk-title { font-size: 16px !important; margin: 0 0 12px !important; }
  body .rlk-footer .rlk-links li { margin: 0 0 8px !important; }
  body .rlk-footer .rlk-links a { font-size: 13px !important; }
  body .rlk-footer .rlk-contact-list li { margin: 0 0 10px !important; font-size: 12px !important; line-height: 1.5 !important; }
  body .rlk-footer .rlk-contact-list i { font-size: 12px !important; }
}

body .rlk-footer .rlk-logo .custom-logo-link img { max-height: 50px !important; }
body .rlk-footer .rlk-site-title { font-weight: 600 !important; font-size: 16px !important; color: #e8f0f8 !important; text-decoration: none !important; }
body .rlk-footer .rlk-desc { color: #c9d3e1 !important; margin: 12px 0 16px !important; font-size: 14px !important; line-height: 1.7 !important; }

body .rlk-footer .rlk-title { margin: 0 0 16px !important; font-size: 18px !important; font-weight: 600 !important; color: #e8f0f8 !important; }
body .rlk-footer .rlk-links { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body .rlk-footer .rlk-links li { margin: 0 0 10px !important; }
body .rlk-footer .rlk-links a { color: #cdd7e5 !important; text-decoration: none !important; font-size: 14px !important; }
body .rlk-footer .rlk-links a:hover { color: #fff !important; }

body .rlk-footer .rlk-contact-list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body .rlk-footer .rlk-contact-list li { display: flex !important; gap: 10px !important; color: #cdd7e5 !important; margin: 0 0 12px !important; font-size: 14px !important; line-height: 1.6 !important; }
body .rlk-footer .rlk-contact-list i { color: #d4b300 !important; margin-top: 2px !important; min-width: 14px !important; font-size: 14px !important; }

body .rlk-footer .rlk-social { display: flex !important; gap: 12px !important; }
body .rlk-footer .rlk-social a { color: #b8c5d6 !important; font-size: 18px !important; line-height: 1 !important; }
body .rlk-footer .rlk-social a:hover { color: #fff !important; }

body .rlk-footer .rlk-sep { border: none !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; margin: 0 3.5% !important; }

/* RLK Tidy fixes (high specificity) */
body .rlk-footer ul,
body .rlk-footer ul li { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; }
body .rlk-footer li::marker,
body .rlk-footer li::before { content: none !important; display: none !important; }

body .rlk-footer .rlk-grid { align-items: start !important; }
body .rlk-footer .rlk-brand { max-width: 420px; }

/* Ensure social row spacing and alignment */
body .rlk-footer .rlk-social { padding: 0 !important; margin: 0 !important; }
body .rlk-footer .rlk-social a { display: inline-flex; align-items: center; }

/* Burger Menu - Login & Sign Up Styling */
.tt-ol-menu-list li a[href*="wp-login"],
.tt-ol-menu-list li a[href*="register"] {
  position: relative;
  display: inline-block;
  padding: 12px 28px !important;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  transition: all 0.3s ease;
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.tt-ol-menu-list li a[href*="wp-login"]:hover,
.tt-ol-menu-list li a[href*="register"]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateX(5px);
}

/* Login button - subtle style */
.tt-ol-menu-list li a[href*="wp-login"] {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Sign Up button - highlighted style */
.tt-ol-menu-list li a[href*="register"] {
  background: linear-gradient(135deg, rgba(212, 179, 0, 0.15), rgba(212, 179, 0, 0.25));
  border: 1px solid rgba(212, 179, 0, 0.4);
  color: #f5e6a8 !important;
}

.tt-ol-menu-list li a[href*="register"]:hover {
  background: linear-gradient(135deg, rgba(212, 179, 0, 0.25), rgba(212, 179, 0, 0.35));
  border-color: rgba(212, 179, 0, 0.6);
  color: #fff !important;
}

/* Auth menu section spacing */
.tt-ol-menu-auth {
  margin-top: 30px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex !important;
  flex-direction: row !important;
  gap: 15px !important;
  flex-wrap: wrap;
}

.tt-ol-menu-auth li {
  margin: 0 !important;
  padding: 0 !important;
}

.tt-ol-menu-auth li::before {
  display: none !important;
  content: none !important;
}

/* Dashboard & Logout styling for logged-in users */
.tt-ol-menu-list li a[href*="wp-admin"],
.tt-ol-menu-list li a[href*="wp-login.php?action=logout"] {
  position: relative;
  display: inline-block;
  padding: 12px 28px !important;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  transition: all 0.3s ease;
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.tt-ol-menu-list li a[href*="wp-admin"]:hover,
.tt-ol-menu-list li a[href*="wp-login.php?action=logout"]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateX(5px);
}

/* Logout button - warning style */
.tt-ol-menu-list li a[href*="wp-login.php?action=logout"] {
  background: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.3);
  color: #ff9999 !important;
}

.tt-ol-menu-list li a[href*="wp-login.php?action=logout"]:hover {
  background: rgba(220, 53, 69, 0.2);
  border-color: rgba(220, 53, 69, 0.5);
  color: #fff !important;
}

/* Responsive styling for auth buttons */
@media (max-width: 768px) {
  .tt-ol-menu-list li a[href*="wp-login"],
  .tt-ol-menu-list li a[href*="register"],
  .tt-ol-menu-list li a[href*="wp-admin"],
  .tt-ol-menu-list li a[href*="wp-login.php?action=logout"] {
    padding: 10px 22px !important;
    font-size: 14px !important;
  }
  
  .tt-ol-menu-auth {
    gap: 12px !important;
  }
}