/**
 * Florya Tekstil - Premium corporate header
 * Loads AFTER Journal2 dynamic CSS. Does not alter table layout.
 */

.florya-header {
  --fh-brand: #ea2349;
  --fh-brand-dark: #c41e3a;
  --fh-ink: #1c1d20;
  --fh-muted: #6b7280;
  --fh-line: rgba(28, 29, 32, 0.1);
  --fh-surface: #ffffff;
  --fh-bar: #f8f9fb;
  --fh-search: #f3f4f6;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.florya-header.journal-header-center #header.journal-header {
  max-width: 1240px;
}

/* Background layers */
.florya-header .journal-top-header {
  background-color: var(--fh-bar) !important;
  border-bottom: 1px solid var(--fh-line) !important;
}

.florya-header .journal-center-bg {
  background-color: var(--fh-surface) !important;
}

.florya-header .journal-menu-bg {
  background-color: var(--fh-surface) !important;
  border-top: 1px solid var(--fh-line);
}

.florya-header .header {
  background-color: var(--fh-surface) !important;
}

/* Utility bar */
.florya-header .florya-bar-top .top-menu > li > a,
.florya-header .florya-bar-top .top-menu > li > span {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--fh-muted) !important;
  transition: color 0.25s cubic-bezier(0.32, 0.72, 0, 1);
}

.florya-header .florya-bar-top .top-menu > li > a:hover {
  color: var(--fh-brand) !important;
  background-color: transparent !important;
}

.florya-header #language .dropdown-toggle,
.florya-header #currency .dropdown-toggle {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 6px !important;
  background: var(--fh-surface) !important;
  color: var(--fh-muted) !important;
}

/* Search */
.florya-header #search input {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--fh-ink) !important;
  background-color: var(--fh-search) !important;
  border: 1px solid var(--fh-line) !important;
  border-radius: 8px !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.florya-header #search input::placeholder {
  color: #9ca3af !important;
}

.florya-header #search input:focus {
  outline: none !important;
  border-color: rgba(234, 35, 73, 0.35) !important;
  box-shadow: 0 0 0 3px rgba(234, 35, 73, 0.1) !important;
}

.florya-header .button-search {
  color: var(--fh-muted) !important;
  border: none !important;
  border-radius: 8px !important;
  transition: color 0.2s ease;
}

.florya-header .journal-search:hover .button-search {
  color: var(--fh-brand) !important;
}

/* Cart */
.florya-header #cart {
  border: none !important;
}

.florya-header #cart .heading {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fh-ink) !important;
}

.florya-header #cart .heading i {
  background-color: var(--fh-brand) !important;
  border: none !important;
  border-radius: 50% !important;
  transition: background-color 0.25s ease, transform 0.15s ease;
}

.florya-header #cart .heading i:before {
  color: #fff !important;
  font-size: 20px !important;
}

.florya-header #cart .heading:hover i {
  background-color: var(--fh-brand-dark) !important;
}

.florya-header #cart .heading:active {
  transform: scale(0.98);
}

.florya-header #cart .content .cart-wrapper {
  border-radius: 10px !important;
  box-shadow: 0 20px 50px rgba(28, 29, 32, 0.14) !important;
}

/* Category navigation */
.florya-header .super-menu {
  background-color: var(--fh-surface) !important;
  border: none !important;
}

.florya-header .super-menu > li {
  border: none !important;
  border-left: none !important;
}

.florya-header .super-menu > li > a {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--fh-ink) !important;
  line-height: 46px !important;
  padding: 0 18px !important;
  transition: color 0.25s cubic-bezier(0.32, 0.72, 0, 1);
  position: relative;
}

.florya-header .super-menu > li > a::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  background: var(--fh-brand);
  transform: scaleX(0);
  transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1);
}

.florya-header .super-menu > li:hover > a,
.florya-header .super-menu > li > a:hover {
  color: var(--fh-brand) !important;
  background-color: transparent !important;
}

.florya-header .super-menu > li:hover,
.florya-header .super-menu > li:hover > a {
  background-color: transparent !important;
}

.florya-header .super-menu > li:hover > a::after,
.florya-header .super-menu > li > a:hover::after {
  transform: scaleX(1);
}

.florya-header .super-menu > li > div {
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 24px 48px rgba(28, 29, 32, 0.12) !important;
  border: 1px solid var(--fh-line) !important;
}

/* Logo */
.florya-header #logo a img {
  transition: opacity 0.25s ease;
}

.florya-header #logo a:hover img {
  opacity: 0.88;
}

/* Sticky - override Journal2 green */
html.header-sticky .florya-header.is-scrolled .header,
html.sticky-menu .is-sticky .florya-header .header {
  background-color: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 1px 0 var(--fh-line), 0 8px 30px rgba(28, 29, 32, 0.07) !important;
}

html.sticky-menu .is-sticky .florya-header .super-menu,
html.sticky-menu .is-sticky .florya-header .journal-menu-bg {
  background-color: var(--fh-surface) !important;
}

/* Autocomplete */
.florya-header .autocomplete2-suggestions {
  border-radius: 10px !important;
  border: 1px solid var(--fh-line) !important;
  box-shadow: 0 16px 40px rgba(28, 29, 32, 0.1) !important;
}

@media (max-width: 760px) {
  .florya-header .super-menu > li > a {
    font-size: 10px !important;
    padding: 0 12px !important;
    line-height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .florya-header *,
  .florya-header *::before,
  .florya-header *::after {
    transition: none !important;
    animation: none !important;
  }
}