/* === BUTTON STYLES === */

/* Primary button base */
.button,
.button--primary,
.adminimal .button,
.btn.btn-default.js-form-submit.form-submit,
.product-teaser .product-add-cart input[type="submit"],
.product-teaser .product-add-cart .button,
.product-post .product-content-wrap .form-actions input[type="submit"] {
  color: #fff;
  background-color: #00aafd;
  border-color: #00aafd;
  padding: 15px;
  font-size: 12px;
  line-height: 1.33;
  border-radius: 25px;
  background-image: none;
  text-transform: uppercase;
  margin: 10px 0;
  display: inline-block;
}

/* Primary button hover */
.button:hover,
.button--primary:hover,
.adminimal .button:hover {
  background-color: #0fa85b;
  border-color: #0fa85b;
  color: #fff;
}

/* Bootstrap primary button override */
.btn.btn-primary {
  background-color: #00aafd;
  border-color: #00aafd;
}
.btn.btn-primary:hover {
  background-color: #ffb507;
  border-color: #ffb507;
  color: #fff;
}

/* Link button */
.btn-link {
  font-weight: 400;
  text-decoration: none;
}

/* === NIRUDI FIELD STYLING === */

/* Unified style for all field wrappers and content blocks */
.field-field-logo-or-image,
.field-node-title,
.field-field-denomination-or-username,
.field-field-type-of-user,
.field-field-size-of-the-company,
.field-field-sector,
.field-field-detailed-description,
.field-field-video-gallery,
.field-field-get-a-quote,
.field-field-contact-details-and-locati,
.field-field-country,
.field-field-continent,
.field-field-supplier-details-and-locat,
.field-field-price,
.field-field-description,
.field-pcui-config,
.field--type-language,
.field-field-image-gallery,
.field-field-elearning-image,
.user-name,
.user-profile-picture,
.username,
.field-realname,
.field-field-firstname,
.field-field-lastname,
.role-expiry-roles,
.field-stores,
.field-field-custom-video,
.field-field-rating,
.field--name-title,
.field--name-field-logo-or-image,
.field--name-field-video-gallery,
.field--name-field-pdf-catalogue,
.field--name-field-certification,
.field--name-field-corporate-social-responsib,
.field--name-field-publication-and-recognitio,
.field--name-field-denomination-or-username,
.field--name-field-size-of-the-company,
.field--name-field-type-of-user,
.field--name-field-type-entity-reference,
.field--name-field-type-image,
.form-item--field-country,
.field--name-field-sector,
.field--name-field-detailed-description,
.field--name-field-image-gallery,
.field--name-field-contact-details-and-locati,
.field--name-field-custom-video-blog-nirudi,
.field--name-field-supplier-details-and-locat,
.use-ajax .action-link .action-link--danger .action-link--icon-trash,
.node-content,
.field-title,
.field-field-ratings,
.product-stock,
.product-sku,
.product-price-wrap,
.product-short-description,
.field--name-field-badge.field--name-status,
.field--name-field-ratings,
.field--name-field-badge,
.field--name-status,
.field-field-custom-video-blog-nirudi,
.commerce-variation-add-to-cart-26,
#commerce-variation-add-to-cart-26,
#commerce-variation-add-to-cart-34,
.col-sm-12,
div.col-sm-6:nth-child(2) > div:nth-child(7),
div.col-sm-6:nth-child(3) > div:nth-child(1) {
  background: #f5f5f5;
  margin: 15px 10px 15px 0;
  padding: 10px 15px;
}

/* Remove right margin where not needed (e.g., full-width blocks) */
.col-sm-12,
#commerce-variation-add-to-cart-26,
#commerce-variation-add-to-cart-34,
.commerce-variation-add-to-cart-26,
div.col-sm-6:nth-child(2) > div:nth-child(7),
div.col-sm-6:nth-child(3) > div:nth-child(1) {
  margin-right: 0;
}

/* === SPECIAL ELEMENTS === */

.ckeditor-readmore-toggler {
  background-color: #0fa85b;
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 25px;
  display: inline-block;
  margin-top: 10px;
}

/* Buy now button reset */
#edit-commerce-buy-now {
  margin-left: 0;
}

/* Header blocks */
#block-user-account-menu,
#block-language-dropdown-switcher {
  border-right-width: 0;
}

/* === COOKIE BANNER FIXES === */

#sliding-popup,
.eu-cookie-compliance-banner {
  background: #2c3e50;
  color: #ffffff;
  border: 2px solid #34495e;
}

#sliding-popup h2,
.eu-cookie-compliance-banner h2,
.eu-cookie-compliance-banner p {
  color: #ffffff;
  font-weight: bold;
}

#sliding-popup a {
  color: #3498db;
  text-decoration: underline;
}

#sliding-popup .eu-cookie-compliance-more-button,
#sliding-popup .agree-button,
.eu-cookie-compliance-agree-button {
  background-color: #e74c3c;
  color: #ffffff;
  border: 2px solid #c0392b;
}

.eu-cookie-compliance-agree-button {
  background: #27ae60;
  border: none;
}

/* Main wrapper matching the warm off-white page background */
.sop-container {
  max-width: 820px;
  margin: 0 auto;
  padding: 24px;
  background-color: #faf9f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #2c3531;
  line-height: 1.6;
  border-radius: 12px;
}

/* Subtitle styling under the page title */
.sop-header {
  margin-bottom: 24px;
}

.sop-subtitle {
  font-size: 1.05rem;
  color: #55605b;
  margin: 0;
}

/* Individual section cards */
.sop-card {
  background-color: #ffffff;
  border: 1px solid #e2e5df;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

/* Section headings */
.sop-card h2 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1b2e25;
  margin-top: 0;
  margin-bottom: 12px;
}

/* Paragraph & List spacing inside cards */
.sop-card p {
  margin-top: 0;
  margin-bottom: 12px;
}

.sop-card p:last-child,
.sop-card ul:last-child,
.sop-card ol:last-child {
  margin-bottom: 0;
}

.sop-card ul,
.sop-card ol {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 12px;
}

.sop-card li {
  margin-bottom: 6px;
}

.sop-card li:last-child {
  margin-bottom: 0;
}

/* Inline code pills for database fields (plot_id, gps_accuracy_m, etc.) */
.sop-card code {
  background-color: #eef5f0;
  color: #1b4d3e;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.88em;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid #d5e6db;
}

/* If using Paragraphs module instead of single body HTML */
.paragraph--type--sop-section {
  background-color: #ffffff;
  border: 1px solid #e2e5df;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}