/**
 * ============================================================
 * LAYOUT — Modelul Unitar de Design (MUD)
 * ASP Moldova — aspgovmd theme
 * ============================================================
 */

/* ── Container ── */
.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}
.container--narrow { max-width: 960px; }
.container--wide   { max-width: 1440px; }
.container--full   { max-width: 100%; }

/* ── Section ── */
.section        { padding-block: var(--spacing-56); width: 100%;}
.section--sm    { padding-block: var(--spacing-40); width: 100%;}
.section--lg    { padding-block: var(--spacing-96); width: 100%;}
.section--flush { padding-block: 0; width: 100%;}

/* ── Grid (12 col) ── */
.grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--grid-gutter-desktop);
}
.grid--4  { grid-template-columns: repeat(4,  minmax(0, 1fr)); }
.grid--3  { grid-template-columns: repeat(3,  minmax(0, 1fr)); }
.grid--2  { grid-template-columns: repeat(2,  minmax(0, 1fr)); }

/* col span helpers */
.col-1  { grid-column: span 1; }
.col-2  { grid-column: span 2; }
.col-3  { grid-column: span 3; }
.col-4  { grid-column: span 4; }
.col-5  { grid-column: span 5; }
.col-6  { grid-column: span 6; }
.col-7  { grid-column: span 7; }
.col-8  { grid-column: span 8; }
.col-9  { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }

/* ── Flex утилиты ── */
.flex         { display: flex; }
.flex-col     { display: flex; flex-direction: column; }
.items-center { align-items: center; }
.items-start  { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center  { justify-content: center; }
.gap-8   { gap: var(--spacing-8); }
.gap-12  { gap: var(--spacing-12); }
.gap-16  { gap: var(--spacing-16); }
.gap-24  { gap: var(--spacing-24); }
.gap-32  { gap: var(--spacing-32); }

.mobile-block{display: none;}
.view-block{display: block!important;}

/* ── Responsive ── */
@media (max-width: 991px) {
  .grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--grid-gutter-mobile); }
  .col-md-4  { grid-column: span 4; }
  .col-md-8  { grid-column: span 8; }
  .col-md-12 { grid-column: span 8; }
}
@media (max-width: 767px) {
  .container { padding-inline: var(--spacing-16); }
  .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacing-16); }
  .col-1, .col-2, .col-3, .col-4,
  .col-5, .col-6, .col-7, .col-8,
  .col-9, .col-10, .col-11, .col-12 { grid-column: span 4; }
  .section    { padding-block: var(--spacing-48); }
  .section--lg { padding-block: var(--spacing-64); }
  .mobile-none{display: none;}
  .mobile-block{display: block;}
}