.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h2{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h3{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h4{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h5{font-family:"Manrope", Sans-serif;}.elementor-kit-7 h6{font-family:"Manrope", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* AOPY fonts: follow Site Settings > Global Fonts.
   Primary = titles (Manrope 700), Secondary = text (Inter).
   Code in HTML widgets uses var(--aopy-ff-head) / var(--aopy-ff-body). */
:root,body{--aopy-ff-head:var(--e-global-typography-primary-font-family,"Manrope"),system-ui,sans-serif;--aopy-ff-body:var(--e-global-typography-secondary-font-family,"Inter"),system-ui,sans-serif}

/* Elementor defaults: Heading widget = Primary font, Button = Accent font, Text Editor = Text font.
   Exceptions use a class instead of a font on the widget: aopy-ff-body (heading widget as small text)
   and aopy-ff-head (title look on a button or non-heading). */
.elementor-widget.aopy-ff-body .elementor-heading-title,.elementor-widget.aopy-ff-body .elementor-button{font-family:var(--aopy-ff-body)}
.elementor-widget.aopy-ff-head,.elementor-widget.aopy-ff-head .elementor-heading-title,.elementor-widget.aopy-ff-head .elementor-button{font-family:var(--aopy-ff-head)}

/* =========================================================
   AOPY – global type scale (same sizes as the "Despre noi" page)
   Where to paste: Elementor > Site Settings > Custom CSS
   (or the end of the WPCode "CSS" snippet).
   Breakpoints: desktop > 1024px, tablet <= 1024px, mobile <= 767px.
   v2: applies to Home too, and adds a minimum size for labels and
   small text (no readable text below 13px). Replace the whole v1 block.
   !important is needed to beat sizes set per widget in Elementor
   and the theme's .pxl-heading classes.
   ========================================================= */

:root{
  --aopy-h1:62px;  --aopy-h2:52px;  --aopy-h3:22px;  --aopy-h4:18px;  --aopy-h5:16px;  --aopy-h6:13px;
  --aopy-lede:18px; --aopy-body:17px; --aopy-small:15px; --aopy-label:13px; --aopy-btn:16px;
}
@media (max-width:1024px){
  :root{ --aopy-h1:50px; --aopy-h2:42px; --aopy-h3:22px; --aopy-h4:18px; --aopy-h5:16px; }
}
@media (max-width:767px){
  :root{ --aopy-h1:38px; --aopy-h2:31px; --aopy-h3:20px; --aopy-h4:17px; --aopy-h5:15px;
         --aopy-lede:16px; --aopy-body:16px; --aopy-small:14px; }
}

/* Headings: only native Elementor Heading widgets, theme headings and
   blog text. Bare h1-h6 tags are NOT targeted, so headings coded inside
   HTML widgets / WPCode components (Home bento, pricing, trust, dock...)
   keep their own designed sizes. */
body h1.elementor-heading-title, body .pxl-heading h1.pxl-item--title, body .entry-content h1{
  font-size:var(--aopy-h1)!important; line-height:1.06!important; letter-spacing:-0.035em!important; font-weight:600;
}
body h2.elementor-heading-title, body .pxl-heading h2.pxl-item--title, body .entry-content h2{
  font-size:var(--aopy-h2)!important; line-height:1.1!important; letter-spacing:-0.03em!important;
}
body h3.elementor-heading-title, body .elementor-icon-box-title, body .entry-content h3{
  font-size:var(--aopy-h3)!important; line-height:1.3!important; letter-spacing:-0.01em!important;
}
body h4.elementor-heading-title, body .entry-content h4{
  font-size:var(--aopy-h4)!important; line-height:1.3!important; letter-spacing:-0.01em!important;
}
body h5.elementor-heading-title, body .entry-content h5{
  font-size:var(--aopy-h5)!important; line-height:1.4!important;
}
body h6.elementor-heading-title, body .entry-content h6{
  font-size:var(--aopy-h6)!important; line-height:1.2!important; letter-spacing:0.12em!important; text-transform:uppercase;
}

/* Body text (Text Editor widget, theme text, plain paragraphs) */
body .elementor-widget-text-editor,
body .elementor-widget-text-editor p,
body .pxl-text-editor, body .pxl-text-editor p,
body .elementor-icon-box-description,
body .entry-content p{
  font-size:var(--aopy-body)!important; line-height:1.6!important;
}

/* Small text: captions, card descriptions, lists */
body small, body figcaption,
body .elementor-icon-list-text{
  font-size:var(--aopy-small)!important; line-height:1.5!important;
}

/* Buttons */
body .elementor-button, body .elementor-button .elementor-button-text,
body .pxl-btn, body input[type="submit"]{
  font-size:var(--aopy-btn)!important; line-height:1.2!important;
}

/* Optional: add one of these classes in Advanced > CSS Classes on any widget */
body .aopy-lede, body .aopy-lede p{ font-size:var(--aopy-lede)!important; line-height:1.6!important; }
body .aopy-label .elementor-heading-title, body .aopy-label{
  font-size:var(--aopy-label)!important; letter-spacing:0.12em!important; text-transform:uppercase; line-height:1.2!important;
}

/* =========================================================
   v2 – MINIMUM SIZES (labels, captions, small text)
   Label minimum: 13px. Small text: 15px desktop / 14px mobile.
   ========================================================= */

/* 1. Home (.a6-page): its 12px text comes from these tokens.
      Raising the tokens fixes every .t-caption, .t-label-s,
      .t-mono-s, .t-body-s and eyebrow on Home at once. */
html body .a6-page{
  --size-body-m:var(--aopy-body)!important;   --lh-body-m:1.6!important;
  --size-body-s:var(--aopy-small)!important;  --lh-body-s:1.5!important;
  --size-label-m:var(--aopy-small)!important; --lh-label-m:1.4!important;
  --size-label-s:var(--aopy-label)!important; --lh-label-s:1.3!important;
  --size-caption:14px!important;              --lh-caption:1.45!important;
  --size-eyebrow:var(--aopy-label)!important;
}

/* 2. Home sections coded in WPCode (labels / eyebrows, under 13px) */
body .aopy-pricing .ap-eyebrow,
body .aopy-pricing .ap-total-head span,
body .aopy-pricing .ap-details-title,
body .aopy-pricing .ap-row-price span,
body .aopy-pricing .ap-cyc em,
body .aopy-trust .at-role,
body .aopy-trust .at-stat span,
body .aopy-trust2 .at2-eyebrow,
body .aopy-trust2 .at2-slabel,
body .aopy-kbd .akb-slabel,
body .aopy-kbd2 .akb2-slabel,
body .amod-stat .l,
body .amod-badges span,
body .amod-chips span,
body .amod-soon-txt span{
  font-size:var(--aopy-label)!important; line-height:1.35!important;
}

/* 3. Home sections coded in WPCode (descriptions / small text) */
body .aopy-pricing .ap-md,
body .aopy-pricing .ap-line,
body .aopy-pricing .ap-noline,
body .aopy-pricing .ap-vat,
body .aopy-pricing .ap-row-label i,
body .aopy-pricing .ap-num,
body .aopy-trust2 .at2-gifcaption,
body .aopy-kbd .akb-byline,
body .aopy-mod-section .am-eyebrow,
body .aopy-dock .ad-desc,
body .amod-desc,
body .amod-tab{
  font-size:var(--aopy-small)!important; line-height:1.5!important;
}

/* 4. Generic small text from the theme and Elementor widgets */
body .elementor-icon-list-item, body .elementor-icon-list-item a,
body .elementor-post-info__item, body .elementor-post__meta-data,
body .elementor-image-box-description, body .elementor-testimonial-job,
body .elementor-counter-title, body .elementor-progress-text,
body .elementor-tab-title, body .elementor-accordion-title, body .e-n-accordion-item-title-text,
body .pxl-item--subtitle, body .pxl-item--desc, body .pxl-item--meta,
body .pxl-breadcrumb, body .pxl-breadcrumb a{
  font-size:max(var(--aopy-small), 1em)!important;
}
body .elementor-form .elementor-field-label{
  font-size:max(var(--aopy-label), 1em)!important;
}

/* Left untouched on purpose: the mini UI mock-ups inside the Home
   modules (.amod-rule, .amod-trow, .amod-cre, .amod-phone, .amod-mail-*,
   .amod-bubble, .amod-fmt, .amod-prod...), the .aopy-mosaic illustration
   (scaled with --u) and the keyboard keys (.kb-k, .akb-k). They are
   drawings of a phone/app at reduced scale; bigger text would break them.
   To enlarge them anyway, add their .elementor-kit-7s to block 2. */

/* =========================================================
   Home – "Why one tool" diagram (FIG. 01): bigger labels
   The labels are HTML text (.t-mono-s), not SVG text, so they can
   grow on their own; the drawing and the lines stay the same size.
   The label box keeps its height (54px desktop, 24px mobile), so
   the 5 labels never overlap.
   ========================================================= */
html body .a6-page .a6_WhyOneTool_cName{
  font-size:16px!important; line-height:1.3!important; font-weight:500;
}
html body .a6-page .a6_WhyOneTool_cSub{
  font-size:14px!important; line-height:1.3!important;
}
html body .a6-page .a6_WhyOneTool_figLabel,
html body .a6-page .a6_WhyOneTool_figLabel .elementor-heading-title{
  font-size:14px!important; line-height:1.3!important;
}
@media (max-width:767px){
  /* on mobile only the name is shown (one line, no wrapping) */
  html body .a6-page .a6_WhyOneTool_cName{ font-size:15px!important; }
  html body .a6-page .a6_WhyOneTool_cLabel{ height:24px!important; top:-12px!important; }
  html body .a6-page .a6_WhyOneTool_figLabel,
  html body .a6-page .a6_WhyOneTool_figLabel .elementor-heading-title{ font-size:13px!important; }
}

/* =========================================================
   Home – fixed-height cards: let them fit the bigger text
   ========================================================= */
/* "Cum începi" cards (FIG. 02 / 03 / 04), desktop: the text block was
   pinned to a 108px box at the bottom of a 420px card. Now it is
   anchored to the bottom and grows upwards into the free space
   under the drawing, so nothing spills over the card border. */
@media (min-width:1024px){
  html body .a6-page .a6_HowToStart_copy{
    top:auto!important; bottom:0!important; height:auto!important; padding-bottom:28px!important;
  }
  html body .a6-page .a6_HowToStart_cell{ height:auto!important; min-height:440px!important; }
}
/* "Why one tool" left column had a fixed 600px height */
html body .a6-page .a6_WhyOneTool_textCell{ height:auto!important; min-height:600px; }
@media (max-width:1199px){
  html body .a6-page .a6_WhyOneTool_textCell{ min-height:0; }
}

/* =========================================================
   Header – mobile menu (drawer #aopy-header-drawer)
   Each label showed twice: the real text plus a copy drawn below it
   by the theme's letter-roll hover effect (text-shadow / pseudo).
   This removes the copy, makes the text white and sets one size.
   Change only --aopy-menu to make the links bigger or smaller.
   ========================================================= */
html body #aopy-header-drawer{ --aopy-menu:22px; }
html body #aopy-header-drawer .pxl-menu-primary>li>a{
  display:block!important; padding:12px 0!important; background:transparent!important;
  font-size:var(--aopy-menu)!important; line-height:1.25!important; font-weight:500!important;
  color:#fff!important; text-shadow:none!important;
}
html body #aopy-header-drawer .pxl-menu-primary>li>a .pxl-menu-item-text{
  display:block!important; overflow:visible!important; height:auto!important;
  font-size:var(--aopy-menu)!important; line-height:1.25!important;
  color:#fff!important; text-shadow:none!important; transform:none!important;
}
html body #aopy-header-drawer .pxl-menu-primary>li>a .pxl-menu-item-text>span{
  display:inline!important; font-size:inherit!important; line-height:inherit!important;
  color:inherit!important; text-shadow:none!important; transform:none!important;
  transition:none!important; animation:none!important; letter-spacing:0!important;
}
html body #aopy-header-drawer .pxl-menu-primary>li>a::before,
html body #aopy-header-drawer .pxl-menu-primary>li>a::after,
html body #aopy-header-drawer .pxl-menu-primary>li>a .pxl-menu-item-text::before,
html body #aopy-header-drawer .pxl-menu-primary>li>a .pxl-menu-item-text::after,
html body #aopy-header-drawer .pxl-menu-primary>li>a .pxl-menu-item-text>span::before,
html body #aopy-header-drawer .pxl-menu-primary>li>a .pxl-menu-item-text>span::after{
  content:none!important; display:none!important;
}
html body #aopy-header-drawer .pxl-menu-primary>li.current-menu-item>a,
html body #aopy-header-drawer .pxl-menu-primary>li.current-menu-item>a .pxl-menu-item-text,
html body #aopy-header-drawer .pxl-menu-primary>li>a:hover .pxl-menu-item-text{
  color:#c4a6f2!important;
}
html body #aopy-header-drawer .pxl-menu-primary>li>a svg{ display:none!important; }

/* aopy-title-700: titlurile sunt Manrope 700 peste tot (feedback final 15.10). Etichetele cu clasa aopy-ff-body rămân pe Inter, cu greutatea lor. */
:is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.pxl-heading--text,.aopy-ff-head):not(.aopy-ff-body,.aopy-ff-body *),
:is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.pxl-heading--text):not(.aopy-ff-body,.aopy-ff-body *) :is(span,em,strong,b,a){font-weight:700!important}/* End custom CSS */