/******* Do not edit this file *******
Code Snippets Manager
Saved: Oct 15 2025 | 05:54:37 */
/* Universal box-sizing for consistent element sizing */
body.page-id-17663 * {
  box-sizing: border-box;
}
/* --- Main Layout (Using Flexbox) --- */
body.page-id-17663 .row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
body.page-id-17663 .column {
  flex: 1;
  min-width: 320px;
}
/* --- Fully Responsive Signature Table --- */
body.page-id-17663 .signature-preview .sh-src {
  width: 100% !important;
  max-width: 400px;
}
/*
========================================
  Fix for Collapsed Table Cell
========================================
*/
/* This targets the inner table holding the address/contact info */
body.page-id-17663 .sh-src > tbody > tr > td > table:nth-of-type(2) {
  table-layout: fixed;
  width: 400px;
}
/* --- Responsive Stacking for Mobile --- */
@media screen and (max-width: 767px) {
  /* UPDATE: Forcing removal of left/right padding on mobile */
  body.page-id-17663 .row {
    flex-direction: column;
  }
  body.page-id-17663 .column {
    min-width: auto;
  }
  body.page-id-17663 .signature-preview {
    /* 1rem for top/bottom, 0 for left/right */
    padding: 1rem 0 !important;
  }
}
/* --- Form & Preview Styling --- */
body.page-id-17663 .signature-field {
  width: 100%;
}
body.page-id-17663 .signature-preview {
  width: 100%;
  border: 1px solid #121822;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  background-color: #FFFFFE;
}
body.page-id-17663 .rslt {
  width: auto;
}
/* --- General Element Styling --- */
body.page-id-17663 .form-group {
  margin-bottom: 1.5rem;
}
body.page-id-17663 .form-label {
  display: block;
  font-size: 16px;
  font-family: "AC Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 0.5rem;
  /* Restored spacing */
}
body.page-id-17663 .form-control, body.page-id-17663 .form-select {
  display: block;
  width: 100%;
  max-width: 600px;
  border: 1px solid #000;
  padding: 8px 12px;
  font-size: 16px;
  border-radius: 0;
}
body.page-id-17663 tr, body.page-id-17663 td, body.page-id-17663 table, body.page-id-17663 th {
  border: none;
}
body.page-id-17663 .sh-src a {
  text-decoration: none !important;
}
/*
========================================
  Style for the 'Copy Signature' Button
========================================
*/
body.page-id-17663 .btn.btn-success {
  /* Shape and Sizing */
  width: auto !important;
  min-width: 180px;
  border-radius: 50px !important;
  padding: 14px 30px 10px 30px !important;
  text-align: center;
  /* Color and Font (to match other buttons) */
  background-color: var(--wp--preset--color--basecolor) !important;
  color: var(--wp--preset--color--contrastcolor, #ffffff) !important;
  border: none !important;
  font-family: "AC Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: normal !important;
  /* Corrected from 'regular' */
  /* Interaction */
  cursor: pointer;
  transition: opacity 0.3s;
}
/* Hover effect */
body.page-id-17663 .btn.btn-success:hover {
  opacity: 0.7;
}
/*
========================================
  Fix for Social Media Icon Size
========================================
*/
body.page-id-17663 .signature-preview table[style*="height:30px"] img {
  height: 30px !important;
  width: 30px !important;
  max-width: 30px !important;
}
/* --- Badges Section --- */
body.page-id-17663 .column-12 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
body.page-id-17663 .col-xs-1 {
  text-align: center;
}
body.page-id-17663 .copyable {
  cursor: pointer;
}
/*
========================================
  Reset Theme Styles on Signature Table Cells
========================================
*/
/* This targets only the td and th elements inside your signature preview */
body.page-id-17663 .signature-preview td, body.page-id-17663 .signature-preview th {
  padding: 0;
  border: none;
}