/* =========================
   DALELAK DARK LUXURY THEME
   ONLY STYLE VALUES UPDATED
========================= */

body,
.maincont {
    background: #050816;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

/* HEADER */
.nav-bar,
.nav-bar .navbar,
.bg-dark,
#hdiv {
    background: rgba(5, 8, 22, 0.92) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(139, 92, 246, 0.25);
}

/* MAIN BUTTONS */
.btn,
.btnstandard,
.continue,
.addtocart,
.moreinfo,
.btnaction,
.locbtn {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(124, 58, 237, 0.35);
    transition: all .35s ease;
}

.btn:hover,
.btnstandard:hover,
.continue:hover,
.addtocart:hover,
.moreinfo:hover,
.btnaction:hover,
.locbtn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(168, 85, 247, 0.5);
}

/* SEARCH AREA */
.locationoutsidebox,
.contact-form-style,
.wrappingbox,
.searchbox,
.textarea,
.singletextarea,
.inputtextbox,
.inputtextareabox {
    background: rgba(15, 23, 42, 0.92);
    border: 1px solid rgba(139, 92, 246, 0.25);
    border-radius: 20px;
    color: #ffffff;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 35px rgba(0,0,0,0.35);
}

.textarea,
.singletextarea,
.inputtextbox,
.inputtextareabox {
    padding: 14px 18px;
}

/* HERO SECTION */
.headertopsection {
    background:
        linear-gradient(rgba(5,8,22,.72), rgba(5,8,22,.88)),
        url('/images/dubai-night.jpg');
    background-size: cover;
    background-position: center;
}

/* WAVE EFFECT */
.headertopsection::before {
    background: rgba(124, 58, 237, 0.18);
}

.headertopsection::after {
    background: rgba(168, 85, 247, 0.12);
}

/* PROPERTY CARDS */
.item-box,
.divwrapperdynamic,
.divwrapperdynamicnoheight,
.rowitems,
.itemwrapper,
.innerboxwrapper {
    background: linear-gradient(180deg, #111827, #0b1120);
    border: 1px solid rgba(139, 92, 246, 0.22);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,0.45);
    transition: all .35s ease;
}

.item-box:hover,
.rowitems:hover,
.itemwrapper:hover {
    transform: translateY(-6px);
    border-color: #a855f7;
    box-shadow: 0 20px 45px rgba(124, 58, 237, 0.35);
}

/* CARD IMAGES */
.item-box img,
.mainimageclass,
.mainimageclass img,
.image-responsive,
.image-responsive img {
    border-radius: 18px;
    object-fit: cover;
}

/* TITLES */
.section-title .title,
.contact-form .title,
.pageheader,
.headertitle,
h2,
.mytitle {
    color: #ffffff;
    font-weight: 700;
}

/* PURPLE HIGHLIGHT */
.gradient-text,
.headertitlecolor,
.labelpricevalue,
.priceclass {
    color: #a855f7 !important;
}

/* PRICE AREA */
.itemprice,
.groupprices,
.moreoptions {
    background: linear-gradient(135deg, #6d28d9, #9333ea);
    color: #ffffff;
    border-radius: 16px;
    font-weight: 700;
}

/* FOOTER */
.footer-area,
.footer-bottom {
    background: #070b18;
    color: rgba(255,255,255,0.75);
    border-top: 1px solid rgba(139, 92, 246, 0.2);
}

/* MENU LINKS */
.menu li a,
#ar .menu li a,
a.pageslinks,
.pageul ul li a.pagelink,
.deptsul ul li a.deptslink,
.catsul ul li a.catslink {
    color: rgba(255,255,255,0.88);
    transition: all .3s ease;
}

.menu li a:hover,
a.pageslinks:hover,
.pageul ul li a.pagelink:hover,
.deptsul ul li a.deptslink:hover,
.catsul ul li a.catslink:hover {
    color: #c084fc;
}

/* SEARCH BUTTON */
.btnsearchbox,
.searchbtn {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #fff;
    border-radius: 14px;
}

/* SCROLL MENU */
div.scrollmenu {
    background: transparent;
}

div.scrollmenu a:hover {
    background: rgba(124, 58, 237, 0.2);
    border-radius: 10px;
}

/* TABLES */
.table,
.table-responsive,
.datainputstable {
    background: rgba(15, 23, 42, 0.65);
    color: #ffffff;
    border-radius: 18px;
}

/* FORM LABELS */
.labelvalue,
.label,
.labelss,
.lablebox {
    color: rgba(255,255,255,0.8);
}

/* ICONS */
.menuicon,
.toggle,
.iconbar {
    color: #c084fc;
}

/* SPECIAL BADGES */
.saveprice,
.itemtype {
    color: #22c55e;
}

/* STATUS COLORS */
.warningtime {
    background: #facc15 !important;
    color: #111827 !important;
}

.delete {
    background: linear-gradient(135deg,#dc2626,#ef4444) !important;
}

.addnew {
    background: linear-gradient(135deg,#16a34a,#22c55e) !important;
}

/* SOCIAL */
.social_nav li {
    border: 1px solid rgba(139,92,246,.3);
    border-radius: 12px;
    background: rgba(255,255,255,.03);
}

/* GLOW EFFECTS */
.locationoutsidebox,
.item-box,
.contact-form-style,
.wrappingbox {
    box-shadow:
        0 0 0 1px rgba(139,92,246,0.15),
        0 10px 30px rgba(124,58,237,0.18);
}

/* MOBILE MENU */
.menu.active .toggle {
    background: #111827;
    border-radius: 24px;
}

/* SCROLL UP BUTTON */
#scrollUp {
    background: linear-gradient(135deg,#7c3aed,#a855f7);
    box-shadow: 0 10px 30px rgba(124,58,237,.4);
}

/* PROPERTY INFO BOX */
.iteminfoboxwrapper {
    background: linear-gradient(180deg,#111827,#0f172a);
    border-radius: 20px;
    border: 1px solid rgba(139,92,246,.2);
}

.iteminfoboxrowwrapper {
    background: rgba(255,255,255,.05);
    color: #ffffff;
    border-radius: 14px;
}

.iteminfoboxrowwrapperleft,
.iteminfoboxrowwrapperright {
    border: 1px solid rgba(168,85,247,.25);
    border-radius: 12px;
}

/* INPUT PLACEHOLDER */
::placeholder {
    color: rgba(255,255,255,0.45);
}

/* GLOBAL LINKS */
a {
    color: #d8b4fe;
}

a:hover {
    color: #ffffff;
}

/* MAIN PAGE LINKS */
.mainpagelinks li {
    background: transparent;
}

/* IMAGE CONTAINERS */
.imagewrapper,
.imagediv img,
.fixedsizebox img {
    border-radius: 20px;
}

/* DARK GLASS EFFECT */

.divwrapperdynamicdiv,
.itemslistholderdiv {
    background: rgba(15,23,42,.7);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    border: 1px solid rgba(139,92,246,.15);
}
.dynpanel
{
width:100%;
display: block;
position: relative;
}

/* CATEGORY BOXES */
.catswrapper,
.deptswrapper {
    border-radius: 14px;
    overflow: hidden;
}

/* MODERN SHADOW */
.item-box,
.locationoutsidebox,
.contact-form-style,
.footer-area {
    box-shadow:
        0 4px 20px rgba(0,0,0,.35),
        0 0 25px rgba(124,58,237,.08);
}