/*
Theme Name: NagpurWala
Theme URI: https://nagpurwala.com
Author: Ram Lanjewar
Description: Custom Marketplace Theme
Version: 1.0
Text Domain: nagpurwala
*/

/*==================================================
=            NAGPURWALA GLOBAL STYLES              =
==================================================*/


/*==================================================
=            Theme Color Variables                 =
==================================================*/

:root{

    --primary-color:#047495;
    --secondary-color:#FC6506;
    --success-color:#28a745;
    --danger-color:#dc3545;
    --warning-color:#ffc107;
    --info-color:#0dcaf0;
    --dark:#212529;
    --gray:#6c757d;
    --light:#f8f9fa;
    --white:#ffffff;
    --text-color:#333333;
    --border-color:#e9ecef;
    --radius:10px;
    --transition:.30s ease;
    --shadow-sm:0 2px 10px rgba(0,0,0,.05);
    --shadow-md:0 5px 20px rgba(0,0,0,.08);
}



/*==================================================
=            Reset
==================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Segoe UI',sans-serif;

    color:var(--text-color);

    background:var(--white);

    line-height:1.6;

    overflow-x:hidden;

}



/*==================================================
=            Typography
==================================================*/

h1,h2,h3,h4,h5,h6{

    font-weight:700;

    color:var(--dark);

}

p{

    margin-bottom:15px;

}

a{

    color:var(--primary-color);

    text-decoration:none;

    transition:var(--transition);

}

a:hover{

    color:var(--secondary-color);

}



/*==================================================
=            Images
==================================================*/

img{

    max-width:100%;

    height:auto;

}



/*==================================================
=            Buttons
==================================================*/

.btn{

    border-radius:30px;

    transition:var(--transition);

    font-weight:600;

}

.btn-primary{

    background:var(--primary-color);

    border-color:var(--primary-color);

}

.btn-primary:hover{

    background:var(--secondary-color);

    border-color:var(--secondary-color);

}

.btn-warning{

    background:var(--secondary-color);

    border-color:var(--secondary-color);

    color:#fff;

}

.btn-warning:hover{

    background:var(--primary-color);

    border-color:var(--primary-color);

    color:#fff;

}



/*==================================================
=            Form Controls
==================================================*/

.form-control,
.form-select{

    height:50px;

    border-radius:8px;

    border:1px solid var(--border-color);

    box-shadow:none;

}

.form-control:focus,
.form-select:focus{

    border-color:var(--primary-color);

    box-shadow:none;

}



/*==================================================
=            Cards
==================================================*/

.card{

    border:none;

    border-radius:var(--radius);

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.card:hover{

    box-shadow:var(--shadow-md);

}



/*==================================================
=            Utilities
==================================================*/

.bg-primary-custom{

    background:var(--primary-color);

}

.bg-secondary-custom{

    background:var(--secondary-color);

}

.text-primary-custom{

    color:var(--primary-color);

}

.text-secondary-custom{

    color:var(--secondary-color);

}

.border-custom{

    border:1px solid var(--border-color);

}

.rounded-custom{

    border-radius:var(--radius);

}

.shadow-custom{ box-shadow:var(--shadow-sm);}



/*==================================================
=            Responsive
==================================================*/

@media(max-width:991px){

    body{

        font-size:15px;

    }

}