/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --container-max-width: 1360px;

  --primary-gradient-horizontal: linear-gradient(
    to right,
    #003E9C 0%,
    #0057D9 35%,
    #2F80ED 70%,
    #BFDFFF 100%
  );

  --primary-gradient-lengthwise: linear-gradient(
    180deg,
    #003E9C 0%,
    #0057D9 35%,
    #2F80ED 70%,
    #BFDFFF 100%
  );

  --primary-white: #ffffff;

  --potf-primary: #0057D9;
  --potf-primary-light: #EAF4FF;
  --potf-secondary: #0B1F3A;

  --potf-text: #172033;
  --potf-text-soft: #5F6F89;
  --potf-accent: #2F80ED;
  --potf-heading: #062A5F;
  --potf-muted: #8A9AB3;

  --potf-button: #0057D9;

  --potf-font-heading: "Inter", sans-serif;
  --potf-font-body: "Inter", sans-serif;
  --potf-font-accent: var(--potf-font-body);

  /* Responsive typography scale: desktop defaults. */
  --potf-type-display: clamp(3rem, 3.5vw, 3.5rem);
  --potf-type-page-title: clamp(2.875rem, 3.25vw, 3.375rem);
  --potf-type-section-title: clamp(2.625rem, 3vw, 3rem);
  --potf-type-content-title: clamp(2rem, 2.3vw, 2.125rem);
  --potf-type-subtitle: clamp(1.375rem, 1.7vw, 1.5rem);

  --potf-bg: #ffffff;
  --bg-secondary: #F3F8FF;

  --border: 1px solid rgba(0, 87, 217, 0.14);
}

body {
  overflow-x: hidden;
  font-family: var(--potf-font-body, "Inter", sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--potf-text);
}

button,
input,
select,
textarea,
optgroup,
.elementor,
.woocommerce,
.woocommerce-page {
  font-family: var(--potf-font-body, "Inter", sans-serif);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--potf-font-heading, "Inter", sans-serif);
  line-height: 1.2;
  color: var(--potf-heading);
  margin-top: 0;
}

h1 { font-size: var(--potf-type-page-title); }
h2 { font-size: var(--potf-type-section-title); }
h3 { font-size: var(--potf-type-subtitle); }
p { font-size: 1rem; }

/* Tablet typography (768px - 1024px). */
@media (max-width: 1024px) {
  :root {
    --potf-type-display: clamp(2.5rem, 5vw, 3rem);
    --potf-type-page-title: clamp(2.375rem, 4.6vw, 2.875rem);
    --potf-type-section-title: clamp(2.125rem, 4.1vw, 2.625rem);
    --potf-type-content-title: clamp(1.875rem, 3vw, 2rem);
    --potf-type-subtitle: clamp(1.25rem, 2.4vw, 1.375rem);
  }
}

/* Mobile typography (up to 767px). */
@media (max-width: 767px) {
  :root {
    --potf-type-display: clamp(2rem, 6.5vw, 2.5rem);
    --potf-type-page-title: clamp(2rem, 6vw, 2.375rem);
    --potf-type-section-title: clamp(1.75rem, 5vw, 2.125rem);
    --potf-type-content-title: clamp(1.5rem, 4vw, 1.875rem);
    --potf-type-subtitle: clamp(1.0625rem, 3vw, 1.25rem);
  }
}

main#site-content,
.site-main,
.site-content,
.wrap,
.elementor-section > .elementor-container,
.elementor-container {
  max-width: var(--container-max-width);
  width: min(100%, var(--container-max-width));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

main#site-content,
.site-content,
.wrap {
  max-width: var(--container-max-width);
  width: 100%;

}