/**
 * AUR | أور — TryOrder website theme
 * Applied from aur.cp.tryorder.net website-settings
 */

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap");

:root {
  --aur-primary: #61CBC7;
  --aur-primary-hover: #4DB5B1;
  --aur-primary-dark: #3FA09C;
  --aur-body-bg: #FDFDFD;
  --aur-popup-bg: #ffffff;
  --aur-text: #000000;
  --aur-text-secondary: #878787;
  --aur-navbar-bg: #61CBC7;
  --aur-navbar-field-bg: #ffffff;
  --aur-navbar-field-text: #474b46;
  --aur-sidebar-bg: #ffffff;
  --aur-sidebar-text: #000000;
  --aur-sidebar-selected: #474b46;
  --aur-header-text: #ffffff;
  --aur-btn-bg: #61CBC7;
  --aur-btn-text: #ffffff;
  --aur-btn-radius: 10px;
  --aur-btn-shadow: none;
  --aur-tabs-bg: #f1f1f1;
  --aur-tabs-selected-bg: #61CBC7;
  --aur-tabs-selected-text: #ffffff;
  --aur-block-bg: #ffffff;
  --aur-block-border: #ededed;
  --aur-block-text: #000000;
  --aur-block-radius: 5px;
  --aur-block-shadow: none;
  --aur-price: #000000;
  --aur-footer-bg: #000000;
  --aur-footer-text: #ffffff;
  --aur-footer-selected: #f1f1f1;
  --aur-font: "IBM Plex Sans Arabic", "Open Sans", sans-serif;
}

/* Force Unify primary utilities to #61CBC7 */
.g-color-primary,
.g-color-primary--hover:hover,
.g-color-primary--hover:focus,
a.g-color-primary,
.text-primary {
  color: #61CBC7 !important;
}

.g-bg-primary,
.g-bg-primary--hover:hover,
.bg-primary {
  background-color: #61CBC7 !important;
}

.g-brd-primary,
.g-brd-primary--hover:hover,
.border-primary {
  border-color: #61CBC7 !important;
}

.g-bg-primary-opacity-0_1 {
  background-color: rgba(97, 203, 199, 0.1) !important;
}

.g-bg-primary-opacity-0_6--after::after {
  background-color: rgba(97, 203, 199, 0.6) !important;
}

a {
  color: #61CBC7;
}

a:hover,
a:focus {
  color: #4DB5B1;
}

/* ---------- Base ---------- */
html,
body {
  font-family: var(--aur-font) !important;
  background-color: var(--aur-body-bg) !important;
  color: var(--aur-text);
}

h1, h2, h3, h4, h5, h6,
p, a, span, li, label, input, button, textarea, select,
.nav-link, .btn {
  font-family: var(--aur-font);
}

/* ---------- Brand wordmark colors ---------- */
.aur-brand {
  color: var(--aur-text-secondary) !important;
  font-family: var(--aur-font) !important;
  font-style: normal !important;
}

.aur-brand {
  color: var(--aur-primary) !important;
  font-family: var(--aur-font) !important;
}

.color-gold,
.bg-gold {
  color: var(--aur-primary) !important;
}

.bg-gold {
  background-color: var(--aur-primary) !important;
  color: var(--aur-btn-text) !important;
}

/* ---------- Top navbar ---------- */
.top-header,
.u-header__section--dark.g-bg-black,
.u-header .g-bg-black {
  background-color: var(--aur-navbar-bg) !important;
  border-bottom-color: transparent !important;
  color: #ffffff !important;
}

/* Top utility links only (not dropdown items) */
.top-header a,
.u-header .g-bg-black > .container a.g-color-white-opacity-0_6,
.u-header .g-bg-black .list-inline-item > a {
  color: rgba(255, 255, 255, 0.95) !important;
}

.top-header a:hover,
.u-header .g-bg-black .list-inline-item > a:hover {
  color: #ffffff !important;
}

/* Top-level nav labels on teal bar — white for contrast */
.u-header__section--dark.g-bg-black > .container .navbar-nav > .nav-item > .nav-link,
.u-header .g-bg-black .navbar-nav > .nav-item > .nav-link,
.u-header__section.g-color-white .navbar-nav > .nav-item > .nav-link {
  color: #ffffff !important;
}

.u-header__section--dark.g-bg-black .navbar-nav > .nav-item > .nav-link:hover,
.u-header .g-bg-black .navbar-nav > .nav-item > .nav-link:hover,
.u-header__section.g-color-white .navbar-nav > .nav-item > .nav-link:hover,
.u-header__section--dark.g-bg-black .navbar-nav > .nav-item.active > .nav-link {
  color: #ffffff !important;
  opacity: 0.9;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Main nav bar (when scrolled / white) */
.u-header__section.g-bg-white,
.u-header__section--dark.g-bg-white {
  background-color: var(--aur-navbar-field-bg) !important;
}

.u-header__section.g-bg-white .navbar-nav > .nav-item > .nav-link,
.u-header__section--dark.g-bg-white .navbar-nav > .nav-item > .nav-link,
.u-header .g-bg-white .navbar-nav > .nav-item > .nav-link {
  color: var(--aur-navbar-field-text) !important;
}

.u-header__section.g-bg-white .navbar-nav > .nav-item > .nav-link:hover,
.u-header__section--dark.g-bg-white .navbar-nav > .nav-item > .nav-link:hover,
.u-header .g-bg-white .navbar-nav > .nav-item > .nav-link:hover,
.u-header__section.g-bg-white .navbar-nav > .nav-item.active > .nav-link {
  color: var(--aur-primary) !important;
  text-decoration: none;
}

.u-header .u-shadow-v18,
.u-shadow-v11,
.u-shadow-v18 {
  box-shadow: var(--aur-block-shadow) !important;
}

/* ---------- Buttons ---------- */
.btn,
.btn-md,
.u-btn-primary,
.btn-primary,
a.btn,
button.btn {
  background-color: var(--aur-btn-bg) !important;
  border-color: var(--aur-btn-bg) !important;
  color: var(--aur-btn-text) !important;
  border-radius: var(--aur-btn-radius) !important;
  box-shadow: var(--aur-btn-shadow) !important;
}

.btn:hover,
.btn:focus,
.u-btn-primary:hover,
.btn-primary:hover,
a.btn:hover {
  background-color: var(--aur-primary-hover) !important;
  border-color: var(--aur-primary-hover) !important;
  color: var(--aur-btn-text) !important;
  box-shadow: var(--aur-btn-shadow) !important;
}

.u-btn-black,
.btn-md.u-btn-black,
a.u-btn-black {
  background-color: var(--aur-btn-bg) !important;
  border-color: var(--aur-btn-bg) !important;
  color: var(--aur-btn-text) !important;
  border-radius: var(--aur-btn-radius) !important;
  box-shadow: var(--aur-btn-shadow) !important;
}

.u-btn-outline-primary,
.btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--aur-primary) !important;
  color: var(--aur-primary) !important;
  border-radius: var(--aur-btn-radius) !important;
  box-shadow: none !important;
}

.u-btn-outline-primary:hover,
.btn-outline-primary:hover {
  background-color: var(--aur-primary) !important;
  color: var(--aur-btn-text) !important;
}

.g-rounded-10,
.g-rounded-3,
.g-rounded-5 {
  border-radius: var(--aur-btn-radius) !important;
}

/* ---------- Tabs ---------- */
.nav-tabs,
.nav-pills,
.u-nav-v1,
.u-nav-v5 {
  background-color: transparent;
}

.nav-tabs .nav-link,
.nav-pills .nav-link,
.u-nav-v1 .nav-link,
.u-nav-v5 .nav-link {
  background-color: var(--aur-tabs-bg) !important;
  color: var(--aur-text) !important;
  border-radius: var(--aur-block-radius) !important;
  border: none !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.u-nav-v1 .nav-link.active,
.u-nav-v5 .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: var(--aur-tabs-selected-bg) !important;
  color: var(--aur-tabs-selected-text) !important;
}

/* ---------- Cards / blocks ---------- */
.card,
.u-block-hover,
.info-v3-3,
.g-brd-around,
.media.g-brd-around {
  background-color: var(--aur-block-bg) !important;
  border-color: var(--aur-block-border) !important;
  border-radius: var(--aur-block-radius) !important;
  box-shadow: var(--aur-block-shadow) !important;
  color: var(--aur-block-text);
}

.broder-round-5,
.g-rounded-5 {
  border-radius: var(--aur-block-radius) !important;
  box-shadow: var(--aur-block-shadow) !important;
}

/* ---------- Prices / secondary text ---------- */
.g-color-gray-dark-v3,
.g-color-gray-dark-v4,
.g-color-gray-dark-v5,
.text-muted,
.g-color-secondary {
  color: var(--aur-text-secondary) !important;
}

.price,
.g-color-price,
[class*="price"] {
  color: var(--aur-price) !important;
}

/* ---------- Homepage header ---------- */
.home-header,
.rev_slider_wrapper,
#rev_slider_1014_1_wrapper {
  color: var(--aur-header-text);
}

/* Soft teal wash where hero overlays use dark bars */
.u-bg-overlay.g-bg-black-opacity-0_6--after::after,
.g-bg-cover.g-bg-black-opacity-0_6--after::after {
  background-color: rgba(97, 203, 199, 0.45) !important;
}

/* ---------- Sidebar / megamenu / dropdowns ---------- */
.hs-mega-menu,
.hs-sub-menu,
.dropdown-menu,
.u-header .navbar-nav .hs-mega-menu,
.u-header .navbar-nav .hs-sub-menu {
  background-color: var(--aur-sidebar-bg) !important;
  color: var(--aur-sidebar-text) !important;
  border-color: var(--aur-block-border) !important;
  border-radius: var(--aur-block-radius) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

/* Dropdown labels must stay dark on white (never inherit teal-bar white) */
.u-header .hs-sub-menu a,
.u-header .hs-sub-menu .nav-link,
.u-header .hs-mega-menu a,
.u-header .hs-mega-menu .nav-link,
.u-header .dropdown-menu a,
.u-header .dropdown-menu .nav-link,
.u-header .dropdown-item > a,
.u-header .dropdown-item .nav-link,
.u-header .hs-sub-menu .g-color-gray-dark-v4,
.u-header .hs-mega-menu .g-color-gray-dark-v4 {
  color: #000000 !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

.u-header .hs-sub-menu a:hover,
.u-header .hs-sub-menu .nav-link:hover,
.u-header .hs-mega-menu a:hover,
.u-header .hs-mega-menu .nav-link:hover,
.u-header .dropdown-menu a:hover,
.u-header .dropdown-item > a:hover,
.u-header .dropdown-item .nav-link:hover {
  color: var(--aur-primary) !important;
  text-decoration: none !important;
}

/* ---------- Footer ---------- */
footer,
.footer,
#footer,
.g-bg-black.footer,
footer.g-bg-black,
footer.g-bg-main-light-v1,
.g-bg-main-light-v1,
.footer-section,
section.footer,
.u-footer {
  background-color: var(--aur-footer-bg) !important;
  color: var(--aur-footer-text) !important;
}

footer a,
.footer a,
#footer a,
.u-footer a,
footer p,
footer li,
footer h5,
footer h2,
footer span,
footer .ft_link-list-title h2,
footer .ft_link-list-title h5,
footer .g-color-gray-light-v3,
.g-bg-main-light-v1 .g-color-gray-light-v3,
.g-bg-main-light-v1 a {
  color: var(--aur-footer-text) !important;
}

footer a:hover,
.footer a:hover,
#footer a:hover,
footer a:focus,
.ft-links-list-v a:hover {
  color: var(--aur-footer-selected) !important;
}

.bottom-footer {
  border-top-color: rgba(255, 255, 255, 0.15) !important;
}

footer .aur-brand {
  color: var(--aur-text-secondary) !important;
}

footer .aur-brand {
  color: var(--aur-primary) !important;
}

/* ---------- Forms / popups ---------- */
.modal-content,
.u-popup,
.fancybox-content {
  background-color: var(--aur-popup-bg) !important;
  border-radius: var(--aur-block-radius) !important;
  box-shadow: var(--aur-block-shadow) !important;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select {
  border-color: var(--aur-block-border) !important;
  border-radius: var(--aur-block-radius) !important;
  color: var(--aur-text);
  background-color: var(--aur-popup-bg);
}

.form-control:focus {
  border-color: var(--aur-primary) !important;
  box-shadow: 0 0 0 0.15rem rgba(97, 203, 199, 0.25) !important;
}

/* ---------- Search button accent ---------- */
button.br-rds-btton-src {
  border-left-color: var(--aur-primary) !important;
  color: var(--aur-primary) !important;
}

/* ---------- Accents still using gold in helpers ---------- */
.Roastery_color,
.blue-clr {
  color: var(--aur-primary) !important;
}

/* Soft gray page sections stay light like body */
.g-bg-gray-light-v5 {
  background-color: #f7f7f7 !important;
}

/* ---------- Logo (centered in teal header) ---------- */
.u-header__logo.navbar-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px;
  margin: 0 !important;
  padding: 6px 0 !important;
  position: relative;
}

.u-header__logo-img--main.logo-position {
  position: relative !important;
  top: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  width: 88px !important;
  height: auto !important;
  max-height: 52px !important;
  z-index: 20;
}

.u-header__logo-img.logo2 {
  object-fit: contain;
  max-height: 44px !important;
  width: auto !important;
  height: 44px !important;
  background: transparent !important;
  position: relative !important;
  top: 0 !important;
}

/* When change-logo header swaps images, keep both readable */
.u-header--change-logo .u-header__logo-img--main.logo-position {
  background: transparent !important;
  top: 0 !important;
}

@media only screen and (max-width: 991px) {
  .u-header__logo-img--main.logo-position {
    width: 72px !important;
    max-height: 44px !important;
    top: 0 !important;
  }
}

.fotter-img-logo {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: contain;
  width: 90px !important;
  height: auto !important;
}