/* Argo Alpha 0.7.06 — адаптація GeneratePress під Argo Index Template */
/* Наші стилі мають абсолютний пріоритет: високоспецифічні селектори, завантаження після GP */

/* Variables (дублюємо зі style.css для зручності використання) */
:root {
  --argo-header-bg: #263238;
  --argo-header-fg: #FFFFFF;
  --argo-content-bg: #f7f8f9;
  --argo-footer-bg: #455A64;
  --argo-footer-fg: #CFD8DC;
  --argo-link: #E65100;
  --argo-container: 1128px;
}

/* Base / Typography */
body.argo-alpha { font-family: 'Roboto', system-ui, -apple-system, Segoe UI, Arial, sans-serif; color: #000000; }
body.argo-alpha a { color: var(--argo-link); text-decoration: none; }
body.argo-alpha a:hover { text-decoration: underline; }
body.argo-alpha h1, 
body.argo-alpha h2, 
body.argo-alpha h3, 
body.argo-alpha h4, 
body.argo-alpha h5, 
body.argo-alpha h6 { font-family: 'Roboto', sans-serif; font-weight: 700; color: #455A64; line-height: 1.2; margin: 1.2em 0 0.6em; }
body.argo-alpha h1 { font-size: 2.25rem; border-bottom: 2px solid currentColor; padding-bottom: .25em; }
body.argo-alpha h2 { font-size: 1.75rem; border-bottom: 2px solid currentColor; padding-bottom: .25em; }
body.argo-alpha h3 { font-size: 1.5rem; }
body.argo-alpha h4 { font-size: 1.25rem; }
body.argo-alpha h5 { font-size: 1.125rem; }
body.argo-alpha h6 { font-size: 1rem; }
body.argo-alpha p { margin: 0 0 1em; }

/* Constrained containers: header, content, footer */
body.argo-alpha .header-inner,
body.argo-alpha .footer-inner,
body.argo-alpha .footer-widgets,
/* GP content wrappers */
body.argo-alpha .site > .site-content,
body.argo-alpha .site > #content,
body.argo-alpha .site > .content,
body.argo-alpha .site .grid-container,
body.argo-alpha .site .container { 
  max-width: var(--argo-container);
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 32px);
}

/* HEADER */
body.argo-alpha .site-header { background: var(--argo-header-bg); color: var(--argo-header-fg); }
body.argo-alpha .site-header .header-inner { padding: 0; }
body.argo-alpha .site-header .header-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 72px; }
body.argo-alpha .site-header .header-bottom { min-height: 44px; display: flex; align-items: center; }

/* Logo sizing per template */
body.argo-alpha .site-header .site-logo { min-width: 216px; }
body.argo-alpha .site-header .site-logo img,
body.argo-alpha .site-header .custom-logo { max-height: 56px; width: auto; height: auto; display: block; }

/* ===== TOP MENU (menu-top) ===== */
body.argo-alpha .menu-top .menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 0; }
body.argo-alpha .menu-top li { margin: 0; }
body.argo-alpha .menu-top a { 
  display: block;
  padding: 6px 12px;
  text-decoration: none;
  background-color: #263238;
  color: #90A4AE;
}
body.argo-alpha .menu-top a:visited { background-color: #263238; color: #90A4AE; text-decoration: none; }
body.argo-alpha .menu-top a:hover { background-color: #90A4AE; color: #263238; text-decoration: none; }
body.argo-alpha .menu-top a:active { background-color: #CFD8DC; color: #263238; text-decoration: none; }

/* ===== MAIN NAV (main-nav) ===== */
body.argo-alpha .main-nav .menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 0; }
body.argo-alpha .main-nav li { margin: 0; }
body.argo-alpha .main-nav a {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  background-color: #263238;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 8px 16px;
}
body.argo-alpha .main-nav a:visited { background-color: #263238; color: #FFFFFF; text-decoration: none; }
body.argo-alpha .main-nav a:hover { background-color: #455A64; color: #FFFFFF; text-decoration: none; }
body.argo-alpha .main-nav a:active { background-color: #FAFAFA; color: #455A64; text-decoration: none; }

/* CONTENT */
body.argo-alpha .site > .site-content { background: #FFFFFF; }
body.argo-alpha .site > .site-content a { color: var(--argo-link); }

/* Tables (from template) */
body.argo-alpha table { width: 100%; margin: 1em 0; border-collapse: collapse; }
body.argo-alpha th, 
body.argo-alpha td { border: 1px solid #ccc; padding: .5em .75em; text-align: left; }
body.argo-alpha th { background-color: #f5f5f5; font-weight: 500; }

/* FOOTER */
body.argo-alpha .site-footer { background: var(--argo-footer-bg); color: var(--argo-footer-fg); padding: 24px 0; }
body.argo-alpha .site-footer .footer-widgets { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
body.argo-alpha .site-footer .footer-inner { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; border-top: 1px solid rgba(255,255,255,.2); padding-top: 12px; }
body.argo-alpha .site-footer .footer-copy { order: 1; }
body.argo-alpha .site-footer .menu-footer { order: 2; }

/* Footer menu styles */
body.argo-alpha .menu-footer .menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; }
body.argo-alpha .menu-footer a { 
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #CFD8DC;
  text-decoration: none;
  padding: 0 12px;
}
body.argo-alpha .menu-footer a:visited { color: #CFD8DC; text-decoration: none; }
body.argo-alpha .menu-footer a:hover { color: #CFD8DC; text-decoration: underline; }
body.argo-alpha .menu-footer a:active { color: #CFD8DC; text-decoration: underline; }

/* Widgets */
body.argo-alpha .site-footer .widget { color: var(--argo-footer-fg); }
body.argo-alpha .site-footer .widget a { color: var(--argo-footer-fg); text-decoration: underline; }
body.argo-alpha .site-footer .widget .widget-title { margin: 0 0 8px 0; font-weight: 700; }

/* Responsive (з argo-responsive.css) */
@media (max-width: 1127.98px){
  body.argo-alpha .header-inner,
  body.argo-alpha .footer-inner,
  body.argo-alpha .footer-widgets,
  body.argo-alpha .site > .site-content,
  body.argo-alpha .site > #content,
  body.argo-alpha .site > .content {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 991.98px){
  body.argo-alpha .site-footer .footer-widgets { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 575.98px){
  body.argo-alpha .site-header .header-top { flex-direction: column; align-items: flex-start; }
  body.argo-alpha .menu-top .menu,
  body.argo-alpha .main-nav .menu,
  body.argo-alpha .menu-footer .menu { flex-wrap: wrap; }
  body.argo-alpha .site-footer .footer-widgets { grid-template-columns: 1fr; }
  body.argo-alpha .site-footer .footer-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
}
/* zminy */
.footer-copy {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: .75rem;
  color: #CFD8DC;
 /* text-decoration: none;*/
 /* padding: 0 12px;*/ 
}
.content-area {
	width: 1128px;
	margin: 0 auto;
	flex: 1 0 auto;
	/*background-color: var(--argo-content-bg);*/
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
	padding: 40px 0px 40px 0px;
}
body.argo-alpha .main-nav .menu {
	min-height: 44px;
}
.inside-article {
	background-color: var(--argo-content-bg);
}