/*!
 * GamudaLand.net UI Framework
 * File: 01-foundation.css
 * Version: 1.0.0
 * Build for: Flatsome + BatDongSan33
 * Author: Kai
 */

/*==============================
=            ROOT              =
==============================*/
:root{
  --gl-primary:#C62828;
  --gl-primary-hover:#A91F24;
  --gl-success:#0F7A5A;
  --gl-dark:#1F2937;
  --gl-text:#4B5563;
  --gl-light:#6B7280;
  --gl-bg:#F7F8FA;
  --gl-white:#FFFFFF;
  --gl-border:#E5E7EB;

  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;

  --shadow-sm:0 4px 12px rgba(0,0,0,.05);
  --shadow-md:0 10px 28px rgba(0,0,0,.08);
  --shadow-lg:0 20px 48px rgba(0,0,0,.14);

  --transition:.3s ease;
}

/*==============================
=         TYPOGRAPHY          =
==============================*/
body{
    background:var(--gl-bg);
    color:var(--gl-text);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{
    color:var(--gl-dark);
    font-weight:700;
    line-height:1.3;
}

a{
    color:var(--gl-primary);
    transition:var(--transition);
    text-decoration:none;
}

a:hover{
    color:var(--gl-primary-hover);
}

/*==============================
=           BUTTONS           =
==============================*/
.button,
button,
input[type=submit]{
    border-radius:var(--radius-sm);
    transition:var(--transition);
    box-shadow:none;
}

.button.primary{
    background:var(--gl-primary);
    border-color:var(--gl-primary);
    color:#fff;
}

.button.primary:hover{
    background:var(--gl-primary-hover);
    border-color:var(--gl-primary-hover);
    transform:translateY(-2px);
}

/*==============================
=            FORM             =
==============================*/
input,
textarea,
select{
    border:1px solid var(--gl-border);
    border-radius:var(--radius-sm);
    transition:var(--transition);
    background:#fff;
}

input:focus,
textarea:focus,
select:focus{
    border-color:var(--gl-primary);
    box-shadow:0 0 0 4px rgba(198,40,40,.08);
    outline:none;
}

/*==============================
=            CARD             =
==============================*/
.product-small.box{
    border-radius:var(--radius-lg);
    transition:var(--transition);
}

.has-shadow .box{
    box-shadow:var(--shadow-md);
}

.has-shadow .box:hover{
    box-shadow:var(--shadow-lg);
    transform:translateY(-6px);
}

/*==============================
=          UTILITIES          =
==============================*/
.rounded-lg{border-radius:var(--radius-lg)!important;}
.shadow-md{box-shadow:var(--shadow-md)!important;}
.bg-white{background:#fff!important;}
.text-primary{color:var(--gl-primary)!important;}
.text-dark{color:var(--gl-dark)!important;}