/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
  --white: #fff;

  /* Neutral shades */
  --neutral-50: #fbf9fa;
  --neutral-100: #f4f5f7;
  --neutral-200: #e4e4e7;
  --neutral-300: #d0d5dd;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #030712;

  /* Neutral shades */
  /* define own pallet with brand colors */
  --primary-50: var(--neutral-50);
  --primary-100: var(--neutral-100);
  --primary-200: var(--neutral-200);
  --primary-300: var(--neutral-300);
  --primary-400: var(--neutral-400);
  --primary-500: var(--neutral-500);
  --primary-600: var(--neutral-600);
  --primary-700: var(--neutral-700);
  --primary-800: var(--neutral-800);
  --primary-900: var(--neutral-900);
  --primary-950: var(--neutral-900);

  /* Primary colors */
  /* Use shades from comments if `primary` colors use other colors, then neutral */
  --primary: var(--neutral-900);
  /* var(--primary-600) */
  --primary-lifted: var(--neutral-800);
  /* var(--primary-700) */
  --primary-accented: var(--neutral-700);
  /* var(--primary-800) */

  /* Secondary colors */
  --secondary: var(--neutral-500);
  --secondary-lifted: var(--neutral-600);
  --secondary-accented: var(--neutral-700);

  /* Success colors */
  --success: #00a63e;
  --success-lifted: #008236;
  --success-accented: #016630;

  /* Info colors */
  --info: #155dfc;
  --info-lifted: #1447e6;
  --info-accented: #193cb8;

  /* Notice colors */
  --notice: #7f22fe;
  --notice-lifted: #7008e7;
  --notice-accented: #5d0ec0;

  /* Warning colors */
  --warning: #f54a00;
  --warning-lifted: #ca3500;
  --warning-accented: #9f2d00;

  /* Error colors */
  --error: #e7000b;
  --error-lifted: #c10007;
  --error-accented: #9f0712;

  /* Grayscale colors */
  --grayscale: var(--neutral-900);
  --grayscale-lifted: var(--neutral-800);
  --grayscale-accented: var(--neutral-700);

  /* Neutral colors */
  --neutral: var(--neutral-500);
  --neutral-lifted: var(--neutral-600);
  --neutral-accented: var(--neutral-700);

  /* Text neutral colors */
  --text-inverted: var(--white);
  --text-muted: var(--neutral-400);
  --text-lifted: var(--neutral-500);
  --text-accented: var(--neutral-600);
  --text: var(--neutral-900);

  /* Border neutral colors */
  --border-muted: var(--neutral-200);
  --border: var(--neutral-300);
  --border-lifted: var(--neutral-400);
  --border-accented: var(--neutral-600);

  /* Background neutral colors */
  --bg: var(--white);
  --bg-muted: var(--neutral-50);
  --bg-lifted: var(--neutral-100);
  --bg-accented: var(--neutral-200);
  --bg-inverted: var(--neutral-900);

  /* Additional colors */
  --yellow-200: #fff085;
  --yellow-300: #ffdf20;
  --teal-300: #46edd5;
  --teal-400: #00d5be;
  --emerald-300: #5ee9b5;
  --pink-400: #fb64b6;

  /* Additional custom properties */
  /* Font sizes */
  --text-xs: 0.625rem;
  --text-sm: 0.75rem;
  --text-md: 0.875rem;
  --text-lg: 1rem;

  /* Spacing */
  --outline-sm: 1px;
  --outline-md: 2px;
  --outline-lg: 3px;

  /* Rounding */
  --rounding-sm: 0.25rem;
  --rounding-md: 0.5rem;
  --rounding-lg: 0.75rem;

  /* Other */
  --letter-spacing: 0em;
  --disabled-opacity: 25%;
}


/* ===== FONTS ===== */
@font-face {
  font-family: 'Doran';
  font-style: normal;
  font-weight: 100;
  src: url('./woff2/DoranFaNum-Thin.woff2') format('woff2'), url('./woff/DoranFaNum-Thin.woff') format('woff');
}

@font-face {
  font-family: 'Doran';
  font-style: normal;
  font-weight: 300;
  src: url('./woff2/DoranFaNum-Light.woff2') format('woff2'), url('./woff/DoranFaNum-Light.woff') format('woff');
}

@font-face {
  font-family: 'Doran';
  font-style: normal;
  font-weight: 400;
  src: url('./woff2/DoranFaNum-Regular.woff2') format('woff2'), url('./woff/DoranFaNum-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Doran';
  font-style: normal;
  font-weight: 500;
  src: url('./woff2/DoranFaNum-Medium.woff2') format('woff2'), url('./woff/DoranFaNum-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Doran';
  font-style: normal;
  font-weight: 700;
  src: url('./woff2/DoranFaNum-Bold.woff2') format('woff2'), url('./woff/DoranFaNum-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Doran';
  font-style: normal;
  font-weight: 800;
  src: url('./woff2/DoranFaNum-ExtraBold.woff2') format('woff2'), url('./woff/DoranFaNum-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'Doran';
  font-style: normal;
  font-weight: 900;
  src: url('./woff2/DoranFaNum-Black.woff2') format('woff2'), url('../assets/css/woff/DoranFaNum-Black.woff') format('woff');
}

@font-face {
  font-family: 'Lahzeh Variable';
  src: url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2-variations'),
    url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  font-variation-settings: 'wght' var(--font-weight, 400);
}

@font-face {
  font-family: 'Lahzeh Variable';
  src: url('./lahzeh/Lahzeh-FamilyVF.woff2') format('woff2'),
    url('./lahzeh/Lahzeh-FamilyVF.woff') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html,
body {
  direction: rtl;
  font-family: 'Lahzeh Variable' !important;
  -moz-font-feature-settings: "ss01";
  -webkit-font-feature-settings: "ss01";
  font-feature-settings: "ss01";

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Doran' !important;
  text-transform: capitalize !important;
}

h1,
h2,
h3 {
  font-weight: 900 !important;
}

h4, h5, h6 {
    font-weight: 700 !important;
    font-size: 18px;
}

p,
button,
a,
li,
input {
  font-family: 'Lahzeh Variable' !important;
  -moz-font-feature-settings: "ss01";
  -webkit-font-feature-settings: "ss01";
  font-feature-settings: "ss01";
}

#order-standard_cart .domain-selection-options .option .iradio_square-blue {
  margin-right: unset;
  margin-left: 10px;
}

.domain-promo-box i {
    float: left!important;
}
.domain-promo-box h3 {
   font-size:16px !important;
}

div.product-details div.product-icon {
    margin: 0;
    background-color: #efefef;
    border-radius: var(--rounding-md);
    padding: 30px;
    line-height: 1em;
    font-size: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}

#order-standard_cart .font-size-36 {
    font-size: 24px !important;
}