/*!
Theme Name: royalweldingwires
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: royalweldingwires
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

royalweldingwires is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Headerr */
/* ===== BASE ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ===== BASE ===== */
* { box-sizing: border-box; }
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
.header-rww {
    background: #fff;
    border-radius: 16px;
    margin: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    position: relative;
}

.header-rww-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
}

/* LOGO */
.header-rww-logo img { height: 48px; }

/* NAV */
.header-rww-nav {
    flex: 1;
    display: flex;
    justify-content: center;
}

/* MENU */
.header-rww-menu {
    display: flex;
    gap: 32px;
    list-style: none;
}

.header-rww-menu li {
    position: relative;
}

/* LINKS */
.header-rww-menu li a {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    font-weight: 600;
    color: #111;
}

/* ARROW */
.header-rww-arrow {
    font-size: 11px;
    transition: transform 0.3s ease;
}

.menu-item-has-children.active > a .header-rww-arrow {
    transform: rotate(180deg);
}

/* ===== PREMIUM DROPDOWN (DESKTOP) ===== */
.header-rww-menu li ul {
    position: absolute;
    top: 120%;
    left: 0;
    min-width: 260px;

    background: #fff;
    border-radius: 12px;
    padding: 10px 0;

    box-shadow: 0 20px 60px rgba(0,0,0,0.12);

    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) scale(0.98);

    transition: all 0.3s ease;
}

/* SHOW */
.header-rww-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

/* ITEMS */
.header-rww-menu li ul li a {
    display: block;
    padding: 12px 16px;
    font-size: 14px;
    transition: all 0.25s ease;
}

/* HOVER EFFECT */
.header-rww-menu li ul li a:hover {
    background: #f6f6f6;
    color: #D12127;
    transform: translateX(4px);
}

/* CTA */
.header-rww-btn {
    background: #D12127;
    color: #fff;
    padding: 12px 22px;
    border-radius: 8px;
}

/* TOGGLE */
.header-rww-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.header-rww-toggle span {
    width: 24px;
    height: 3px;
    background: #111;
    margin: 4px 0;
}

/* ===== MOBILE ===== */
@media (max-width: 992px) {

    .header-rww-cta { display: none; }
    .header-rww-toggle { display: flex; }

    .header-rww-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;

        background: #fff;
        flex-direction: column;
        padding: 16px 20px;

        border-radius: 12px;
        box-shadow: 0 20px 50px rgba(0,0,0,0.1);

        display: none;
    }

    .header-rww-menu.active {
        display: flex;
    }

    /* ACCORDION ANIMATION */
    .header-rww-menu li ul {
        position: static;
        display: block;

        max-height: 0;
        overflow: hidden;

        transition: max-height 0.35s ease;
        background: #fafafa;
        margin-top: 6px;
        border-radius: 8px;
        padding-left: 10px;
    }

    .header-rww-menu li.active > ul {
        max-height: 500px;
    }

    .header-rww-menu li a {
        justify-content: space-between;
        padding: 14px 0;
        border-bottom: 1px solid #eee;
    }
}

/* Conatiner CSS */
/* Base container */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Full width container */
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Small devices (≥576px) */
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/* XXL devices (≥1400px) */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
/* Container CSS END */

/* Home */
/* HERO */
.rww-home-hero {
  position: relative;
  background: #07101a;
  color: #fff;
  border-radius: 0 0 40px 40px;
  overflow: hidden;
}

.rww-home-hero__visual {
  position: absolute;
  inset: 0;
  background: url("assets/hero-welder.jpg") center/cover;
}

.rww-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#000 0%,rgba(0,0,0,0.6) 60%,transparent);
}

.rww-home-hero__frame {
  position: relative;
  padding: 140px 0 40px;
}

/* TEXT */
.rww-home-hero__copy h1 {
  font-size: clamp(50px,5vw,72px);
  line-height: 1;
}

.rww-home-hero__copy em {
  color: #e31320;
}

/* BUTTON */
.rww-home-btn-primary {
  background: linear-gradient(135deg,#ee1826,#d90816);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  display: inline-block;
}

.rww-home-btn-outline {
  border: 1px solid #fff;
  color: #fff;
  padding: 12px 22px;
}

/* GLASS BAR */
.rww-home-stats {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(12px);
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.2);
}

.rww-home-stat {
  padding: 20px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.2);
}

/* SHOWCASE */
.rww-home-showcase {
  text-align: center;
  padding: 80px 0;
}

/* GRID */
.rww-home-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}

/* CARDS */
.rww-home-card {
  background: #fff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.rww-home-card:hover {
  transform: translateY(-6px);
}

/* INDUSTRY */
.rww-home-industry {
  background: #111;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}

/* BENEFITS */
.rww-home-benefits-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  background: #fff;
  border-radius: 14px;
  padding: 20px;
}

/* CTA */
.rww-home-cta {
  background: linear-gradient(90deg,#5e0710,#cf0617,#040a11);
  color: #fff;
  padding: 40px 0;
}

/* RESPONSIVE */
@media (max-width: 992px){
  .rww-home-grid { grid-template-columns: repeat(2,1fr); }
  .rww-home-stats { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 576px){
  .rww-home-grid { grid-template-columns: 1fr; }
  .rww-home-stats { grid-template-columns: repeat(2,1fr); }
}