/*
Theme Name: GCAC
Theme URI: https://www.gcac.edu.in/
Description: Child theme for Kadence, customized for Government College of Art & Craft, Kolkata.
Author: Your Name or Team
Author URI: https://www.gcac.edu.in/
Template: kadence
Version: 1.0
Text Domain: gcac

Tags: child-theme, kadence, art-college, custom-style, responsive

This child theme inherits Kadence Theme.
*/
/* ---------------------------------------
   Advanced Responsive Table for Gutenberg
   Works with .wp-block-table
---------------------------------------- */
.wp-block-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #4A5568;
  border-radius: 6px;
  font-family: 'Georgia', serif;
  font-size: 15px;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 500px; /* force scroll on small screens */
}

.wp-block-table th,
.wp-block-table td {
  padding: 10px 12px;
  border: 1px solid #4A5568;
  text-align: center;
  white-space: nowrap; /* prevent text from wrapping */
}

/* Alternate row color */
.wp-block-table tbody tr:nth-child(even) {
  background-color: #F7FAFC;
}

/* Table header style */
.wp-block-table thead {
  background-color: #EDF2F7;
  color: #1A202C;
  font-weight: bold;
}

/* Responsive Scroll Container */
@media screen and (max-width: 768px) {
  .wp-block-table {
    overflow-x: auto;
    display: block;
  }

  .wp-block-table table {
    display: block;
    width: max-content;
  }

  .wp-block-table th,
  .wp-block-table td {
    font-size: 13px;
    padding: 8px 10px;
  }
}

/* -------------------------------
   PRINT STYLES (HIDE NON-ESSENTIALS)
--------------------------------- */
@media print {
  /* Hide parts you don’t want to print */
  .noprint,
  .site-header,
  .site-footer {
    display: none;
  }

  /* Remove spacing for cleaner printing */
  body,
  .site-content,
  .entry-content,
  .widget,
  .content-area {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Utility class for zero spacing */
  .print0 {
    padding: 0 !important;
    margin: 0 !important;
  }

  .page-break-before {
    page-break-before: always;
  }

  .page-break-after {
    page-break-after: always;
  }

  .page-break-inside-avoid {
    page-break-inside: avoid;
  }
}

/* -----------------------------------
   TABLET & MOBILE: REMOVE EXTRA PADDING
-------------------------------------- */
@media (max-width: 768px) {
  .content-container.site-container {
    padding: 0px;
  }
}

/* Hide reCAPTCHA badge (use responsibly!) */
.grecaptcha-badge {
  display: none;
}

/* -------------------------------
   TABLE OF CONTENTS (NO PLUGIN)
--------------------------------- */
.wplogout-table-of-contents {
  background-color: #eef2f5;
  padding: 10px;
}

.wplogout-toc-heading {
  font-weight: 900;
  font-size: 16px;
}

ul.wplogout-toc-contents {
  margin-top: -0.5em !important;
  margin-left: 0em !important;
}

.wplogout-toc-contents li {
  list-style-type: none;
  position: relative;
  margin-bottom: 5px;
}

.wplogout-toc-contents a {
  font-size: 14px;
  color: #525ef0;
  border-bottom: 0.1px dotted #525ef0;
  text-decoration: none !important;
}

.wplogout-toc-contents a:hover {
  color: #585858;
  border-bottom: 1px dashed #585858;
}

.wplogout-toc-contents li:before {
  content: "→"; /* Arrow bullet */
  margin-right: 1em;
  color: #585858;
  left: -30px;
  position: absolute;
}

/* Hide NP Feedback banners/messages */
.npf,
.npf__message {
  display: none !important;
}

/* -------------------------------
   PARAGRAPH & TEXT STYLES
--------------------------------- */
.justify {
  text-align: justify;
}

/* -------------------------------
   FIX DROPDOWN BUG
--------------------------------- */
.dropdown-nav-special-toggle {
  display: none;
}

/* -------------------------------
   LATEST POSTS STYLING (GRID)
--------------------------------- */
.wp-block-latest-posts.is-grid li {
  border: 1px solid #DADADA;
  padding: 0.5rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0.375rem;
}
.wp-block-latest-posts.is-grid li:hover .wp-block-latest-posts__post-title {
  color: #3182CE;
}

/* -------------------------------
   COLUMN ORDER ON MOBILE
--------------------------------- */
@media (max-width: 768px) {
  .column2 {
    order: -1; /* Show second column first */
  }

/* -------------------------------
   UTILITY CLASS TO REMOVE SPACING
--------------------------------- */
.m0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}