/*
Theme Name: Powdorum Child
Theme URI: https://powdorum.co.uk/
Description: GeneratePress child theme for powdorum.co.uk that keeps the Divi look (his rule 15 Oct 2026: same layout, same aspect, same banners in the same places, small improvements). The look comes from divi-carry.css and pages/*.css (Divi's own CSS, used rules only, classes renamed); this file only fits GeneratePress's header and containers to it. Rollback: activate Divi (kept installed).
Author: Tintitis AI CO
Template: generatepress
Version: 2.0.0
Text Domain: powdorum-child
*/

/* ---------- Header: Divi's header, as it is today (white, 66px, logo left, menu right) ----------
   Values from the live Divi customizer CSS (15 Oct 2026): menu 16px, text #112129, current item #d8bda2,
   body font Albert Sans. */
.site-header {
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  position: relative;
  z-index: 99;
}
.site-header .inside-header {
  padding: 0;
  min-height: 66px;
  max-width: 1080px;
  width: 80%;
  margin: 0 auto;
}
.site-logo img,
.header-image {
  max-height: 41px;
  width: auto;
}
.main-navigation,
.main-navigation ul ul {
  background: transparent;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
  color: #112129;
  font-family: 'Albert Sans', Helvetica, Arial, Lucida, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 66px;
  padding-left: 11px;
  padding-right: 11px;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
  color: #d8bda2;
  background: transparent;
}
.main-navigation ul ul {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  border-top: 3px solid #d8bda2;
}
.main-navigation .main-nav ul ul li a {
  line-height: 1.4;
  padding: 10px 20px;
  font-size: 14px;
}
.pw-cart-item a svg { vertical-align: -2px; }
/* Guards: on shop pages <body> carries Divi's classes, and Divi's generic list and nav rules must not reach the
   GeneratePress header. */
.site-header ul,
.site-header li { list-style: none; }
/* Tablet-landscape width (769-1100px): the 80% container is ~820px wide, and at 16px/11px the menu wrapped under
   the logo (measured live 18 Oct 2026 at 1024px, after the switch). Divi kept one row here; so do we. */
@media (min-width: 769px) and (max-width: 1100px) {
  .main-navigation .main-nav ul li a,
  .main-navigation .menu-bar-items { font-size: 14px; padding-left: 7px; padding-right: 7px; }
  .site-header .inside-header { width: 92%; }
}
@media (min-width: 769px) {
  .site-header .mobile-menu-control-wrapper { display: none !important; }
}

/* Mobile header: one row, logo left, menu toggle right (GeneratePress stacks it into a column under 768px;
   same fix as Deromania, WPCode snippet #360420, 8 Aug 2026). */
@media (max-width: 768px) {
  .site-header .inside-header {
    width: auto;
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    min-height: 0;
  }
  .site-logo img { max-height: 34px; }
  .main-navigation .main-nav ul li a { line-height: 44px; }
}

/* ---------- Containers ----------
   Converted Divi layouts, the product template and the post template draw their own rows (Divi rows: 80% wide,
   1080px max). GeneratePress's boxed container, article padding and page title are switched off there. */
.pw-builder .site.grid-container,
.pw-builder .site-content,
.pw-builder #content {
  max-width: none;
  padding: 0;
  display: block;
}
.pw-builder .content-area,
.pw-builder .site-main,
.pw-builder .inside-article,
.pw-builder .entry-content {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
}
.pw-builder.separate-containers .inside-article,
.pw-builder.separate-containers .site-main > * {
  margin-bottom: 0;
  padding: 0;
  background: transparent;
}
.pw-builder .entry-header,
.pw-builder .page-header-image { display: none; }
.pw-builder .entry-content { margin-top: 0 !important; }
.pw-builder.separate-containers .site-main { margin: 0; }

/* Shop, categories, blog: Divi's 80% / 1080px container with the sidebar on the right. */
.pwe_right_sidebar .site.grid-container {
  max-width: 1080px;
  width: 80%;
}
@media (max-width: 980px) {
  .pwe_right_sidebar .site.grid-container { width: auto; }
}

/* ---------- Footer ----------
   GeneratePress's own footer is removed in functions.php; the Divi footer markup (footer.html) styles itself
   from divi-carry.css. */
.site-footer { background: transparent; padding: 0; }

/* ---------- The home slider (functions.php rotates it) ---------- */
.pw_slider .pw_slide { display: none; }
.pw_slider .pw_slide.pwe-pb-active-slide { display: block; }
.pw_slider .pw_slide:first-child:not(.pwe-pb-active-slide):only-of-type { display: block; }

/* ---------- Sidebar on shop, categories and blog (Divi's #sidebar: a thin rule on its left) ---------- */
.pwe_right_sidebar #right-sidebar .inside-right-sidebar {
  border-left: 1px solid #e2e2e2;
  padding-left: 30px;
}
.pwe_right_sidebar #right-sidebar .pw_widget { margin-bottom: 30px; }
@media (max-width: 980px) {
  .pwe_right_sidebar #right-sidebar .inside-right-sidebar { border-left: 0; padding-left: 0; }
}

/* ---------- Parallax backgrounds ----------
   Divi moved these with its parallax script; without it the image is static. Centre it so the visible slice is
   the middle of the picture (and the page no longer runs a scroll script: one of the small speed gains). */
.pw-divi .pwe_parallax_bg {
  background-position: center;
  background-size: cover;
}

/* =====================================================================================================
   18 Oct 2026, after the switch — his review of the live site («the search is not as wide as the menu of
   pills», «these buttons are horrible», «the blog section is misplaced, some have photos, some don't»,
   «mobile needs improving»). Same layout and palette; consistency fixes only.
   ===================================================================================================== */

/* 1. Home search: as wide as the row of category pills above it (the form already spans that row; the
      input had an inline min-width of 220px and the button sat beside it). */
.pw-product-search { display: flex; gap: 8px; width: 100%; max-width: none; margin: 0 auto; }
.pw-product-search input[type="search"] {
  flex: 1 1 auto; min-width: 0 !important; width: auto; height: 46px; padding: 0 16px !important;
  border: 1px solid #d8bda2; border-radius: 3px; font-size: 16px; background: #fff; color: #112129;
}
.pw-product-search button[type="submit"] {
  height: 46px; padding: 0 22px !important; border: 0; border-radius: 3px; background: #112129; color: #fff;
  font-size: 15px; font-weight: 600; cursor: pointer;
}
.pw-product-search button[type="submit"]:hover { background: #d8bda2; color: #112129; }

/* 2. Product cards (shop, categories, the home shop module, related products): one grid, equal heights,
      square image boxes, one button style aligned at the bottom of every card. */
.pw-divi ul.products, .woocommerce ul.products {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 28px;
  margin: 0 0 30px !important; padding: 0 !important; list-style: none;
}
.pw-divi ul.products.columns-4, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pw-divi ul.products.columns-2, .woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pw-divi ul.products::before, .pw-divi ul.products::after,
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.pw-divi ul.products li.product, .woocommerce ul.products li.product,
.pw-divi .pw_shop ul.products li.product, .pw-divi .pw_shop ul.products li.product.first, .pw-divi .pw_shop ul.products li.product.last,
body.pw-divi.pw_gutters3 .pw_shop ul.products li.product, body.pw-divi .pw_gutters3.pw_row .pw_shop ul.products li.product {
  float: none !important; width: 100% !important; max-width: none !important; min-width: 0; margin: 0 !important; clear: none !important;
  display: flex; flex-direction: column; position: relative; text-align: left;
}
.pw-divi ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1 1 auto; }
.pw-divi ul.products li.product img, .woocommerce ul.products li.product img {
  width: 100% !important; height: auto; aspect-ratio: 1 / 1; object-fit: contain; margin: 0 0 14px !important; display: block;
}
.pw-divi ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.pw-divi ul.products li.product h2, .pw-divi ul.products li.product h3 {
  font-size: 15px !important; line-height: 1.35; font-weight: 600; color: #112129; margin: 0 0 6px !important; padding: 0 !important;
}
.pw-divi ul.products li.product .star-rating, .woocommerce ul.products li.product .star-rating { margin: 2px 0 6px !important; }
.pw-divi ul.products li.product .price, .woocommerce ul.products li.product .price {
  font-size: 16px !important; color: #112129 !important; font-weight: 600; margin: 0 0 12px !important; display: block;
}
.pw-divi ul.products li.product .price del, .woocommerce ul.products li.product .price del { color: #8a8a8a !important; font-weight: 400; margin-right: 6px; }
.pw-divi ul.products li.product .price ins, .woocommerce ul.products li.product .price ins { text-decoration: none; color: #c0392b !important; }
.pw-divi ul.products li.product .button, .woocommerce ul.products li.product .button,
.pw-divi ul.products li.product a.button, .woocommerce ul.products li.product a.button {
  display: block !important; width: 100%; box-sizing: border-box; margin: auto 0 0 !important; height: auto !important;
  padding: 12px 14px !important; border: 0 !important; border-radius: 3px !important; text-align: center;
  background: #112129 !important; color: #fff !important; font-size: 14px !important; font-weight: 600 !important;
  line-height: 1.2 !important; letter-spacing: 0; text-transform: none; transition: background .2s, color .2s;
}
.pw-divi ul.products li.product .button:hover, .woocommerce ul.products li.product .button:hover { background: #d8bda2 !important; color: #112129 !important; }
.pw-divi ul.products li.product .button.added, .woocommerce ul.products li.product .button.added { background: #2e7d32 !important; }
.pw-divi ul.products li.product .added_to_cart, .woocommerce ul.products li.product .added_to_cart {
  display: block; text-align: center; margin-top: 8px; font-size: 13px; color: #112129; text-decoration: underline;
}
.pw-divi ul.products li.product .onsale, .woocommerce ul.products li.product .onsale {
  position: absolute; top: 10px; left: 10px; right: auto; margin: 0; z-index: 2;
  background: #112129; color: #fff; border-radius: 3px; padding: 4px 10px; font-size: 12px; font-weight: 600; min-height: 0; line-height: 1.4;
}
@media (max-width: 980px) {
  .pw-divi ul.products, .woocommerce ul.products, .pw-divi ul.products.columns-4, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  /* divi-carry.css keeps Divi's 48 % mobile width on the shop module's cards; in a grid cell that halves the card
     (measured 68 px on a 375 px phone, 18 Oct). Higher specificity wins over it. */
  .pw-divi.pw-divi .pw_shop ul.products[class*="columns-"] li.product.product,
  .pw-divi.pw-divi .pw_shop ul.products li.product.product,
  .woocommerce.woocommerce ul.products[class*="columns-"] li.product.product { width: 100% !important; }
}

/* 3. Home blog block (the core latest-posts grid): three equal cards, a 16:10 picture on every card. */
.wp-block-latest-posts.is-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 20px 0 30px; padding: 0; }
.wp-block-latest-posts.is-grid li { width: auto !important; margin: 0 !important; display: flex; flex-direction: column; }
.wp-block-latest-posts__featured-image { order: -1; margin: 0 0 14px; }
.wp-block-latest-posts__featured-image img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 3px; display: block; }
.wp-block-latest-posts.is-grid li > a { font-size: 18px; line-height: 1.3; font-weight: 600; color: #112129; text-decoration: none; }
.wp-block-latest-posts.is-grid li > a:hover { color: #d8bda2; }
.wp-block-latest-posts__post-date { font-size: 13px; color: #777; margin: 6px 0 8px; display: block; }
.wp-block-latest-posts__post-excerpt { font-size: 14px; line-height: 1.6; color: #444; margin: 0; }
.wp-block-latest-posts__post-excerpt .wp-block-latest-posts__read-more { display: inline-block; margin-left: 4px; color: #112129; font-weight: 600; }
@media (max-width: 980px) { .wp-block-latest-posts.is-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .wp-block-latest-posts.is-grid { grid-template-columns: 1fr; } }

/* 4. Phone: the six category pills two per row instead of a six-high stack; the search bar full width. */
@media (max-width: 767px) {
  .pw-page-66 .pw_row_0 { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
  .pw-page-66 .pw_row_0 .pw_column_1_6 { width: calc(50% - 5px) !important; margin: 0 !important; }
  .pw-page-66 .pw_row_0 .pw_blurb { width: 100% !important; max-width: none !important; margin: 0 !important; }
  .pw-product-search { flex-wrap: nowrap; }
  .pw-product-search button[type="submit"] { padding: 0 16px !important; }
}

/* 5. His second review (18 Oct, 13:xx): the sidebar pages sat on the LEFT of a wide screen — the 1080 px page
      container had no automatic margins (measured: left 0 at 1680 px). Centre it. */
.site.grid-container, .pwe_right_sidebar .site.grid-container { margin-left: auto !important; margin-right: auto !important; }

/* 6. Product page: the gallery took WooCommerce's default 48 % of an already narrow 3/8 column (177 px at
      1680 px). It now fills its column, so the picture is about twice the size. */
.pw-divi .pw_wc_images div.images, .pw-divi .pw_wc_images .woocommerce-product-gallery,
.pw-divi .woocommerce div.product .pw_wc_images div.images { width: 100% !important; float: none !important; margin-bottom: 20px; }
.pw-divi .pw_wc_images .woocommerce-product-gallery__image img { width: 100% !important; height: auto; }
.pw-divi .pw_wc_images .flex-control-thumbs li { width: 25%; padding: 4px; }

/* 7. Home blog block: equal cards whatever the excerpt length (the third post had a long hand-written excerpt). */
.wp-block-latest-posts.is-grid li > a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wp-block-latest-posts__post-excerpt { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.wp-block-latest-posts.is-grid li { align-items: stretch; }

/* 8. Blog index and archives: a two-column card list with a 16:10 picture, title, date and a short excerpt,
      instead of every full article stacked under one another (functions.php switches the archive to excerpts). */
body.blog #main, body.archive:not(.woocommerce) #main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 30px; }
body.blog #main > article, body.archive:not(.woocommerce) #main > article { margin: 0; display: flex; flex-direction: column; }
body.blog #main > .paging-navigation, body.archive #main > .paging-navigation, body.blog #main > .page-header, body.archive #main > .page-header { grid-column: 1 / -1; }
body.blog article .inside-article, body.archive article .inside-article { display: flex; flex-direction: column; flex: 1 1 auto; padding: 0; }
body.blog article .post-image, body.archive article .post-image { margin: 0 0 14px; order: -1; }
body.blog article .entry-summary, body.archive article .entry-summary { flex: 1 1 auto; }
body.blog article .post-image img, body.archive article .post-image img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 3px; display: block; }
body.blog article .entry-title, body.archive article .entry-title { font-size: 20px; line-height: 1.3; margin: 0 0 6px; }
body.blog article .entry-title a, body.archive article .entry-title a { color: #112129; }
body.blog article .entry-meta, body.archive article .entry-meta { font-size: 13px; color: #777; margin: 0 0 10px; }
body.blog article .byline, body.archive article .byline { display: none; }
body.blog article .entry-summary, body.archive article .entry-summary { font-size: 15px; line-height: 1.6; color: #444; }
body.blog article .read-more, body.archive article .read-more { font-weight: 600; color: #112129; }
@media (max-width: 767px) { body.blog #main, body.archive:not(.woocommerce) #main { grid-template-columns: 1fr; } }

/* 9. Sidebar: the block widgets came with 30 px gaps and padding around every paragraph, so «Posts» floated far
      from its list. Tighter, with the bold paragraph as the widget title. */
.pwe_right_sidebar #right-sidebar .pw_widget, .pwe_right_sidebar #right-sidebar .widget { margin-bottom: 14px !important; padding: 0 !important; }
.pwe_right_sidebar #right-sidebar .pw_widget p { margin: 0 0 8px; }
.pwe_right_sidebar #right-sidebar .pw_widget p > strong:only-child { display: block; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; color: #112129; margin: 18px 0 8px; }
.pwe_right_sidebar #right-sidebar .pw_widget ul { margin: 0 0 6px; padding-left: 0; list-style: none; }
.pwe_right_sidebar #right-sidebar .pw_widget li { margin: 0 0 6px; line-height: 1.45; font-size: 14px; }
.pwe_right_sidebar #right-sidebar .pw_widget li ul { margin: 4px 0 0 14px; }
.pwe_right_sidebar #right-sidebar .pw_widget:has(.wp-block-group__inner-container:empty) { display: none; }
.pwe_right_sidebar #right-sidebar .wp-block-search__inside-wrapper { display: flex; gap: 6px; }
.pwe_right_sidebar #right-sidebar .wp-block-search__input { flex: 1; min-width: 0; height: 40px; border: 1px solid #ddd; border-radius: 3px; padding: 0 10px; }
.pwe_right_sidebar #right-sidebar .wp-block-search__button { height: 40px; border: 0; border-radius: 3px; background: #112129; color: #fff; padding: 0 14px; }

/* 10. Reading size (his page-by-page review, 18 Oct): Divi's text modules and the post body were 14 px / 22 px,
       small for guides people actually read. 16 px / 1.7 on posts, text pages and the legal pages; the home page's
       designed sections keep their own sizes. */
.pw-divi:not(.pw-page-66) .pw_text_inner p, .pw-divi:not(.pw-page-66) .pw_text_inner li,
.pw-divi .pw_post_content p, .pw-divi .pw_post_content li,
body.single-post .entry-content p, body.single-post .entry-content li,
body.page:not(.home) .entry-content p, body.page:not(.home) .entry-content li,
.pw-divi .pw_post_content.pw_post_content p, .pw-divi .pw_post_content.pw_post_content li,
.pw-divi:not(.pw-page-66) .pw_text.pw_text .pw_text_inner p, .pw-divi:not(.pw-page-66) .pw_text.pw_text .pw_text_inner li { font-size: 16px !important; line-height: 1.7 !important; }
.pw-divi .pw_post_content h2, body.single-post .entry-content h2 { font-size: 26px; line-height: 1.3; margin: 1.4em 0 .5em; }
.pw-divi .pw_post_content h3, body.single-post .entry-content h3 { font-size: 20px; line-height: 1.35; margin: 1.2em 0 .5em; }
.pw-divi .pw_post_content p, body.single-post .entry-content p { margin-bottom: 1.1em; }

/* 11. The three hub pages (pet 23049, bone & joint 10088, immune 21465): their first row was a 2/5 column holding
       one beige button beside the intro text — a blank white block on a wide screen. The column is now a navy
       panel (the pet hub uses its own picture) that stretches to the intro's height, with a white button. */
.pw-page-23049 .pw_section_0 .pw_row_0, .pw-page-10088 .pw_section_0 .pw_row_0, .pw-page-21465 .pw_section_0 .pw_row_0 {
  display: flex; align-items: stretch; gap: 32px;
}
.pw-page-23049 .pw_section_0 .pw_row_0 .pw_column_0, .pw-page-10088 .pw_section_0 .pw_row_0 .pw_column_0, .pw-page-21465 .pw_section_0 .pw_row_0 .pw_column_0 {
  flex: 0 0 38%; width: auto !important; margin: 0 !important; min-height: 320px; border-radius: 4px;
  background: #112129 center / cover no-repeat; display: flex; align-items: flex-end; justify-content: center; padding: 28px !important;
}
.pw-page-23049 .pw_section_0 .pw_row_0 .pw_column_1, .pw-page-10088 .pw_section_0 .pw_row_0 .pw_column_1, .pw-page-21465 .pw_section_0 .pw_row_0 .pw_column_1 {
  flex: 1 1 auto; width: auto !important; margin: 0 !important;
}
.pw-page-23049 .pw_section_0 .pw_row_0 .pw_column_0 {
  background-image: linear-gradient(to top, rgba(17, 33, 41, .78), rgba(17, 33, 41, 0) 60%), url("https://powdorum.co.uk/wp-content/uploads/2026/03/food-supplements-for-pets.webp");
  background-position: center 35%;
}
.pw-page-23049 .pw_section_0 .pw_row_0 .pw_column_0 .pw_button_module_wrapper, .pw-page-10088 .pw_section_0 .pw_row_0 .pw_column_0 .pw_button_module_wrapper, .pw-page-21465 .pw_section_0 .pw_row_0 .pw_column_0 .pw_button_module_wrapper { margin: 0; width: 100%; text-align: center; }
.pw-page-23049 .pw_section_0 .pw_row_0 a.pw_button, .pw-page-10088 .pw_section_0 .pw_row_0 a.pw_button, .pw-page-21465 .pw_section_0 .pw_row_0 a.pw_button {
  background: #fff !important; color: #112129 !important; border-color: #fff !important; font-weight: 600; font-size: 15px;
}
.pw-page-23049 .pw_section_0 .pw_row_0 a.pw_button:hover, .pw-page-10088 .pw_section_0 .pw_row_0 a.pw_button:hover, .pw-page-21465 .pw_section_0 .pw_row_0 a.pw_button:hover { background: #d8bda2 !important; border-color: #d8bda2 !important; }
@media (max-width: 980px) {
  .pw-page-23049 .pw_section_0 .pw_row_0, .pw-page-10088 .pw_section_0 .pw_row_0, .pw-page-21465 .pw_section_0 .pw_row_0 { flex-direction: column; gap: 20px; }
  .pw-page-23049 .pw_section_0 .pw_row_0 .pw_column_0, .pw-page-10088 .pw_section_0 .pw_row_0 .pw_column_0, .pw-page-21465 .pw_section_0 .pw_row_0 .pw_column_0 { flex: none; min-height: 200px; order: 2; }
}

/* 12. Legal pages read as one centred column (~860 px) instead of two different layouts: refunds (13) and privacy (3)
       were full-width Divi text with 170-character lines; terms (23536), cookie policy (23537) and legal notice
       (23517) carried the shop sidebar (functions.php §11 removes it). */
.pw-page-13 .pw_section_0 .pw_row, .pw-page-3 .pw_section_0 .pw_row { max-width: 860px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
body.page-id-23536 .site-content, body.page-id-23537 .site-content, body.page-id-23517 .site-content { max-width: 860px; margin: 0 auto; }
body.page-id-23536 .entry-header, body.page-id-23537 .entry-header, body.page-id-23517 .entry-header { margin-bottom: 20px; }
body.page-id-23536 .entry-content h2, body.page-id-23537 .entry-content h2, body.page-id-23517 .entry-content h2,
.pw-page-13 .pw_text_inner h2, .pw-page-3 .pw_text_inner h2 { font-size: 24px; line-height: 1.3; margin: 1.6em 0 .5em; }
.pw-page-13 .pw_text_inner h3, .pw-page-3 .pw_text_inner h3 { font-size: 19px; line-height: 1.35; margin: 1.3em 0 .4em; }

/* ---------- Contact form message (after a submit) ---------- */
.pwe-pb-contact-message p { margin-bottom: 1em; font-weight: 600; }

/* 13. Social icons (his order 18 Oct: «point the social icons to the correct links»): TikTok → @powdorum, the
       YouTube slot → Instagram @powdorumuk (no YouTube channel address is on record; SOCIAL-ACCOUNTS.md rows 89, 99).
       The Instagram glyph is not in divi-carry.css (unused before), so its icon rule lives here. */
.pwe-social-instagram a.icon:before { content: "\E09A"; }
.pwe-social-instagram a.icon { background-color: #ea2c59; }