/* =========================================================
   MJA × Blocksy bridge
   Maps MJA palette, icons, hover, footer 2-col, no-border socials
   onto Blocksy markup without replacing the header builder.
   ========================================================= */

:root{
  --theme-palette-color-1:#00a0e3;
  --theme-palette-color-2:#0086c4;
  --theme-palette-color-3:#0a1626;
  --theme-palette-color-4:#152333;
  --theme-palette-color-5:#f3f7fc;
  --theme-palette-color-6:#ffffff;
  --theme-palette-color-7:#55687c;
  --theme-palette-color-8:#eaf1f8;
  --theme-font-stack-default:'Vazirmatn',Tahoma,'Segoe UI',Arial,sans-serif;
  --theme-button-font-family:'Vazirmatn',Tahoma,sans-serif;
}

html{scroll-behavior:smooth}
body.mja-theme,
body{
  font-family:'Vazirmatn',Tahoma,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Header: frosted white like MJA */
.ct-header,
header[data-device]{
  backdrop-filter:blur(14px);
}
.ct-header[data-sticky*="yes"]{
  box-shadow:0 2px 16px rgba(0,40,80,.035);
}

/* Buttons */
.ct-button,
.wp-block-button__link,
button.ct-button,
.btn-primary{
  border:none !important;
  border-radius:11px !important;
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.ct-button:hover,
.wp-block-button__link:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 8px 20px rgba(0,160,227,.28);
}

/* Icon boxes / features — no border, larger, hover lift */
.ct-icon-box,
.icon-container,
.ct-icon-container,
.wp-block-outermost-icon-block,
.ct-media-container{
  border:none !important;
}
.icon-container svg,
.ct-icon-container svg,
.ct-icon-box svg{
  overflow:visible;
}
.ct-dynamic-icon,
.ct-icon-container{
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease;
}
a:hover .ct-icon-container,
.ct-icon-container:hover{
  transform:translateY(-4px) scale(1.06);
}

/* Social icons: circular, no border, hover glow */
.ct-header-socials a,
.ct-footer-socials a,
[data-id="socials"] a,
.ct-social-box a,
.ct-footer .ct-socials a{
  width:42px !important;
  height:42px !important;
  border:none !important;
  border-radius:50% !important;
  background:rgba(0,160,227,.18) !important;
  box-shadow:none !important;
  outline:none !important;
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease !important;
}
.ct-header-socials a svg,
.ct-footer-socials a svg,
[data-id="socials"] a svg,
.ct-social-box a svg{
  width:20px;
  height:20px;
}
.ct-header-socials a:hover,
.ct-footer-socials a:hover,
[data-id="socials"] a:hover,
.ct-social-box a:hover,
.ct-footer .ct-socials a:hover{
  border:none !important;
  background:#00a0e3 !important;
  transform:translateY(-3px) scale(1.08);
  box-shadow:0 8px 20px rgba(0,160,227,.35) !important;
}

/* Cards */
.ct-card,
.wp-block-group.has-background,
.wp-block-column > .wp-block-group{
  transition:transform .25s ease, box-shadow .25s ease;
}
.card:hover,
.ct-card:hover{
  transform:translateY(-4px);
}

/* Footer dark + 2-column lists on mobile */
footer.ct-footer,
#footer.ct-footer,
.ct-footer{
  --theme-text-color:#94aabe;
}
@media (max-width: 690px){
  .ct-footer [data-column] .widget_nav_menu ul,
  .ct-footer .ct-menu,
  .ct-footer ul.menu,
  .ct-footer .widget_pages ul,
  .footer-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px 14px !important;
  }
}

/* Forms */
.ct-form input,
.ct-form textarea,
.ct-form select,
.comment-form input,
.comment-form textarea,
.wp-block-search__input{
  border-radius:10px !important;
}
.ct-form input:focus,
.ct-form textarea:focus,
.comment-form input:focus,
.wp-block-search__input:focus{
  border-color:#00a0e3 !important;
  box-shadow:0 0 0 3px rgba(0,160,227,.09) !important;
}

/* Links / headings */
h1,h2,h3,h4{letter-spacing:-.015em}

/* Gutenberg: keep MJA utility classes usable in Custom HTML / Gutenberg */
.alignfull .container{width:min(1180px,calc(100% - 34px));margin-inline:auto}

/* Don't let MJA kit hide Blocksy's own menu on desktop */
.ct-header .menu{display:flex !important}
@media (max-width: 999px){
  .ct-header .ct-offcanvas-trigger{display:inline-flex}
}

/* Page hero used in custom HTML widgets */
.page-hero{position:relative}