/* ==========================================================================
   Common Styles for SharpBlade - Razor Blade Manufacturing Company
   Oman's Premier Razor Blade Manufacturer
   ========================================================================== */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* ==========================================================================
   Font Variables Override
   ========================================================================== */
:root {
    /* Heading Font - TASA Orbiter (already embedded in page CSS) */
    --wp--preset--font-family--h-1-font: "TASA Orbiter", sans-serif;
    
    /* Body/Paragraph Font - Open Sans */
    --wp--preset--font-family--p-font: "Open Sans", sans-serif;
    --wp--preset--font-family--post-font: "Open Sans", sans-serif;
    
    /* Elementor Global Typography */
    --e-global-typography-primary-font-family: "TASA Orbiter", sans-serif;
    --e-global-typography-secondary-font-family: "TASA Orbiter", sans-serif;
    --e-global-typography-text-font-family: "Open Sans", sans-serif;
    --e-global-typography-accent-font-family: "Open Sans", sans-serif;
    
    /* Brand Colors */
    --brand-primary: #1a5f7a;
    --brand-secondary: #57c5b6;
    --brand-accent: #159895;
    --brand-dark: #002b5b;
}

/* ==========================================================================
   Base Typography
   ========================================================================== */

/* Body Text */
body {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.section_title,
.post_title,
.widget_title,
.sc_item_title,
.elementor-heading-title {
    font-family: "TASA Orbiter", sans-serif;
    font-weight: 600;
    line-height: 1.2;
}

/* Specific heading sizes */
h1, .elementor-widget-heading h1.elementor-heading-title { font-weight: 700; }
h2, .elementor-widget-heading h2.elementor-heading-title { font-weight: 600; }
h3, .elementor-widget-heading h3.elementor-heading-title { font-weight: 600; }
h4, .elementor-widget-heading h4.elementor-heading-title { font-weight: 500; }
h5, .elementor-widget-heading h5.elementor-heading-title { font-weight: 500; }
h6, .elementor-widget-heading h6.elementor-heading-title { font-weight: 500; }

/* Paragraphs and Text Elements */
p,
.post_content,
.post_excerpt,
.widget_text,
.elementor-widget-text-editor,
.elementor-text-editor {
    font-family: "Open Sans", sans-serif;
}

/* Navigation */
.menu-item,
.trx-addons-nav-menu-item a,
nav a {
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
}

/* Buttons */
button,
.elementor-button,
.sc_button,
input[type="submit"],
input[type="button"] {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

/* Form Elements */
input,
textarea,
select {
    font-family: "Open Sans", sans-serif;
}

/* Footer */
footer,
.footer_wrap {
    font-family: "Open Sans", sans-serif;
}

/* ==========================================================================
   Additional Resets
   ========================================================================== */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Focus styles for accessibility */
:focus-visible {
    outline: 2px solid var(--brand-primary, #1a5f7a);
    outline-offset: 2px;
}

/* Image responsiveness */
img {
    max-width: 100%;
    height: auto;
}

h1.elementor-heading-title{
    font-size:48px;
    
}

h3.elementor-heading-title{
    font-size:36px;
    
}

h5.elementor-heading-title{
    font-size:24px;
    
}