/*
Theme Name: F9 Blog
Theme URI: https://f9.uk/
Author: F9.uk
Author URI: https://f9.uk/
Description: Blog theme for new.f9.uk - matches F9 main site design. Blog index and single post layout with Gutenberg support.
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: f9-blog
Tags: blog, news, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing, editor-style
*/

/* Theme uses F9 assets; minimal overrides only if needed */

/* Sidebar search form - submit button as icon */
.sidebar .search-group .input-search {
  border: none;
  background: none;
  cursor: pointer;
  color: inherit;
  padding: 0;
}
.sidebar .search-group .input-search:hover {
  color: #fdd700;
}

/* Sidebar archives list */
.sidebar .archives-list ul {
  list-style: none;
  padding-left: 0;
}
.sidebar .archives-list li {
  margin-bottom: 0.5rem;
}
.sidebar .archives-list a {
  color: inherit;
}

/* Sidebar tag cloud - match badge style */
.sidebar .tagcloud a {
  display: inline-block;
  margin: 0.25rem 0.25rem 0.25rem 0;
  padding: 0.25rem 0.5rem;
  font-size: 15px;
}

/* Sidebar tabs - clickable headers, show/hide content */
.sidebar .tabs-header li {
  cursor: pointer;
}
.sidebar .tabs-item {
  display: none;
}
.sidebar .tabs-item.active {
  display: block;
}

/* Single + blog layout: main content and sidebar side-by-side on desktop */
.shopping.blog .container > .row,
.services.blog .container > .row {
  display: flex;
  flex-wrap: wrap;
}
.shopping.blog .container > .row > .col-md-8,
.services.blog .container > .row > .col-md-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.shopping.blog .container > .row > .col-md-4,
.services.blog .container > .row > .col-md-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
@media (max-width: 767px) {
  .shopping.blog .container > .row > .col-md-8,
  .services.blog .container > .row > .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .shopping.blog .container > .row > .col-md-4,
  .services.blog .container > .row > .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Single post: sidebar different background so it stands out from section */
.shopping.blog .sidebar {
  background-color: #ffffff !important;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Single post: search input visible against sidebar background */
.shopping.blog .sidebar .search-group .search {
  background-color: #efefef !important;
  color: #121e25;
  border: 1px solid #e0e0e0;
}
.shopping.blog .sidebar .search-group .search:focus {
  border-color: #fdd700;
  outline: none;
}

/* Single post: show motpath pattern on main body section (same as [data-background] .box-container .motpath) */
.single .box-container .motpath,
.single .shopping.blog.motpath {
  background-image: url('assets/patterns/motpath.svg');
  background-repeat: repeat;
}

/* Special Deals offcanvas: Free Trials images */
#offcanvasWithBackdrop .card .plans.badge + div {
  min-height: 120px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.04);
}
#offcanvasWithBackdrop .card .plans.badge + div img {
  width: 100%;
  max-width: 275px;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Special Deals offcanvas: Special Promotions SVG icons – fixed size, centered, blue */
#offcanvasWithBackdrop .offcanvas-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 0.75rem;
  text-align: center;
}
#offcanvasWithBackdrop .offcanvas-card-icon svg {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  display: block;
  margin: 0 auto;
}
#offcanvasWithBackdrop .offcanvas-card-icon svg path,
#offcanvasWithBackdrop .offcanvas-card-icon svg [fill] {
  fill: #2563eb !important;
}

/* Special Deals offcanvas: Flexible OS icons – same treatment, blue */
#offcanvasWithBackdrop .offcanvas-os-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 0.5rem;
  text-align: center;
}
#offcanvasWithBackdrop .offcanvas-os-icon svg {
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto;
}
#offcanvasWithBackdrop .offcanvas-os-icon svg path,
#offcanvasWithBackdrop .offcanvas-os-icon svg [fill],
#offcanvasWithBackdrop .offcanvas-os-icon svg .debian0,
#offcanvasWithBackdrop .offcanvas-os-icon svg .fedora0,
#offcanvasWithBackdrop .offcanvas-os-icon svg .openvpn0,
#offcanvasWithBackdrop .offcanvas-os-icon svg .owncloud0,
#offcanvasWithBackdrop .offcanvas-os-icon svg .prestashop0 {
  fill: #2563eb !important;
}