:root {
  --btn-bg-color: #1AB753;
  --btn-text-color: #FFFFFF;
  --btn-text-transform: uppercase;
  --btn-font-size: 1.25rem;
  --btn-font-weight: 500;
  --btn-text-decoration: none;
  --btn-cursor: pointer;
  --btn-justify-content: center;
  --btn-padding-bottom: calc(.7em - 1px);
  --btn-padding-left: 1.2em;
  --btn-padding-right: 1.2em;
  --btn-padding-top: calc(.7em - 1px);
  --btn-text-align: center;
  --btn-white-space: nowrap;
  --btn-vertical-align: middle;
  --text-link-color: #165A1F;
  --text-footer: #0E3913;
}

body {
    background-color: #F3F4F6;
}

a {
    color: #000;
    /*text-decoration: underline;*/
}

a.navbar-item {
    text-decoration: none;
}

a.navbar-item:hover {
    color: #16A34A;
}

a.epe-link {
  color: var(--text-link-color);
}

a.footer-links,
.menu-list a.domain-item {
  text-decoration: none !important;
}

pre {
  background-color: #fff !important;
}

button.is-white.is-small.has-text-danger {
  background-color: #fff;
  border: none;
  cursor: pointer;
}

a.button, .button {
    background-color: #16A34A;
    color: #fff;
    text-decoration: none;
}

.ig-scan-btn {
     border-radius: 0px 5px 5px 0px;
}

/* InboxGreen palette */
:root {
  --ig-green: #16A34A;
  --ig-green-light: #22C55E;
  --ig-dark: #1E293B;
  --ig-light: #F1F5F9;
}

/* Menu active item readability */
.menu .menu-list a.is-active,
.menu .menu-list a.is-active:hover {
  background-color: var(--ig-light);
  color: var(--ig-dark);
}

/* Make “success” tags/buttons match our green */
.tag.is-success { background-color: var(--ig-green); color: #fff; }
.button.is-success { background-color: var(--ig-green); border-color: var(--ig-green); color: #fff; }
.button.is-success:hover { background-color: var(--ig-green-light); border-color: var(--ig-green-light); }

a.button.btn-dash { padding-right:.5rem !important; padding-left:.5rem !important; }
.buttons .button:not(:last-child):not(.is-fullwidth){margin-right: .0rem !important;}

strong sup.tm { font-size: 65%; vertical-align: super; }

span.icon {
    vertical-align: middle;
}

  /* FAQ accordion */
  .faq .faq-item summary::-webkit-details-marker { display: none; }
  .faq .faq-summary {
    display: flex; align-items: center; justify-content: space-between;
    cursor: pointer; user-select: none; list-style: none; gap: .45rem;
  }
  .faq .content { margin-top: .5rem; }
  .faq .material-symbols-outlined { transition: transform .2s ease; }
  .faq .faq-item[open] .material-symbols-outlined { transform: rotate(180deg); }
  .btn-long { white-space: normal !important; line-height: 1.2; }

  .box {padding: .75rem !important}
  /*.box.newsletter {padding: 1.5rem !important}*/

  .block:not(:last-child), 
  .box:not(:last-child), 
  .breadcrumb:not(:last-child), 
  .content:not(:last-child), 
  .level:not(:last-child), 
  .message:not(:last-child), 
  .notification:not(:last-child), 
  .pagination:not(:last-child), 
  .progress:not(:last-child), 
  .subtitle:not(:last-child), 
  .table-container:not(:last-child), 
  .table:not(:last-child), 
  .tabs:not(:last-child), 
  .title:not(:last-child) {margin-bottom: .75rem !important;}

  /* Dashboard layout tweaks */
.columns.is-dashboard { column-gap: .5rem; }           /* tighter gap */
.dashboard-sidebar { width: 370px; }                   /* wider left column */

/* Domain list rows aligned */
.menu-list .row {
  display: grid;
  grid-template-columns: 1fr auto auto; /* domain | badge | date */
  align-items: center;
  gap: .5rem;
}
.menu-list a { padding: .5rem .65rem; border-radius: 8px; }
.menu-list a.is-active { background: #f2faf5; color: #111; } /* soft mint, no dark blue */

/* Date chip */
.menu-list .t {
  font-size: .8rem;
  color: #7a7a7a;
}

/* Wrap buttons nicely on mobile */
.btn-dash { white-space: nowrap; }
@media (max-width: 768px) {
  .table td, .table th { white-space: nowrap; }
}

  /* Perfect vertical alignment for domain rows */
  .menu-list a.domain-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto; /* domain | badge | date */
    column-gap: .5rem;
    align-items: center;
    padding: .5rem .75rem;
  }
  .menu-list a.domain-item.is-active { background: #eef6ff; } /* softer highlight */
  .menu-list a.domain-item .d-date { justify-self: end; color: #7a7a7a; font-size: .85rem; }
  .menu-list a.domain-item .tag { margin-left: .25rem; }

  span.icon-align {
    vertical-align: middle;
  }

  span.trash {
    background-color: transparent;
    color: #f14668 !important;
  }

  .columns.is-variable>.column {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  a.a-guide,
  a.generators-link {
    text-decoration: none;
  }

  a.a-guide:hover,
  a.generators-link:hover {
    color:#16A34A;
  }

  a.navbar-link.generators-link::after {
    border-color:#16A34A !important;
  }

  .guide.card-content {
    text-align: center;
  }

  .buttons.guide {
    display: inline-block;
  }

  .buttons.useful-tools {
    gap: 1rem;
  }

  .button.blog.is-link {
    vertical-align: baseline;
  }

  .custom-btn {
    background-color: var(--btn-bg-color);
    color: var(--btn-text-color);
    text-transform: var(--btn-text-transform);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    text-decoration: var(--btn-text-decoration);
    cursor: var(--btn-cursor);
    justify-content: var(--btn-justify-content);
    padding-bottom: var(--btn-padding-bottom);
    padding-left: var(--btn-padding-left);
    padding-right: var(--btn-padding-right);
    padding-top: var(--btn-padding-top);
    text-align: var(--btn-text-align);
    white-space: var(--btn-white-space);
    vertical-align: var(--btn-vertical-align);
    transition: 0.2s;
    border-radius: 5px;
  }

  .custom-btn:hover {
    color: white;
  }

  .text-link-color {
    color: var(--text-link-color);
  }

  .text-footer {
    color: var(--text-footer);
  }

  .content ul.blog-breadcumb {
    margin-left: 0 !important;
  }

  .content li+li {
    margin-top: 0 !important;
  }

  .ig-tooltip-bubble {
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,0.85);
    color: #fff;
    font-size: 11px;
    padding: 6px 8px;
    border-radius: 4px;
    pointer-events: none;
    white-space: nowrap; /* horizontal text */
    opacity: 0;
    transition: opacity .12s ease;
}

span.tag-info:hover {
  cursor: pointer;
}

.table.is-hoverable tbody tr:hover {
    background-color: #f8f9fa;
}

.fade-in {
  animation: fadein .3s ease;
}
@keyframes fadein {
  from { opacity: 0; transform: translateY(3px); }
  to   { opacity: 1; transform: translateY(0); }
}

.pagination-link.is-current {
    background-color: #16A34A !important;
    border-color: #16A34A !important;
    color: #fff;
}

/* Mobile polish for InboxGreen */
@media (max-width: 768px) {
  /* Headings too big on phones */
  .title.is-1 { font-size: 2rem; }
  .title.is-2 { font-size: 1.75rem; }
  .title.is-3 { font-size: 1.5rem; }
  .subtitle.is-4, .subtitle.is-5 { font-size: 1.1rem; }

  /* Prevent long words/URLs from breaking layout */
  .title, .subtitle, p, li, code, pre { word-break: break-word; }

  /* Hero/logo images should scale down */
  img { max-width: 100%; height: auto; }

  /* Reduce big vertical spacing on mobile */
  .section { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .box { padding: 1rem; }

  .image.is-128x128 { width: 96px; height: 96px; }

  .field.has-addons.is-flex-wrap-wrap { flex-wrap: wrap; }
  .is-fullwidth-mobile { width: 100%; margin-top: .5rem; }
  .ig-scan-btn { width: 100%; height: 48px; }

  .footer-link-columns { text-align: center; }
  .footer-link-columns .title { margin-bottom: .5rem; }

  /*  Newsletter CTA styles mobile */
  /* Let input + button wrap instead of squeezing */
  .newsletter-form-field.is-flex-wrap-wrap {
    flex-wrap: wrap;
  }

  /* Make both controls take full width */
  .newsletter-form-field.is-flex-wrap-wrap .control {
    width: 100%;
    margin-right: 0 !important;
  }

  /* Give spacing between input and button */
  .newsletter-form-field.is-flex-wrap-wrap .control + .control {
    margin-top: .5rem;
  }

  /* Full width button */
  .newsletter-form-field.is-flex-wrap-wrap .button {
    width: 100%;
    justify-content: center;
  }
  .newsletter-form-field .input { border-radius: 5px; }
  .newsletter-form-field .button { border-radius: 5px; }
}