/*
Theme Name: AlgoDevelop Cloud
Theme URI: https://algodevelop.example
Author: AlgoDevelop
Description: Dark, gold-on-charcoal marketing site for the AlgoDevelop Cloud trading platform. One-page landing with hero, how-it-works, features, pricing and contact, plus templates for normal WordPress pages such as Terms and Privacy. All wording and links are editable from Appearance to Customize.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: algodevelop
Tags: dark, one-column, custom-colors, custom-menu, editor-style, translation-ready
*/

/* ============================================================
   Landing-page styles.
   The shared design system lives in assets/css/base.css and
   assets/css/app.css, which functions.php loads first.
   ============================================================ */

.topnav{
  display:flex; align-items:center; gap:12px;
  padding:16px 24px; max-width:1120px; margin:0 auto;
}
.topnav__links{ display:flex; align-items:center; gap:10px; }
.topnav__links a.menu-link{ font-size:13.5px; color:var(--muted); padding:6px 10px; border-radius:8px; }
.topnav__links a.menu-link:hover{ color:var(--text); background:var(--panel); }

.hero{ max-width:900px; margin:0 auto; padding:70px 24px 40px; text-align:center; }
.hero h1{ font-size:44px; line-height:1.14; letter-spacing:-.035em; }
.hero p.hero__lede{ font-size:17px; color:var(--muted); margin:18px auto 0; max-width:600px; line-height:1.65; }
.hero__cta{ display:flex; gap:12px; justify-content:center; margin-top:30px; flex-wrap:wrap; }
.hero__fine{ max-width:520px; margin:16px auto 0; }

.wrap{ max-width:1120px; margin:0 auto; padding:0 24px 80px; }

.flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:20px; }
.flow__card{ background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:20px; }
.flow__n{
  width:26px; height:26px; border-radius:8px; display:grid; place-items:center;
  background:var(--accent-soft); color:var(--accent); font-weight:700; font-size:12px; margin-bottom:12px;
}

.sect{ margin-top:64px; }
.sect__title{ font-size:24px; letter-spacing:-.02em; text-align:center; }
.sect__hint{ text-align:center; color:var(--muted); margin-top:8px; font-size:14.5px; }

.foot{
  border-top:1px solid var(--line); padding:26px 24px;
  text-align:center; color:var(--dim); font-size:12.5px; line-height:1.8;
}
.foot a{ color:var(--muted); text-decoration:underline; text-underline-offset:2px; }
.foot a:hover{ color:var(--text); }

/* normal WordPress pages (Terms, Privacy, About...) */
.entry{ max-width:760px; margin:0 auto; padding:48px 24px 80px; }
.entry__title{ font-size:32px; letter-spacing:-.025em; margin-bottom:8px; }
.entry__meta{ color:var(--dim); font-size:12.5px; margin-bottom:28px; }
.entry__body{ font-size:15px; line-height:1.75; color:var(--muted); }
.entry__body h2{ font-size:20px; color:var(--text); margin:32px 0 10px; }
.entry__body h3{ font-size:16px; color:var(--text); margin:24px 0 8px; }
.entry__body p{ margin:0 0 16px; }
.entry__body ul,.entry__body ol{ margin:0 0 16px; padding-left:22px; }
.entry__body li{ margin-bottom:7px; }
.entry__body a{ color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.entry__body img{ max-width:100%; height:auto; border-radius:var(--r); }
.entry__body blockquote{
  margin:0 0 16px; padding:12px 16px; border-left:3px solid var(--accent);
  background:var(--panel); border-radius:0 8px 8px 0;
}
.entry__body code{
  font-family:var(--mono); font-size:12.5px; background:var(--panel-2);
  padding:2px 6px; border-radius:5px;
}
.entry__body pre{
  background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--r);
  padding:14px; overflow:auto;
}
.entry__body table{ width:100%; border-collapse:collapse; margin-bottom:16px; font-size:13.5px; }
.entry__body th,.entry__body td{ padding:10px 12px; border-bottom:1px solid var(--line-soft); text-align:left; }

/* WordPress core alignment classes */
.alignleft{ float:left; margin:0 20px 16px 0; }
.alignright{ float:right; margin:0 0 16px 20px; }
.aligncenter{ display:block; margin-left:auto; margin-right:auto; }
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap;
}
.skip-link:focus{
  position:fixed; top:10px; left:10px; z-index:400; width:auto; height:auto;
  clip:auto; padding:10px 16px; background:var(--accent); color:var(--accent-ink);
  border-radius:8px; font-weight:600;
}

@media (max-width:860px){
  .hero h1{ font-size:31px; }
  .flow{ grid-template-columns:1fr; }
  .topnav{ flex-wrap:wrap; padding:14px; }
  .wrap{ padding:0 14px 60px; }
  .entry{ padding:32px 16px 60px; }
  .entry__title{ font-size:25px; }
}