﻿/* === Silverwood Brand Styling v17 === */
/* HERO SECTION - full width banner */
.sw-hero-logo-wrap { width: 100%; overflow: hidden; line-height: 0; }
.sw-hero-logo-wrap img:not(.sw-hero-logo) { width: 100%; height: auto; display: block; }
.sw-hero-logo { max-width: 180px !important; height: auto !important; }
/* === END HERO === */

/* COMPANY NAME BESIDE LOGO — using .ast-site-title-wrap */
.ast-site-title-wrap {
    display: flex !important;
    align-items: center !important;
    margin-left: 12px;
}
.site-branding .site-title {
    display: block !important;
}
.site-branding .site-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
}
.custom-logo-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.custom-logo-link::after {
    content: "";
    position: absolute;
    top: -20%;
    left: -100%;
    width: 60%;
    height: 140%;
    background: linear-gradient(90deg, transparent 0%, rgba(212, 168, 67, 0.12) 40%, rgba(212, 168, 67, 0.28) 50%, rgba(212, 168, 67, 0.12) 60%, transparent 100%);
    animation: swLogoShine 3.5s ease-in-out infinite;
    pointer-events: none;
    transform: skewX(-25deg);
}
@keyframes swLogoShine {
    0% { left: -100%; }
    25% { left: 0%; }
    35% { left: 150%; }
    100% { left: 150%; }
}
.site-description { display: none !important; }

/* TAGLINE BAR */
.sw-tagline-bar {
    background: #d4a843;
    text-align: center;
    padding: 12px 20px;
}
.sw-tagline-bar p {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

/* === SITE HEADER === */
.site-header { padding: 15px 0; border-bottom: 1px solid #f0f0f0; background: #fff; }
.site-logo-img img { height: 80px !important; width: auto !important; }

.site-branding {
    display: flex !important;
    align-items: center !important;
}
.ast-site-identity {
    display: flex !important;
    align-items: center !important;
}

/* Bigger desktop nav */
#ast-hf-menu-1 > .menu-item > a { font-size: 16px !important; padding: 12px 20px !important; }

/* DESKTOP NAV - keep only Home, About us, Contact Us */
#ast-hf-menu-1 > .menu-item { display: none !important; }
#ast-hf-menu-1 > .menu-item-20,
#ast-hf-menu-1 > .menu-item-21,
#ast-hf-menu-1 > .menu-item-23,
#ast-hf-menu-1 > .menu-item-ayam-gunting
{ display: flex !important; }

/* Header action buttons (cart, etc) */
.ast-header-actions { display: none !important; }

/* MOBILE MENU CLEANUP === */
#ast-hf-mobile-menu .page_item { display: none !important; }

#ast-hf-mobile-menu .page-item-9,
#ast-hf-mobile-menu .page-item-10,
#ast-hf-mobile-menu .page-item-11,
#ast-hf-mobile-menu .page-item-9428
{ display: list-item !important; }
/* === END MOBILE MENU CLEANUP */

/* Mobile */
@media (max-width: 768px) {
  .site-logo-img { flex-shrink: 0 !important; }
  .site-logo-img img { height: 40px !important; width: auto !important; }
  .ast-site-title-wrap { margin-left: 8px !important; }
  .site-branding .site-title a { font-size: 11px !important; white-space: normal !important; }
  .sw-hero-logo { max-width: 72px !important; top: 8px !important; left: 6px !important; }
  #ast-hf-menu-1 > .menu-item > a { font-size: 14px !important; padding: 10px 14px !important; }
  .sw-tagline-bar p { font-size: 14px !important; }
  /* Hero tagline 50% smaller */
  .sw-hero-logo-wrap + div p { font-size: 10px !important; padding: 8px 12px !important; }
  .sw-hero-logo-wrap + div { padding: 8px 12px !important; }
}
