/*
 * base.css — Reset, fonts, typography, global tag styles
 *
 * @author  Mr.Server hossam.net HOSSAM ALZYOD
 * @version 2.0
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Tajawal:wght@300;400;700&display=swap');

/* ================================================================
   CSS VARIABLE OVERRIDES (Bootstrap + brand)
   ================================================================ */
:root {
    --bs-secondary-color:    #8faab8;
    --bs-secondary-rgb:      143, 170, 184;
    --bs-body-color:         #e0eaf0;
    --bs-link-color:         #00c9a7;
    --bs-link-hover-color:   #00b496;
}

/* ================================================================
   RESET
   ================================================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    font-family: 'Poppins', 'Tajawal', sans-serif;
    font-weight: 400;
}

html[dir="rtl"] body,
html[dir="rtl"] html {
    font-family: 'Tajawal', 'Poppins', sans-serif;
    font-weight: 300;
}

/* ================================================================
   LINKS
   ================================================================ */
a {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
a:focus { outline: none !important; }
a:hover { text-decoration: none; color: #00c9a7; }

/* ================================================================
   HEADINGS & PARAGRAPHS
   ================================================================ */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: inherit;
}
p {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0;
}
ul, li {
    margin: 0;
    list-style-type: none;
}

/* ================================================================
   FORM ELEMENTS — BASE RESET
   ================================================================ */
input { outline: none; border: none; }
textarea { outline: none; border: none; }

textarea:focus,
input:focus { border-color: transparent !important; }

input:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder { color: transparent; }

textarea:focus::-webkit-input-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder { color: transparent; }

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder { color: #adadad; }

textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder { color: #adadad; }

button {
    outline: none !important;
    border: none;
    background: transparent;
    font-family: inherit;
}
button:hover { cursor: pointer; }
iframe { border: none !important; }

/* ================================================================
   UTILITIES — TEXT & BG
   ================================================================ */
.txt1 {
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
}
.txt2 {
    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
    text-transform: uppercase;
}
.bg1 { background-color: #3b5998; }
.bg2 { background-color: #1da1f2; }
.bg3 { background-color: #ea4335; }

/* ================================================================
   SCROLLBAR
   ================================================================ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: #00c9a7; }