/*
Theme Name: Marble Address
Description: Main CSS file for the Marble Address theme.
*/

/* Typography System */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

body {
  font-family: 'Noto Sans Arabic', sans-serif;
  direction: rtl;
  text-align: right;
  line-height: 1.6;
}

.en-text {
  font-family: 'Montserrat', sans-serif;
  direction: ltr;
  text-align: left;
}

/* Accent Color Usage */
.accent-text {
    color: var(--gold);
}

.accent-bg {
    background-color: var(--gold);
}

/* WhatsApp Floating Button Style */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-float:hover {
    background-color: #128C7E;
}