/*
Theme Name: Burgreez (Static to WP)
Author: Converted by ChatGPT
Version: 1.0.0
*/


/* ===== Navbar CTA Button (Delverina) ===== */
header nav .nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background: var(--orange);
  color:#fff !important;
  font-weight:800;
  line-height:1;
  margin-inline-start: 14px; /* "يسار شوي" بعد التواصل */
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

header nav .nav-cta:hover{
  color:#fff !important;
  filter: brightness(1.05);
  transform: translateY(-1px);
}
/* ===== Fix: prevent "من نحن" from wrapping ===== */
header nav a{
  white-space: nowrap;
}



/* موبايل: خليه واضح داخل القائمة */
nav#siteNav .nav-cta{
  margin-inline-start: 0;
  width: 100%;
  text-align:center;
}


/* رسالة النجاح / الخطأ بدون كسر التصميم */
.form-alert {
  position: absolute;
  top: 0px;
  inset-inline-start: 18px;
  inset-inline-end: 18px;
  z-index: 5;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align:center;
 
}

/* نجاح */
.form-alert.success {
  background: rgba(0, 128, 0, 0.12);
  color: #1e7e34;
  border: 1px solid rgba(0, 128, 0, 0.25);
 
}

/* خطأ */
.form-alert.error {
  background: rgba(255, 0, 0, 0.12);
  color: #a10000;
  border: 1px solid rgba(255, 0, 0, 0.25);
}


/* Floating Action Buttons */
.floating-actions {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

.floating-actions {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}



/* Base button */

/* ===== Floating actions (bottom-left) ===== */
.floating-actions{
  position: fixed;
  left: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 99999;
}

/* IMPORTANT: target only our buttons to avoid FontAwesome .fab conflict */
.floating-actions > a.fab{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: block;              /* avoid inherited flex rules */
  position: relative;          /* for absolute centering of icon */
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(0,0,0,.25);
}

/* Force icon/text to be perfectly centered مهما كانت أي ستايلات ثانية */
.floating-actions > a.fab > i,
.floating-actions > a.fab > span{
  position: absolute !important;
  inset: 0 !important;         /* top/right/bottom/left = 0 */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  color: #fff !important;
}

/* sizes */
.floating-actions > a.fab > i{ font-size: 26px !important; }
.floating-actions > a.fab > span{
  font-size: 26px !important;
  font-weight: 800 !important;
  font-family: Arial, sans-serif !important;
}

/* colors */
.fab-whatsapp{ background:#25D366; }
.fab-call{ background:#E53935; }
.fab-deliverena{ background:#FF6A00; }

/* hover */
.floating-actions > a.fab:hover{
  transform: scale(1.06);
  transition: transform .15s ease;
}